.elementor-11 .elementor-element.elementor-element-ce97860{--display:flex;}.elementor-11 .elementor-element.elementor-element-e0c5914{--display:flex;}.elementor-11 .elementor-element.elementor-element-4870c1f{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:56px 56px;--row-gap:56px;--column-gap:56px;}.elementor-11 .elementor-element.elementor-element-a6d32ee{--display:flex;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-11 .elementor-element.elementor-element-131505d{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:flex-start;--gap:14px 14px;--row-gap:14px;--column-gap:14px;--flex-wrap:wrap;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-11 .elementor-element.elementor-element-1a94dbe{--display:flex;--justify-content:center;--align-items:stretch;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-11 .elementor-element.elementor-element-acd438d{--display:flex;}.elementor-11 .elementor-element.elementor-element-2bcc960{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:wrap;}.elementor-11 .elementor-element.elementor-element-d1bc0a6{--display:flex;}.elementor-11 .elementor-element.elementor-element-ed9ce52 .elementskit-funfact .funfact-icon img{margin-bottom:10px;}.elementor-11 .elementor-element.elementor-element-ed9ce52 .elementskit-funfact-icon{font-size:40px;}.elementor-11 .elementor-element.elementor-element-ed9ce52 .funfact-icon svg{font-size:40px;}.elementor-11 .elementor-element.elementor-element-ed9ce52 .elementskit-funfact-icon, .elementor-11 .elementor-element.elementor-element-ed9ce52 .elementskit-funfact svg{margin-bottom:15px;transform:rotate(0deg);}.elementor-11 .elementor-element.elementor-element-ed9ce52 .elementskit-funfact{justify-content:center;display:flex;}.elementor-11 .elementor-element.elementor-element-eca39a6{--display:flex;}.elementor-11 .elementor-element.elementor-element-1e90639 .elementskit-funfact .funfact-icon img{margin-bottom:10px;}.elementor-11 .elementor-element.elementor-element-1e90639 .elementskit-funfact-icon{font-size:40px;}.elementor-11 .elementor-element.elementor-element-1e90639 .funfact-icon svg{font-size:40px;}.elementor-11 .elementor-element.elementor-element-1e90639 .elementskit-funfact-icon, .elementor-11 .elementor-element.elementor-element-1e90639 .elementskit-funfact svg{margin-bottom:15px;transform:rotate(0deg);}.elementor-11 .elementor-element.elementor-element-1e90639 .elementskit-funfact{justify-content:center;display:flex;}.elementor-11 .elementor-element.elementor-element-e28a52a{--display:flex;}.elementor-11 .elementor-element.elementor-element-a033169 .elementskit-funfact .funfact-icon img{margin-bottom:10px;}.elementor-11 .elementor-element.elementor-element-a033169 .elementskit-funfact-icon{font-size:40px;}.elementor-11 .elementor-element.elementor-element-a033169 .funfact-icon svg{font-size:40px;}.elementor-11 .elementor-element.elementor-element-a033169 .elementskit-funfact-icon, .elementor-11 .elementor-element.elementor-element-a033169 .elementskit-funfact svg{margin-bottom:15px;transform:rotate(0deg);}.elementor-11 .elementor-element.elementor-element-a033169 .elementskit-funfact{justify-content:center;display:flex;}.elementor-11 .elementor-element.elementor-element-3b68c9a{--display:flex;}.elementor-11 .elementor-element.elementor-element-16d2ed3 .elementskit-funfact .funfact-icon img{margin-bottom:10px;}.elementor-11 .elementor-element.elementor-element-16d2ed3 .elementskit-funfact-icon{font-size:40px;}.elementor-11 .elementor-element.elementor-element-16d2ed3 .funfact-icon svg{font-size:40px;}.elementor-11 .elementor-element.elementor-element-16d2ed3 .elementskit-funfact-icon, .elementor-11 .elementor-element.elementor-element-16d2ed3 .elementskit-funfact svg{margin-bottom:15px;transform:rotate(0deg);}.elementor-11 .elementor-element.elementor-element-16d2ed3 .elementskit-funfact{justify-content:center;display:flex;}.elementor-11 .elementor-element.elementor-element-b9eebe7{--display:flex;}.elementor-11 .elementor-element.elementor-element-8ebf07c .elementskit-funfact .funfact-icon img{margin-bottom:10px;}.elementor-11 .elementor-element.elementor-element-8ebf07c .elementskit-funfact-icon{font-size:40px;}.elementor-11 .elementor-element.elementor-element-8ebf07c .funfact-icon svg{font-size:40px;}.elementor-11 .elementor-element.elementor-element-8ebf07c .elementskit-funfact-icon, .elementor-11 .elementor-element.elementor-element-8ebf07c .elementskit-funfact svg{margin-bottom:15px;transform:rotate(0deg);}.elementor-11 .elementor-element.elementor-element-8ebf07c .elementskit-funfact{justify-content:center;display:flex;}.elementor-11 .elementor-element.elementor-element-10dd4b1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-11 .elementor-element.elementor-element-6a3f07d{--display:flex;}.elementor-11 .elementor-element.elementor-element-3fc2e0a{--display:flex;}.elementor-11 .elementor-element.elementor-element-18dbf71{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--flex-wrap:nowrap;}.elementor-11 .elementor-element.elementor-element-cc8439a{width:var( --container-widget-width, 33.333% );max-width:33.333%;--container-widget-width:33.333%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-cc8439a .elementskit-funfact .funfact-icon img{margin-bottom:10px;}.elementor-11 .elementor-element.elementor-element-cc8439a .elementskit-funfact-icon{font-size:40px;}.elementor-11 .elementor-element.elementor-element-cc8439a .funfact-icon svg{font-size:40px;}.elementor-11 .elementor-element.elementor-element-cc8439a .elementskit-funfact-icon, .elementor-11 .elementor-element.elementor-element-cc8439a .elementskit-funfact svg{margin-bottom:15px;transform:rotate(0deg);}.elementor-11 .elementor-element.elementor-element-cc8439a .elementskit-funfact{justify-content:center;display:flex;}.elementor-11 .elementor-element.elementor-element-74c6a07{width:var( --container-widget-width, 33.333% );max-width:33.333%;--container-widget-width:33.333%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-74c6a07 .elementskit-funfact .funfact-icon img{margin-bottom:10px;}.elementor-11 .elementor-element.elementor-element-74c6a07 .elementskit-funfact-icon{font-size:40px;}.elementor-11 .elementor-element.elementor-element-74c6a07 .funfact-icon svg{font-size:40px;}.elementor-11 .elementor-element.elementor-element-74c6a07 .elementskit-funfact-icon, .elementor-11 .elementor-element.elementor-element-74c6a07 .elementskit-funfact svg{margin-bottom:15px;transform:rotate(0deg);}.elementor-11 .elementor-element.elementor-element-74c6a07 .elementskit-funfact{justify-content:center;display:flex;}.elementor-11 .elementor-element.elementor-element-24c4bbf{width:var( --container-widget-width, 33.333% );max-width:33.333%;--container-widget-width:33.333%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-24c4bbf .elementskit-funfact .funfact-icon img{margin-bottom:10px;}.elementor-11 .elementor-element.elementor-element-24c4bbf .elementskit-funfact-icon{font-size:40px;}.elementor-11 .elementor-element.elementor-element-24c4bbf .funfact-icon svg{font-size:40px;}.elementor-11 .elementor-element.elementor-element-24c4bbf .elementskit-funfact-icon, .elementor-11 .elementor-element.elementor-element-24c4bbf .elementskit-funfact svg{margin-bottom:15px;transform:rotate(0deg);}.elementor-11 .elementor-element.elementor-element-24c4bbf .elementskit-funfact{justify-content:center;display:flex;}.elementor-11 .elementor-element.elementor-element-2df931e{--display:flex;}.elementor-11 .elementor-element.elementor-element-31e9a63{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:22px 22px;--row-gap:22px;--column-gap:22px;--flex-wrap:nowrap;}.elementor-11 .elementor-element.elementor-element-2fb9584.ekit-equal-height-enable,
.elementor-11 .elementor-element.elementor-element-2fb9584.ekit-equal-height-enable > div,
.elementor-11 .elementor-element.elementor-element-2fb9584.ekit-equal-height-enable .ekit-wid-con,
.elementor-11 .elementor-element.elementor-element-2fb9584.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-11 .elementor-element.elementor-element-2fb9584{width:var( --container-widget-width, 33.333% );max-width:33.333%;--container-widget-width:33.333%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-2fb9584 .elementskit-infobox{padding:50px 40px 50px 40px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#f5f5f5;border-radius:5px 5px 5px 5px;}.elementor-11 .elementor-element.elementor-element-2fb9584 .elementskit-infobox .elementskit-info-box-title{padding:0px 0px 0px 0px;color:#000000;}.elementor-11 .elementor-element.elementor-element-2fb9584 .elementskit-infobox:hover .elementskit-info-box-title{color:#000000;}.elementor-11 .elementor-element.elementor-element-2fb9584 .elementskit-infobox .box-body > p{color:#656565;}.elementor-11 .elementor-element.elementor-element-2fb9584 .elementskit-infobox:hover .box-body > p{color:#656565;}.elementor-11 .elementor-element.elementor-element-2fb9584 .elementskit-info-box-icon{color:#656565;fill:#656565;}.elementor-11 .elementor-element.elementor-element-2fb9584 .elementskit-infobox .elementskit-info-box-icon{font-size:40px;transform:rotate(0deg);}.elementor-11 .elementor-element.elementor-element-a9e3da8.ekit-equal-height-enable,
.elementor-11 .elementor-element.elementor-element-a9e3da8.ekit-equal-height-enable > div,
.elementor-11 .elementor-element.elementor-element-a9e3da8.ekit-equal-height-enable .ekit-wid-con,
.elementor-11 .elementor-element.elementor-element-a9e3da8.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-11 .elementor-element.elementor-element-a9e3da8{width:var( --container-widget-width, 33.333% );max-width:33.333%;--container-widget-width:33.333%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-a9e3da8 .elementskit-infobox{padding:50px 40px 50px 40px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#f5f5f5;border-radius:5px 5px 5px 5px;}.elementor-11 .elementor-element.elementor-element-a9e3da8 .elementskit-infobox .elementskit-info-box-title{padding:0px 0px 0px 0px;color:#000000;}.elementor-11 .elementor-element.elementor-element-a9e3da8 .elementskit-infobox:hover .elementskit-info-box-title{color:#000000;}.elementor-11 .elementor-element.elementor-element-a9e3da8 .elementskit-infobox .box-body > p{color:#656565;}.elementor-11 .elementor-element.elementor-element-a9e3da8 .elementskit-infobox:hover .box-body > p{color:#656565;}.elementor-11 .elementor-element.elementor-element-a9e3da8 .elementskit-info-box-icon{color:#656565;fill:#656565;}.elementor-11 .elementor-element.elementor-element-a9e3da8 .elementskit-infobox .elementskit-info-box-icon{font-size:40px;transform:rotate(0deg);}.elementor-11 .elementor-element.elementor-element-d6321d4.ekit-equal-height-enable,
.elementor-11 .elementor-element.elementor-element-d6321d4.ekit-equal-height-enable > div,
.elementor-11 .elementor-element.elementor-element-d6321d4.ekit-equal-height-enable .ekit-wid-con,
.elementor-11 .elementor-element.elementor-element-d6321d4.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-11 .elementor-element.elementor-element-d6321d4{width:var( --container-widget-width, 33.333% );max-width:33.333%;--container-widget-width:33.333%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-d6321d4 .elementskit-infobox{padding:50px 40px 50px 40px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#f5f5f5;border-radius:5px 5px 5px 5px;}.elementor-11 .elementor-element.elementor-element-d6321d4 .elementskit-infobox .elementskit-info-box-title{padding:0px 0px 0px 0px;color:#000000;}.elementor-11 .elementor-element.elementor-element-d6321d4 .elementskit-infobox:hover .elementskit-info-box-title{color:#000000;}.elementor-11 .elementor-element.elementor-element-d6321d4 .elementskit-infobox .box-body > p{color:#656565;}.elementor-11 .elementor-element.elementor-element-d6321d4 .elementskit-infobox:hover .box-body > p{color:#656565;}.elementor-11 .elementor-element.elementor-element-d6321d4 .elementskit-info-box-icon{color:#656565;fill:#656565;}.elementor-11 .elementor-element.elementor-element-d6321d4 .elementskit-infobox .elementskit-info-box-icon{font-size:40px;transform:rotate(0deg);}.elementor-11 .elementor-element.elementor-element-e309dab{--display:flex;}.elementor-11 .elementor-element.elementor-element-7129008{--display:flex;}.elementor-11 .elementor-element.elementor-element-b42da6b.ekit-equal-height-enable,
.elementor-11 .elementor-element.elementor-element-b42da6b.ekit-equal-height-enable > div,
.elementor-11 .elementor-element.elementor-element-b42da6b.ekit-equal-height-enable .ekit-wid-con,
.elementor-11 .elementor-element.elementor-element-b42da6b.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-11 .elementor-element.elementor-element-b42da6b .elementskit-infobox{padding:50px 40px 50px 40px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#f5f5f5;border-radius:5px 5px 5px 5px;}.elementor-11 .elementor-element.elementor-element-b42da6b .elementskit-infobox .elementskit-info-box-title{padding:0px 0px 0px 0px;color:#000000;}.elementor-11 .elementor-element.elementor-element-b42da6b .elementskit-infobox:hover .elementskit-info-box-title{color:#000000;}.elementor-11 .elementor-element.elementor-element-b42da6b .elementskit-infobox .box-body > p{color:#656565;}.elementor-11 .elementor-element.elementor-element-b42da6b .elementskit-infobox:hover .box-body > p{color:#656565;}.elementor-11 .elementor-element.elementor-element-b42da6b .elementskit-info-box-icon{color:#656565;fill:#656565;}.elementor-11 .elementor-element.elementor-element-b42da6b .elementskit-infobox .elementskit-info-box-icon{font-size:40px;transform:rotate(0deg);}.elementor-11 .elementor-element.elementor-element-384463a{--display:flex;}.elementor-11 .elementor-element.elementor-element-f27de49.ekit-equal-height-enable,
.elementor-11 .elementor-element.elementor-element-f27de49.ekit-equal-height-enable > div,
.elementor-11 .elementor-element.elementor-element-f27de49.ekit-equal-height-enable .ekit-wid-con,
.elementor-11 .elementor-element.elementor-element-f27de49.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-11 .elementor-element.elementor-element-f27de49 .elementskit-infobox{padding:50px 40px 50px 40px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#f5f5f5;border-radius:5px 5px 5px 5px;}.elementor-11 .elementor-element.elementor-element-f27de49 .elementskit-infobox .elementskit-info-box-title{padding:0px 0px 0px 0px;color:#000000;}.elementor-11 .elementor-element.elementor-element-f27de49 .elementskit-infobox:hover .elementskit-info-box-title{color:#000000;}.elementor-11 .elementor-element.elementor-element-f27de49 .elementskit-infobox .box-body > p{color:#656565;}.elementor-11 .elementor-element.elementor-element-f27de49 .elementskit-infobox:hover .box-body > p{color:#656565;}.elementor-11 .elementor-element.elementor-element-f27de49 .elementskit-info-box-icon{color:#656565;fill:#656565;}.elementor-11 .elementor-element.elementor-element-f27de49 .elementskit-infobox .elementskit-info-box-icon{font-size:40px;transform:rotate(0deg);}.elementor-11 .elementor-element.elementor-element-0f0ef62{--display:flex;}.elementor-11 .elementor-element.elementor-element-c9b1a86.ekit-equal-height-enable,
.elementor-11 .elementor-element.elementor-element-c9b1a86.ekit-equal-height-enable > div,
.elementor-11 .elementor-element.elementor-element-c9b1a86.ekit-equal-height-enable .ekit-wid-con,
.elementor-11 .elementor-element.elementor-element-c9b1a86.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-11 .elementor-element.elementor-element-c9b1a86 .elementskit-infobox{padding:50px 40px 50px 40px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#f5f5f5;border-radius:5px 5px 5px 5px;}.elementor-11 .elementor-element.elementor-element-c9b1a86 .elementskit-infobox .elementskit-info-box-title{padding:0px 0px 0px 0px;color:#000000;}.elementor-11 .elementor-element.elementor-element-c9b1a86 .elementskit-infobox:hover .elementskit-info-box-title{color:#000000;}.elementor-11 .elementor-element.elementor-element-c9b1a86 .elementskit-infobox .box-body > p{color:#656565;}.elementor-11 .elementor-element.elementor-element-c9b1a86 .elementskit-infobox:hover .box-body > p{color:#656565;}.elementor-11 .elementor-element.elementor-element-c9b1a86 .elementskit-info-box-icon{color:#656565;fill:#656565;}.elementor-11 .elementor-element.elementor-element-c9b1a86 .elementskit-infobox .elementskit-info-box-icon{font-size:40px;transform:rotate(0deg);}.elementor-11 .elementor-element.elementor-element-dc93eb1{--display:flex;}.elementor-11 .elementor-element.elementor-element-0d7e2c6.ekit-equal-height-enable,
.elementor-11 .elementor-element.elementor-element-0d7e2c6.ekit-equal-height-enable > div,
.elementor-11 .elementor-element.elementor-element-0d7e2c6.ekit-equal-height-enable .ekit-wid-con,
.elementor-11 .elementor-element.elementor-element-0d7e2c6.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-11 .elementor-element.elementor-element-0d7e2c6 .elementskit-infobox{padding:50px 40px 50px 40px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#f5f5f5;border-radius:5px 5px 5px 5px;}.elementor-11 .elementor-element.elementor-element-0d7e2c6 .elementskit-infobox .elementskit-info-box-title{padding:0px 0px 0px 0px;color:#000000;}.elementor-11 .elementor-element.elementor-element-0d7e2c6 .elementskit-infobox:hover .elementskit-info-box-title{color:#000000;}.elementor-11 .elementor-element.elementor-element-0d7e2c6 .elementskit-infobox .box-body > p{color:#656565;}.elementor-11 .elementor-element.elementor-element-0d7e2c6 .elementskit-infobox:hover .box-body > p{color:#656565;}.elementor-11 .elementor-element.elementor-element-0d7e2c6 .elementskit-info-box-icon{color:#656565;fill:#656565;}.elementor-11 .elementor-element.elementor-element-0d7e2c6 .elementskit-infobox .elementskit-info-box-icon{font-size:40px;transform:rotate(0deg);}.elementor-11 .elementor-element.elementor-element-6c8bd82{--display:flex;}.elementor-11 .elementor-element.elementor-element-fade007.ekit-equal-height-enable,
.elementor-11 .elementor-element.elementor-element-fade007.ekit-equal-height-enable > div,
.elementor-11 .elementor-element.elementor-element-fade007.ekit-equal-height-enable .ekit-wid-con,
.elementor-11 .elementor-element.elementor-element-fade007.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-11 .elementor-element.elementor-element-fade007 .elementskit-infobox{padding:50px 40px 50px 40px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#f5f5f5;border-radius:5px 5px 5px 5px;}.elementor-11 .elementor-element.elementor-element-fade007 .elementskit-infobox .elementskit-info-box-title{padding:0px 0px 0px 0px;color:#000000;}.elementor-11 .elementor-element.elementor-element-fade007 .elementskit-infobox:hover .elementskit-info-box-title{color:#000000;}.elementor-11 .elementor-element.elementor-element-fade007 .elementskit-infobox .box-body > p{color:#656565;}.elementor-11 .elementor-element.elementor-element-fade007 .elementskit-infobox:hover .box-body > p{color:#656565;}.elementor-11 .elementor-element.elementor-element-fade007 .elementskit-info-box-icon{color:#656565;fill:#656565;}.elementor-11 .elementor-element.elementor-element-fade007 .elementskit-infobox .elementskit-info-box-icon{font-size:40px;transform:rotate(0deg);}.elementor-11 .elementor-element.elementor-element-1e63b61{--display:flex;}.elementor-11 .elementor-element.elementor-element-aefdd04.ekit-equal-height-enable,
.elementor-11 .elementor-element.elementor-element-aefdd04.ekit-equal-height-enable > div,
.elementor-11 .elementor-element.elementor-element-aefdd04.ekit-equal-height-enable .ekit-wid-con,
.elementor-11 .elementor-element.elementor-element-aefdd04.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-11 .elementor-element.elementor-element-aefdd04 .elementskit-infobox{padding:50px 40px 50px 40px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#f5f5f5;border-radius:5px 5px 5px 5px;}.elementor-11 .elementor-element.elementor-element-aefdd04 .elementskit-infobox .elementskit-info-box-title{padding:0px 0px 0px 0px;color:#000000;}.elementor-11 .elementor-element.elementor-element-aefdd04 .elementskit-infobox:hover .elementskit-info-box-title{color:#000000;}.elementor-11 .elementor-element.elementor-element-aefdd04 .elementskit-infobox .box-body > p{color:#656565;}.elementor-11 .elementor-element.elementor-element-aefdd04 .elementskit-infobox:hover .box-body > p{color:#656565;}.elementor-11 .elementor-element.elementor-element-aefdd04 .elementskit-info-box-icon{color:#656565;fill:#656565;}.elementor-11 .elementor-element.elementor-element-aefdd04 .elementskit-infobox .elementskit-info-box-icon{font-size:40px;transform:rotate(0deg);}.elementor-11 .elementor-element.elementor-element-eb2632b{--e-n-carousel-swiper-slides-to-display:3;--e-n-carousel-swiper-slides-gap:24px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:0px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:0px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:0px;}.elementor-11 .elementor-element.elementor-element-695d0e1{--display:flex;}.elementor-11 .elementor-element.elementor-element-defe389{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:24px 24px;--row-gap:24px;--column-gap:24px;--flex-wrap:nowrap;}.elementor-11 .elementor-element.elementor-element-abd98c8{--display:flex;}.elementor-11 .elementor-element.elementor-element-74392fa.ekit-equal-height-enable,
.elementor-11 .elementor-element.elementor-element-74392fa.ekit-equal-height-enable > div,
.elementor-11 .elementor-element.elementor-element-74392fa.ekit-equal-height-enable .ekit-wid-con,
.elementor-11 .elementor-element.elementor-element-74392fa.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-11 .elementor-element.elementor-element-74392fa .elementskit-infobox{padding:50px 40px 50px 40px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#f5f5f5;border-radius:5px 5px 5px 5px;}.elementor-11 .elementor-element.elementor-element-74392fa .elementskit-infobox .elementskit-info-box-title{padding:0px 0px 0px 0px;color:#000000;}.elementor-11 .elementor-element.elementor-element-74392fa .elementskit-infobox:hover .elementskit-info-box-title{color:#000000;}.elementor-11 .elementor-element.elementor-element-74392fa .elementskit-infobox .box-body > p{color:#656565;}.elementor-11 .elementor-element.elementor-element-74392fa .elementskit-infobox:hover .box-body > p{color:#656565;}.elementor-11 .elementor-element.elementor-element-74392fa .elementskit-info-box-icon{color:#656565;fill:#656565;}.elementor-11 .elementor-element.elementor-element-74392fa .elementskit-infobox .elementskit-info-box-icon{font-size:40px;transform:rotate(0deg);}.elementor-11 .elementor-element.elementor-element-8f4429d{--display:flex;}.elementor-11 .elementor-element.elementor-element-b61d844.ekit-equal-height-enable,
.elementor-11 .elementor-element.elementor-element-b61d844.ekit-equal-height-enable > div,
.elementor-11 .elementor-element.elementor-element-b61d844.ekit-equal-height-enable .ekit-wid-con,
.elementor-11 .elementor-element.elementor-element-b61d844.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-11 .elementor-element.elementor-element-b61d844 .elementskit-infobox{padding:50px 40px 50px 40px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#f5f5f5;border-radius:5px 5px 5px 5px;}.elementor-11 .elementor-element.elementor-element-b61d844 .elementskit-infobox .elementskit-info-box-title{padding:0px 0px 0px 0px;color:#000000;}.elementor-11 .elementor-element.elementor-element-b61d844 .elementskit-infobox:hover .elementskit-info-box-title{color:#000000;}.elementor-11 .elementor-element.elementor-element-b61d844 .elementskit-infobox .box-body > p{color:#656565;}.elementor-11 .elementor-element.elementor-element-b61d844 .elementskit-infobox:hover .box-body > p{color:#656565;}.elementor-11 .elementor-element.elementor-element-b61d844 .elementskit-info-box-icon{color:#656565;fill:#656565;}.elementor-11 .elementor-element.elementor-element-b61d844 .elementskit-infobox .elementskit-info-box-icon{font-size:40px;transform:rotate(0deg);}.elementor-11 .elementor-element.elementor-element-7a7a0fd{--display:flex;}.elementor-11 .elementor-element.elementor-element-bbecd8b.ekit-equal-height-enable,
.elementor-11 .elementor-element.elementor-element-bbecd8b.ekit-equal-height-enable > div,
.elementor-11 .elementor-element.elementor-element-bbecd8b.ekit-equal-height-enable .ekit-wid-con,
.elementor-11 .elementor-element.elementor-element-bbecd8b.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-11 .elementor-element.elementor-element-bbecd8b .elementskit-infobox{padding:50px 40px 50px 40px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#f5f5f5;border-radius:5px 5px 5px 5px;}.elementor-11 .elementor-element.elementor-element-bbecd8b .elementskit-infobox .elementskit-info-box-title{padding:0px 0px 0px 0px;color:#000000;}.elementor-11 .elementor-element.elementor-element-bbecd8b .elementskit-infobox:hover .elementskit-info-box-title{color:#000000;}.elementor-11 .elementor-element.elementor-element-bbecd8b .elementskit-infobox .box-body > p{color:#656565;}.elementor-11 .elementor-element.elementor-element-bbecd8b .elementskit-infobox:hover .box-body > p{color:#656565;}.elementor-11 .elementor-element.elementor-element-bbecd8b .elementskit-info-box-icon{color:#656565;fill:#656565;}.elementor-11 .elementor-element.elementor-element-bbecd8b .elementskit-infobox .elementskit-info-box-icon{font-size:40px;transform:rotate(0deg);}.elementor-11 .elementor-element.elementor-element-5482e05{--display:flex;}.elementor-11 .elementor-element.elementor-element-6ae65f3{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:40px 56px;--row-gap:40px;--column-gap:56px;--flex-wrap:nowrap;}.elementor-11 .elementor-element.elementor-element-62d0b83{--display:flex;}.elementor-11 .elementor-element.elementor-element-d591026{--display:flex;}.elementor-11 .elementor-element.elementor-element-fdb5ccb{--display:flex;}.elementor-11 .elementor-element.elementor-element-0ba7cc5{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--flex-wrap:wrap;}.elementor-11 .elementor-element.elementor-element-c4a4aef.ekit-equal-height-enable,
.elementor-11 .elementor-element.elementor-element-c4a4aef.ekit-equal-height-enable > div,
.elementor-11 .elementor-element.elementor-element-c4a4aef.ekit-equal-height-enable .ekit-wid-con,
.elementor-11 .elementor-element.elementor-element-c4a4aef.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-11 .elementor-element.elementor-element-c4a4aef{width:var( --container-widget-width, 23.5% );max-width:23.5%;--container-widget-width:23.5%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-c4a4aef .elementskit-infobox{padding:50px 40px 50px 40px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#f5f5f5;border-radius:5px 5px 5px 5px;}.elementor-11 .elementor-element.elementor-element-c4a4aef .elementskit-infobox .elementskit-info-box-title{padding:0px 0px 0px 0px;color:#000000;}.elementor-11 .elementor-element.elementor-element-c4a4aef .elementskit-infobox:hover .elementskit-info-box-title{color:#000000;}.elementor-11 .elementor-element.elementor-element-c4a4aef .elementskit-infobox .box-body > p{color:#656565;}.elementor-11 .elementor-element.elementor-element-c4a4aef .elementskit-infobox:hover .box-body > p{color:#656565;}.elementor-11 .elementor-element.elementor-element-c4a4aef .elementskit-info-box-icon{color:#656565;fill:#656565;}.elementor-11 .elementor-element.elementor-element-c4a4aef .elementskit-infobox .elementskit-info-box-icon{font-size:40px;transform:rotate(0deg);}.elementor-11 .elementor-element.elementor-element-a200fb3.ekit-equal-height-enable,
.elementor-11 .elementor-element.elementor-element-a200fb3.ekit-equal-height-enable > div,
.elementor-11 .elementor-element.elementor-element-a200fb3.ekit-equal-height-enable .ekit-wid-con,
.elementor-11 .elementor-element.elementor-element-a200fb3.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-11 .elementor-element.elementor-element-a200fb3{width:var( --container-widget-width, 23.5% );max-width:23.5%;--container-widget-width:23.5%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-a200fb3 .elementskit-infobox{padding:50px 40px 50px 40px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#f5f5f5;border-radius:5px 5px 5px 5px;}.elementor-11 .elementor-element.elementor-element-a200fb3 .elementskit-infobox .elementskit-info-box-title{padding:0px 0px 0px 0px;color:#000000;}.elementor-11 .elementor-element.elementor-element-a200fb3 .elementskit-infobox:hover .elementskit-info-box-title{color:#000000;}.elementor-11 .elementor-element.elementor-element-a200fb3 .elementskit-infobox .box-body > p{color:#656565;}.elementor-11 .elementor-element.elementor-element-a200fb3 .elementskit-infobox:hover .box-body > p{color:#656565;}.elementor-11 .elementor-element.elementor-element-a200fb3 .elementskit-info-box-icon{color:#656565;fill:#656565;}.elementor-11 .elementor-element.elementor-element-a200fb3 .elementskit-infobox .elementskit-info-box-icon{font-size:40px;transform:rotate(0deg);}.elementor-11 .elementor-element.elementor-element-e3496e5.ekit-equal-height-enable,
.elementor-11 .elementor-element.elementor-element-e3496e5.ekit-equal-height-enable > div,
.elementor-11 .elementor-element.elementor-element-e3496e5.ekit-equal-height-enable .ekit-wid-con,
.elementor-11 .elementor-element.elementor-element-e3496e5.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-11 .elementor-element.elementor-element-e3496e5{width:var( --container-widget-width, 23.5% );max-width:23.5%;--container-widget-width:23.5%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-e3496e5 .elementskit-infobox{padding:50px 40px 50px 40px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#f5f5f5;border-radius:5px 5px 5px 5px;}.elementor-11 .elementor-element.elementor-element-e3496e5 .elementskit-infobox .elementskit-info-box-title{padding:0px 0px 0px 0px;color:#000000;}.elementor-11 .elementor-element.elementor-element-e3496e5 .elementskit-infobox:hover .elementskit-info-box-title{color:#000000;}.elementor-11 .elementor-element.elementor-element-e3496e5 .elementskit-infobox .box-body > p{color:#656565;}.elementor-11 .elementor-element.elementor-element-e3496e5 .elementskit-infobox:hover .box-body > p{color:#656565;}.elementor-11 .elementor-element.elementor-element-e3496e5 .elementskit-info-box-icon{color:#656565;fill:#656565;}.elementor-11 .elementor-element.elementor-element-e3496e5 .elementskit-infobox .elementskit-info-box-icon{font-size:40px;transform:rotate(0deg);}.elementor-11 .elementor-element.elementor-element-ce3ada5.ekit-equal-height-enable,
.elementor-11 .elementor-element.elementor-element-ce3ada5.ekit-equal-height-enable > div,
.elementor-11 .elementor-element.elementor-element-ce3ada5.ekit-equal-height-enable .ekit-wid-con,
.elementor-11 .elementor-element.elementor-element-ce3ada5.ekit-equal-height-enable .ekit-wid-con .elementskit-infobox{height:100%;}.elementor-11 .elementor-element.elementor-element-ce3ada5{width:var( --container-widget-width, 23.5% );max-width:23.5%;--container-widget-width:23.5%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-ce3ada5 .elementskit-infobox{padding:50px 40px 50px 40px;border-style:solid;border-width:1px 1px 1px 1px;border-color:#f5f5f5;border-radius:5px 5px 5px 5px;}.elementor-11 .elementor-element.elementor-element-ce3ada5 .elementskit-infobox .elementskit-info-box-title{padding:0px 0px 0px 0px;color:#000000;}.elementor-11 .elementor-element.elementor-element-ce3ada5 .elementskit-infobox:hover .elementskit-info-box-title{color:#000000;}.elementor-11 .elementor-element.elementor-element-ce3ada5 .elementskit-infobox .box-body > p{color:#656565;}.elementor-11 .elementor-element.elementor-element-ce3ada5 .elementskit-infobox:hover .box-body > p{color:#656565;}.elementor-11 .elementor-element.elementor-element-ce3ada5 .elementskit-info-box-icon{color:#656565;fill:#656565;}.elementor-11 .elementor-element.elementor-element-ce3ada5 .elementskit-infobox .elementskit-info-box-icon{font-size:40px;transform:rotate(0deg);}.elementor-11 .elementor-element.elementor-element-6675b97{--display:flex;}.elementor-11 .elementor-element.elementor-element-6e955d9{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:36px 26px;--row-gap:36px;--column-gap:26px;--flex-wrap:nowrap;}.elementor-11 .elementor-element.elementor-element-ddaf9b9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-11 .elementor-element.elementor-element-688c5fe{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-11 .elementor-element.elementor-element-6e9caa6{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-11 .elementor-element.elementor-element-7349569{--display:flex;}.elementor-11 .elementor-element.elementor-element-fa10004{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:center;--gap:40px 52px;--row-gap:40px;--column-gap:52px;--flex-wrap:nowrap;}.elementor-11 .elementor-element.elementor-element-fa10002{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-11 .elementor-element.elementor-element-fa10003{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-11 .elementor-element.elementor-element-4d9fe5a{--display:flex;}.elementor-11 .elementor-element.elementor-element-b6b5412{--display:flex;}.elementor-11 .elementor-element.elementor-element-0be26f8{--display:flex;}.elementor-11 .elementor-element.elementor-element-2936dea{--display:flex;}.elementor-11 .elementor-element.elementor-element-e9c8bb7{--display:flex;}.elementor-11 .elementor-element.elementor-element-a7d880b{--display:flex;}.elementor-11 .elementor-element.elementor-element-98c74b2{--display:flex;}.elementor-11 .elementor-element.elementor-element-a8132af{--display:flex;}.elementor-11 .elementor-element.elementor-element-90f3231{--n-accordion-title-font-size:1rem;--n-accordion-item-title-space-between:0px;--n-accordion-item-title-distance-from-content:0px;--n-accordion-icon-size:15px;}.elementor-11 .elementor-element.elementor-element-7198cba{--display:flex;}.elementor-11 .elementor-element.elementor-element-9f80318{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--align-items:stretch;--gap:48px 48px;--row-gap:48px;--column-gap:48px;}.elementor-11 .elementor-element.elementor-element-d3f8c5e{--display:flex;}.elementor-widget-form .elementor-field-group > label, .elementor-widget-form .elementor-field-subgroup label{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group > label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-type-html{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-field-group .elementor-field{color:var( --e-global-color-text );}.elementor-widget-form .elementor-field-group .elementor-field, .elementor-widget-form .elementor-field-subgroup label{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .elementor-button{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form .e-form__buttons__wrapper__button-next{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-button[type="submit"]{background-color:var( --e-global-color-accent );}.elementor-widget-form .e-form__buttons__wrapper__button-previous{background-color:var( --e-global-color-accent );}.elementor-widget-form .elementor-message{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-form .e-form__indicators__indicator, .elementor-widget-form .e-form__indicators__indicator__label{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-form{--e-form-steps-indicator-inactive-primary-color:var( --e-global-color-text );--e-form-steps-indicator-active-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-completed-primary-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-color:var( --e-global-color-accent );--e-form-steps-indicator-progress-background-color:var( --e-global-color-text );--e-form-steps-indicator-progress-meter-color:var( --e-global-color-text );}.elementor-widget-form .e-form__indicators__indicator__progress__meter{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-11 .elementor-element.elementor-element-4a647f7 .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-11 .elementor-element.elementor-element-4a647f7 .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-11 .elementor-element.elementor-element-4a647f7 .elementor-field-group.recaptcha_v3-bottomleft, .elementor-11 .elementor-element.elementor-element-4a647f7 .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-11 .elementor-element.elementor-element-4a647f7 .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-11 .elementor-element.elementor-element-4a647f7 .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-11 .elementor-element.elementor-element-4a647f7 .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-11 .elementor-element.elementor-element-4a647f7 .elementor-field-type-html{padding-bottom:0px;}.elementor-11 .elementor-element.elementor-element-4a647f7 .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-11 .elementor-element.elementor-element-4a647f7 .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-11 .elementor-element.elementor-element-4a647f7 .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-11 .elementor-element.elementor-element-4a647f7 .elementor-button[type="submit"]{color:#ffffff;}.elementor-11 .elementor-element.elementor-element-4a647f7 .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-11 .elementor-element.elementor-element-4a647f7 .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-11 .elementor-element.elementor-element-4a647f7 .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-11 .elementor-element.elementor-element-4a647f7 .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-11 .elementor-element.elementor-element-4a647f7 .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-11 .elementor-element.elementor-element-4a647f7 .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-11 .elementor-element.elementor-element-4a647f7{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-11 .elementor-element.elementor-element-a992cf6{--display:flex;}.elementor-11 .elementor-element.elementor-element-b702fad .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:10px;}.elementor-11 .elementor-element.elementor-element-b702fad .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-10px;}.elementor-11 .elementor-element.elementor-element-b702fad .elementor-field-group.recaptcha_v3-bottomleft, .elementor-11 .elementor-element.elementor-element-b702fad .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-11 .elementor-element.elementor-element-b702fad .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-11 .elementor-element.elementor-element-b702fad .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-11 .elementor-element.elementor-element-b702fad .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-11 .elementor-element.elementor-element-b702fad .elementor-field-type-html{padding-bottom:0px;}.elementor-11 .elementor-element.elementor-element-b702fad .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:#ffffff;}.elementor-11 .elementor-element.elementor-element-b702fad .elementor-field-group .elementor-select-wrapper select{background-color:#ffffff;}.elementor-11 .elementor-element.elementor-element-b702fad .e-form__buttons__wrapper__button-next{color:#ffffff;}.elementor-11 .elementor-element.elementor-element-b702fad .elementor-button[type="submit"]{color:#ffffff;}.elementor-11 .elementor-element.elementor-element-b702fad .elementor-button[type="submit"] svg *{fill:#ffffff;}.elementor-11 .elementor-element.elementor-element-b702fad .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-11 .elementor-element.elementor-element-b702fad .e-form__buttons__wrapper__button-next:hover{color:#ffffff;}.elementor-11 .elementor-element.elementor-element-b702fad .elementor-button[type="submit"]:hover{color:#ffffff;}.elementor-11 .elementor-element.elementor-element-b702fad .elementor-button[type="submit"]:hover svg *{fill:#ffffff;}.elementor-11 .elementor-element.elementor-element-b702fad .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-11 .elementor-element.elementor-element-b702fad{--e-form-steps-indicators-spacing:20px;--e-form-steps-indicator-padding:30px;--e-form-steps-indicator-inactive-secondary-color:#ffffff;--e-form-steps-indicator-active-secondary-color:#ffffff;--e-form-steps-indicator-completed-secondary-color:#ffffff;--e-form-steps-divider-width:1px;--e-form-steps-divider-gap:10px;}.elementor-11 .elementor-element.elementor-element-061099d{--display:flex;}:root{--page-title-display:none;}@media(min-width:768px){.elementor-11 .elementor-element.elementor-element-a6d32ee{--width:53%;}.elementor-11 .elementor-element.elementor-element-1a94dbe{--width:50%;}.elementor-11 .elementor-element.elementor-element-d1bc0a6{--width:20%;}.elementor-11 .elementor-element.elementor-element-eca39a6{--width:20%;}.elementor-11 .elementor-element.elementor-element-e28a52a{--width:20%;}.elementor-11 .elementor-element.elementor-element-3b68c9a{--width:20%;}.elementor-11 .elementor-element.elementor-element-b9eebe7{--width:20%;}.elementor-11 .elementor-element.elementor-element-abd98c8{--width:33.333%;}.elementor-11 .elementor-element.elementor-element-8f4429d{--width:33.333%;}.elementor-11 .elementor-element.elementor-element-7a7a0fd{--width:33.333%;}.elementor-11 .elementor-element.elementor-element-62d0b83{--width:44%;}.elementor-11 .elementor-element.elementor-element-d591026{--width:52%;}.elementor-11 .elementor-element.elementor-element-ddaf9b9{--width:33.333%;}.elementor-11 .elementor-element.elementor-element-688c5fe{--width:33.333%;}.elementor-11 .elementor-element.elementor-element-6e9caa6{--width:33.333%;}.elementor-11 .elementor-element.elementor-element-fa10002{--width:40%;}.elementor-11 .elementor-element.elementor-element-fa10003{--width:60%;}.elementor-11 .elementor-element.elementor-element-d3f8c5e{--width:50%;}.elementor-11 .elementor-element.elementor-element-a992cf6{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-11 .elementor-element.elementor-element-a6d32ee{--width:100%;}.elementor-11 .elementor-element.elementor-element-1a94dbe{--width:100%;}.elementor-11 .elementor-element.elementor-element-d1bc0a6{--width:33.333%;}.elementor-11 .elementor-element.elementor-element-eca39a6{--width:33.333%;}.elementor-11 .elementor-element.elementor-element-e28a52a{--width:33.333%;}.elementor-11 .elementor-element.elementor-element-3b68c9a{--width:33.333%;}.elementor-11 .elementor-element.elementor-element-b9eebe7{--width:33.333%;}.elementor-11 .elementor-element.elementor-element-abd98c8{--width:100%;}.elementor-11 .elementor-element.elementor-element-8f4429d{--width:100%;}.elementor-11 .elementor-element.elementor-element-7a7a0fd{--width:100%;}.elementor-11 .elementor-element.elementor-element-62d0b83{--width:100%;}.elementor-11 .elementor-element.elementor-element-d591026{--width:100%;}.elementor-11 .elementor-element.elementor-element-ddaf9b9{--width:100%;}.elementor-11 .elementor-element.elementor-element-688c5fe{--width:100%;}.elementor-11 .elementor-element.elementor-element-6e9caa6{--width:100%;}.elementor-11 .elementor-element.elementor-element-fa10002{--width:100%;}.elementor-11 .elementor-element.elementor-element-fa10003{--width:100%;}.elementor-11 .elementor-element.elementor-element-d3f8c5e{--width:100%;}.elementor-11 .elementor-element.elementor-element-a992cf6{--width:100%;}}@media(max-width:1024px){.elementor-11 .elementor-element.elementor-element-4870c1f{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-18dbf71{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-cc8439a{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-74c6a07{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-24c4bbf{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-31e9a63{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-2fb9584{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-a9e3da8{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-d6321d4{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-eb2632b{--e-n-carousel-swiper-slides-to-display:2;}.elementor-11 .elementor-element.elementor-element-defe389{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-6ae65f3{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-c4a4aef{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-a200fb3{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-e3496e5{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-ce3ada5{width:var( --container-widget-width, 48% );max-width:48%;--container-widget-width:48%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-6e955d9{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-fa10004{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-9f80318{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}}@media(max-width:767px){.elementor-11 .elementor-element.elementor-element-a6d32ee{--width:100%;}.elementor-11 .elementor-element.elementor-element-131505d{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-1a94dbe{--width:100%;}.elementor-11 .elementor-element.elementor-element-d1bc0a6{--width:50%;}.elementor-11 .elementor-element.elementor-element-eca39a6{--width:50%;}.elementor-11 .elementor-element.elementor-element-e28a52a{--width:50%;}.elementor-11 .elementor-element.elementor-element-3b68c9a{--width:50%;}.elementor-11 .elementor-element.elementor-element-b9eebe7{--width:50%;}.elementor-11 .elementor-element.elementor-element-cc8439a{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-74c6a07{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-24c4bbf{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-2fb9584{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-a9e3da8{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-d6321d4{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-eb2632b{--e-n-carousel-swiper-slides-to-display:1;}.elementor-11 .elementor-element.elementor-element-abd98c8{--width:100%;}.elementor-11 .elementor-element.elementor-element-8f4429d{--width:100%;}.elementor-11 .elementor-element.elementor-element-7a7a0fd{--width:100%;}.elementor-11 .elementor-element.elementor-element-62d0b83{--width:100%;}.elementor-11 .elementor-element.elementor-element-d591026{--width:100%;}.elementor-11 .elementor-element.elementor-element-0ba7cc5{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-11 .elementor-element.elementor-element-c4a4aef{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-a200fb3{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-e3496e5{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-ce3ada5{width:var( --container-widget-width, 100% );max-width:100%;--container-widget-width:100%;--container-widget-flex-grow:0;}.elementor-11 .elementor-element.elementor-element-ddaf9b9{--width:100%;}.elementor-11 .elementor-element.elementor-element-688c5fe{--width:100%;}.elementor-11 .elementor-element.elementor-element-6e9caa6{--width:100%;}.elementor-11 .elementor-element.elementor-element-fa10002{--width:100%;}.elementor-11 .elementor-element.elementor-element-fa10003{--width:100%;}.elementor-11 .elementor-element.elementor-element-d3f8c5e{--width:100%;}.elementor-11 .elementor-element.elementor-element-a992cf6{--width:100%;}}/* Start custom CSS for elementskit-icon-box, class: .elementor-element-c4a4aef */.elementor-11 .elementor-element.elementor-element-c4a4aef .elementskit-info-box-icon{background-color:#5A5FA8!important}.elementor-11 .elementor-element.elementor-element-c4a4aef .elementskit-info-box-icon svg{width:34px!important;height:34px!important;display:block!important}/* End custom CSS */
/* Start custom CSS for elementskit-icon-box, class: .elementor-element-a200fb3 */.elementor-11 .elementor-element.elementor-element-a200fb3 .elementskit-info-box-icon{background-color:#C0546C!important}.elementor-11 .elementor-element.elementor-element-a200fb3 .elementskit-info-box-icon svg{width:34px!important;height:34px!important;display:block!important}/* End custom CSS */
/* Start custom CSS for elementskit-icon-box, class: .elementor-element-e3496e5 */.elementor-11 .elementor-element.elementor-element-e3496e5 .elementskit-info-box-icon{background-color:#5E8A4E!important}.elementor-11 .elementor-element.elementor-element-e3496e5 .elementskit-info-box-icon svg{width:34px!important;height:34px!important;display:block!important}/* End custom CSS */
/* Start custom CSS for elementskit-icon-box, class: .elementor-element-ce3ada5 */.elementor-11 .elementor-element.elementor-element-ce3ada5 .elementskit-info-box-icon{background-color:#CF7038!important}.elementor-11 .elementor-element.elementor-element-ce3ada5 .elementskit-info-box-icon svg{width:34px!important;height:34px!important;display:block!important}/* End custom CSS */
/* Start custom CSS *//* ============================================================
Surplus — Advanced Daily Hydration
Landing page styles. Light ground, dark accents.
Derived from the Proposal 01 (Surplus) brand direction.
Lives in: Elementor > Page Settings > Custom CSS
============================================================ */
:root{
--rp-ink:#16233D; --rp-ink-soft:#3B4C6E; --rp-peri:#5F6BC2;
--rp-peri-light:#AEB6E3; --rp-peri-wash:#EEF0FA; --rp-sand-wash:#FAF5EE;
--rp-paper:#FCFBF9; --rp-line:#E3E1DC; --rp-r:14px; --rp-r-lg:22px;
--rp-display:'Jost',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
--rp-body:'Source Sans 3',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
}
body{background:var(--rp-paper);color:#2B2B2B;font-family:var(--rp-body);
font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;margin:0}
body h1,body h2,body h3,body h4{font-family:var(--rp-display);color:var(--rp-ink);
margin:0;line-height:1.12;font-weight:500;letter-spacing:-.01em}
img,svg{max-width:100%}
a{color:var(--rp-peri)}
:focus-visible{outline:3px solid var(--rp-peri);outline-offset:3px;border-radius:4px}
.rp-skip{position:absolute;left:-9999px;top:0;background:var(--rp-ink);color:#fff;padding:12px 20px;z-index:200}
.rp-skip:focus{left:12px;top:12px}
html{scroll-behavior:smooth;scroll-padding-top:80px}
/* ---------- section shells (Elementor container vars) ---------- */
.rp-sec{--content-width:1180px;--padding-inline-start:24px;--padding-inline-end:24px;
--padding-block-start:clamp(64px,9vw,118px);--padding-block-end:clamp(64px,9vw,118px);--gap:0px}
.rp-sec > .e-con-inner{gap:0}
.rp-sec.rp-dark{background-color:var(--rp-ink)}
.rp-sec.rp-sand{background-color:var(--rp-sand-wash);border-top:1px solid var(--rp-line);border-bottom:1px solid var(--rp-line)}
.rp-sec.rp-peri{background-color:var(--rp-peri-wash);border-top:1px solid var(--rp-line);border-bottom:1px solid var(--rp-line)}
.rp-sec.rp-white{background-color:#fff;border-top:1px solid var(--rp-line);border-bottom:1px solid var(--rp-line)}
.rp-sec.rp-center{text-align:center}
.rp-sec.rp-center .rp-left{text-align:left}
.rp-nav-wrap{--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;--gap:0px}
/* ---------- type primitives ---------- */
.rp-eyebrow .elementor-heading-title{font-family:var(--rp-display);font-size:.78rem;
font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--rp-peri);line-height:1.4}
.rp-eyebrow{margin-bottom:18px}
.rp-eyebrow-dark .elementor-heading-title{color:var(--rp-peri-light)}
.rp-h1 .elementor-heading-title{font-size:clamp(2.5rem,5.6vw,4.3rem);font-weight:600;letter-spacing:-.025em}
.rp-h1{margin-bottom:22px}
.rp-h2 .elementor-heading-title{font-size:clamp(1.95rem,4vw,3rem);font-weight:500;letter-spacing:-.02em}
.rp-h3-light .elementor-heading-title{color:#fff;font-size:1.35rem}
.rp-h3-light{margin-bottom:6px}
.rp-accent{color:var(--rp-peri)}
.rp-lede{margin-top:20px}
.rp-lede p{font-size:clamp(1.06rem,1.5vw,1.26rem);color:var(--rp-ink-soft);line-height:1.6;max-width:62ch;margin:0}
.rp-center .rp-lede p{margin-inline:auto}
.rp-dark .rp-lede p{color:#C9D2E4}
.rp-lede-sm p{font-size:.97rem;max-width:none}
.rp-mt{margin-top:48px}
/* ---------- buttons ---------- */
.rp-btn .elementor-button{display:inline-flex;align-items:center;justify-content:center;
font-family:var(--rp-display);font-size:.95rem;font-weight:500;letter-spacing:.06em;
text-transform:uppercase;text-decoration:none;padding:16px 30px;border-radius:999px;
border:1.5px solid transparent;min-height:48px;line-height:1;
transition:background-color .18s ease,color .18s ease,border-color .18s ease}
.rp-btn-primary .elementor-button{background-color:var(--rp-ink);color:#fff}
.rp-btn-primary .elementor-button:hover,.rp-btn-primary .elementor-button:focus{background-color:var(--rp-peri);color:#fff}
.rp-btn-ghost .elementor-button{background-color:transparent;color:var(--rp-ink);border-color:var(--rp-ink)}
.rp-btn-ghost .elementor-button:hover,.rp-btn-ghost .elementor-button:focus{background-color:var(--rp-ink);color:#fff}
/* ---------- nav ---------- */
.rp-nav{position:sticky;top:0;z-index:100;background:rgba(252,251,249,.92);
backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--rp-line)}
.rp-nav-in{max-width:1180px;margin:0 auto;padding:14px 24px;display:flex;
align-items:center;justify-content:space-between;gap:24px}
.rp-nav-links{display:flex;gap:30px;list-style:none;margin:0;padding:0}
.rp-nav-links a{font-family:var(--rp-display);font-size:.9rem;letter-spacing:.04em;
color:var(--rp-ink);text-decoration:none;padding:8px 2px;display:inline-block;
border-bottom:1.5px solid transparent}
.rp-nav-links a:hover{border-bottom-color:var(--rp-peri)}
.rp-navbtn{display:inline-flex;align-items:center;justify-content:center;background:var(--rp-ink);
color:#fff;text-decoration:none;font-family:var(--rp-display);font-size:.8rem;font-weight:500;
letter-spacing:.06em;text-transform:uppercase;padding:11px 22px;border-radius:999px;
min-height:44px;white-space:nowrap;transition:background-color .18s ease}
.rp-navbtn:hover,.rp-navbtn:focus{background:var(--rp-peri);color:#fff}
.rp-lbl-short{display:none}
/* ---------- logo ---------- */
.rp-logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.rp-logo-mark{width:34px;height:34px;flex:none}
.rp-logo-type{display:flex;flex-direction:column;line-height:1}
.rp-logo-word{font-family:var(--rp-display);font-weight:400;font-size:1.3rem;
letter-spacing:.3em;color:var(--rp-ink);text-indent:.3em}
.rp-logo-sub{font-family:var(--rp-display);font-size:.42rem;letter-spacing:.24em;
color:var(--rp-ink-soft);text-transform:uppercase;margin-top:4px;text-indent:.24em}
/* ---------- hero ---------- */
.rp-sec.rp-hero{background-image:radial-gradient(120% 90% at 78% 12%,var(--rp-peri-wash) 0%,rgba(238,240,250,0) 62%),
linear-gradient(180deg,#fff 0%,var(--rp-paper) 100%);border-bottom:1px solid var(--rp-line);
--padding-block-start:clamp(52px,6.5vw,92px);--padding-block-end:clamp(52px,6.5vw,92px)}
.rp-hero-inner{--display:flex;--flex-direction:row;--align-items:center;--gap:56px;--width:100%}
.rp-hero-copy{--width:53%;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;--gap:0px}
.rp-hero-art{--width:44%;--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;
--justify-content:center;--align-items:center}
.rp-hero-cta{--display:flex;--flex-direction:row;--gap:14px;--flex-wrap:wrap;--width:100%;
--padding-block-start:0px;--padding-block-end:0px;--padding-inline-start:0px;--padding-inline-end:0px;margin-top:32px}
.rp-hero-cta > .elementor-element{width:auto}
.rp-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}
.rp-pill{display:inline-flex;align-items:center;background:#fff;border:1px solid var(--rp-line);
border-radius:999px;padding:7px 15px;font-family:var(--rp-display);font-size:.76rem;
letter-spacing:.1em;text-transform:uppercase;color:var(--rp-ink-soft)}
/* ---------- formula strip ---------- */
.rp-formula-strip{--content-width:1180px;--padding-inline-start:24px;--padding-inline-end:24px;
--padding-block-start:0px;--padding-block-end:0px;background-color:#fff;border-bottom:1px solid var(--rp-line)}
.rp-formula-row{display:grid;grid-template-columns:repeat(5,1fr)}
.rp-fnum{padding:30px 18px;text-align:center;border-right:1px solid var(--rp-line)}
.rp-fnum:last-child{border-right:0}
.rp-fnum b{display:block;font-family:var(--rp-display);font-size:clamp(1.55rem,2.9vw,2.25rem);
font-weight:500;color:var(--rp-ink);line-height:1;letter-spacing:-.02em}
.rp-fnum b span{font-size:.48em;font-weight:400;letter-spacing:0}
.rp-fnum i{display:block;font-style:normal;font-family:var(--rp-display);font-size:.74rem;
letter-spacing:.16em;text-transform:uppercase;color:var(--rp-peri);margin-top:10px;font-weight:500}
.rp-fnum em{display:block;font-style:normal;font-size:.72rem;color:var(--rp-ink-soft);margin-top:4px}
/* ---------- stat band ---------- */
.rp-dark .elementor-heading-title{color:#fff}
.rp-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:48px;text-align:left}
.rp-stat{border-top:2px solid var(--rp-peri-light);padding-top:20px}
.rp-stat b{display:block;font-family:var(--rp-display);font-size:clamp(1.8rem,3vw,2.4rem);
font-weight:500;color:#fff;line-height:1.1;white-space:nowrap}
.rp-stat b u{font-size:.44em;font-weight:400;text-decoration:none}
.rp-stat span{display:block;margin-top:10px;color:#C9D2E4;font-size:.95rem;line-height:1.55}
/* ---------- cards ---------- */
.rp-grid{display:grid;gap:22px}
.rp-g3{grid-template-columns:repeat(3,1fr)}
.rp-card{background:#fff;border:1px solid var(--rp-line);border-radius:var(--rp-r-lg);padding:32px 28px}
.rp-card h3{font-size:1.3rem;margin-bottom:10px}
.rp-card p{margin:0;color:var(--rp-ink-soft);font-size:.98rem}
/* ---------- comparison table ---------- */
.rp-table-scroll{overflow-x:auto;border:1px solid var(--rp-line);border-radius:var(--rp-r-lg);
background:#fff;-webkit-overflow-scrolling:touch;margin-top:48px}
.rp-scroll-hint{display:none;font-family:var(--rp-display);font-size:.74rem;letter-spacing:.14em;
text-transform:uppercase;color:var(--rp-peri);margin:48px 0 -36px}
table.rp-cmp{border-collapse:collapse;width:100%;min-width:660px;font-size:.98rem;margin:0}
table.rp-cmp th,table.rp-cmp td{padding:16px 18px;text-align:center;border-bottom:1px solid var(--rp-line)}
table.rp-cmp thead th{font-family:var(--rp-display);font-size:.8rem;letter-spacing:.12em;
text-transform:uppercase;font-weight:500;color:var(--rp-ink-soft);background:var(--rp-sand-wash)}
table.rp-cmp thead th.rp-lead{text-align:left}
table.rp-cmp thead th.rp-us{background:var(--rp-ink);color:#fff}
table.rp-cmp tbody th{text-align:left;font-family:var(--rp-body);font-weight:600;
color:var(--rp-ink);white-space:nowrap}
table.rp-cmp td.rp-us{background:var(--rp-peri-wash);font-weight:600;color:var(--rp-ink)}
table.rp-cmp tr.rp-total th,table.rp-cmp tr.rp-total td{background:var(--rp-sand-wash);font-weight:600}
table.rp-cmp tr.rp-total td.rp-us{background:var(--rp-peri-light)}
table.rp-cmp tbody tr:last-child th,table.rp-cmp tbody tr:last-child td{border-bottom:0}
.rp-tnote{font-size:.82rem;color:var(--rp-ink-soft);margin:16px 0 0;line-height:1.55}
/* ---------- science ---------- */
.rp-sci{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px}
.rp-sci-item{background:#fff;border:1px solid var(--rp-line);border-radius:var(--rp-r-lg);
padding:30px 28px;display:flex;flex-direction:column}
.rp-sci-item.rp-sand-card{background:var(--rp-sand-wash);border-color:#E8DCCB;justify-content:center}
.rp-sci-dose{font-family:var(--rp-display);font-size:.78rem;letter-spacing:.16em;
text-transform:uppercase;color:var(--rp-peri);font-weight:500;margin-bottom:12px}
.rp-sci-item h3{font-size:1.4rem;margin-bottom:12px}
.rp-sci-item p{font-size:.97rem;color:var(--rp-ink-soft);margin:0}
.rp-sci-cite{margin-top:auto;padding-top:16px;border-top:1px solid var(--rp-line);
font-size:.8rem;color:#7A7F8C;line-height:1.5}
.rp-sand-card p{margin:0}
/* ---------- timeline ---------- */
.rp-timeline{display:grid;grid-template-columns:repeat(3,1fr);margin-top:48px;text-align:left}
.rp-tl{padding:0 24px}
.rp-tl:first-child{padding-left:0}
.rp-tl:last-child{padding-right:0}
.rp-tl-dot{display:flex;align-items:center;margin-bottom:22px}
.rp-tl-dot span{width:13px;height:13px;border-radius:50%;background:var(--rp-peri);flex:none}
.rp-tl-dot i{flex:1;height:1.5px;background:var(--rp-line);display:block}
.rp-tl:last-child .rp-tl-dot i{background:transparent}
.rp-tl b{font-family:var(--rp-display);font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;
color:var(--rp-peri);display:block;margin-bottom:8px;font-weight:500}
.rp-tl h3{font-size:1.15rem;margin-bottom:8px}
.rp-tl p{font-size:.95rem;color:var(--rp-ink-soft);margin:0}
/* ---------- flavors ---------- */
.rp-flav{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
.rp-flav-card{border-radius:var(--rp-r-lg);padding:26px 22px 24px;text-align:center;
border:1px solid var(--rp-line);background:#fff}
.rp-flav-swatch{width:100%;height:92px;border-radius:var(--rp-r);margin-bottom:18px}
.rp-flav-card h3{font-size:1.05rem;margin-bottom:4px}
.rp-flav-card p{font-size:.84rem;color:var(--rp-ink-soft);margin:0;letter-spacing:.04em;text-transform:uppercase}
/* ---------- ritual ---------- */
.rp-ritual{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px;
counter-reset:rpstep;text-align:left}
.rp-step:before{counter-increment:rpstep;content:"0" counter(rpstep);font-family:var(--rp-display);
font-size:2.6rem;font-weight:300;color:var(--rp-peri-light);display:block;line-height:1;margin-bottom:14px}
.rp-step h3{font-size:1.15rem;margin-bottom:8px}
.rp-step p{font-size:.95rem;color:var(--rp-ink-soft);margin:0}
/* ---------- FAQ (nested accordion) ---------- */
.rp-faq-wrap{--width:100%;--padding-inline-start:0px;--padding-inline-end:0px;
--padding-block-start:0px;--padding-block-end:0px;max-width:820px;margin:44px auto 0}
.rp-faq .e-n-accordion{text-align:left}
.rp-faq details.e-n-accordion-item{border-bottom:1px solid var(--rp-line);background:transparent;
border-radius:0;margin:0}
.rp-faq summary.e-n-accordion-item-title{padding:22px 8px 22px 0;background:transparent;border:0}
.rp-faq .e-n-accordion-item-title-text,.rp-faq .e-n-accordion-item-title-text h3{
font-family:var(--rp-display);font-size:1.08rem;font-weight:500;color:var(--rp-ink);margin:0;line-height:1.4}
.rp-faq .e-n-accordion-item-title-icon{color:var(--rp-peri)}
.rp-faq .e-n-accordion-item-title-icon svg{fill:var(--rp-peri);width:14px;height:14px}
.rp-faq .rp-faq-answer{--padding-inline-start:0px;--padding-inline-end:40px;
--padding-block-start:0px;--padding-block-end:24px}
.rp-faq .rp-faq-answer p{color:var(--rp-ink-soft);font-size:1rem;margin:0}
/* ---------- forms ---------- */
.rp-form-grid{--display:flex;--flex-direction:row;--gap:48px;--width:100%;--align-items:stretch;
--padding-inline-start:0px;--padding-inline-end:0px;--padding-block-start:0px;--padding-block-end:0px;
margin-top:48px;text-align:left}
.rp-form-card{--width:50%;background-color:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);
border-radius:var(--rp-r-lg);--padding-block-start:34px;--padding-block-end:34px;
--padding-inline-start:30px;--padding-inline-end:30px;--gap:0px}
.rp-form-card .rp-lede{margin-top:4px;margin-bottom:20px}
.rp-form .elementor-field-group{margin-bottom:14px}
.rp-form .elementor-field-label{font-family:var(--rp-display);font-size:.76rem;letter-spacing:.14em;
text-transform:uppercase;color:var(--rp-peri-light);margin-bottom:7px;font-weight:500}
.rp-form .elementor-field-textual{width:100%;padding:14px 16px;border-radius:10px;
border:1px solid rgba(255,255,255,.24);background-color:rgba(255,255,255,.08);color:#fff;
font-family:var(--rp-body);font-size:1rem;line-height:1.4;height:auto;box-shadow:none}
.rp-form .elementor-field-textual::placeholder{color:rgba(255,255,255,.45);opacity:1}
.rp-form .elementor-field-textual:focus{outline:2px solid var(--rp-peri-light);outline-offset:1px;
background-color:rgba(255,255,255,.12)}
.rp-form textarea.elementor-field-textual{min-height:104px;resize:vertical}
.rp-form .elementor-button{width:100%;background-color:#fff;color:var(--rp-ink);border-radius:999px;
font-family:var(--rp-display);font-size:.95rem;font-weight:500;letter-spacing:.06em;
text-transform:uppercase;padding:16px 30px;min-height:48px;border:0;margin-top:8px;
transition:background-color .18s ease}
.rp-form .elementor-button:hover,.rp-form .elementor-button:focus{background-color:var(--rp-peri-light);color:var(--rp-ink)}
.rp-form .elementor-message{color:#DCE3F2;font-size:.92rem}
.rp-form-fine{font-size:.8rem;color:#9FAAC2;margin:14px 0 0;line-height:1.5}
/* ---------- footer ---------- */
.rp-footer{background-color:#fff;border-top:1px solid var(--rp-line);--content-width:1180px;
--padding-inline-start:24px;--padding-inline-end:24px;--padding-block-start:54px;--padding-block-end:34px}
.rp-foot-top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;align-items:flex-start}
.rp-foot-links{display:flex;gap:28px;flex-wrap:wrap;list-style:none;margin:0;padding:0}
.rp-foot-links a{font-family:var(--rp-display);font-size:.9rem;color:var(--rp-ink-soft);text-decoration:none}
.rp-foot-links a:hover{color:var(--rp-peri)}
.rp-disclaimer{margin-top:38px;padding-top:24px;border-top:1px solid var(--rp-line);
font-size:.82rem;color:#7A7F8C;line-height:1.6;max-width:78ch}
.rp-disclaimer strong{color:var(--rp-ink-soft);font-weight:600}
.rp-copyright{margin-top:22px;font-size:.82rem;color:#9A9A9A}
/* ---------- responsive ---------- */
@media (max-width:1024px){
.rp-sci,.rp-flav{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:992px){
.rp-hero-inner{--flex-direction:column;--gap:40px}
.rp-hero-copy,.rp-hero-art{--width:100%}
.rp-hero-art{order:-1}
.rp-nav-links{display:none}
.rp-navbtn{padding:11px 18px;font-size:.76rem;letter-spacing:.05em}
.rp-logo-sub{display:none}
.rp-logo-word{font-size:1.05rem;letter-spacing:.22em;text-indent:.22em}
.rp-logo-mark{width:28px;height:28px}
.rp-nav-in{gap:12px}
.rp-lbl-full{display:none}
.rp-lbl-short{display:inline}
.rp-g3,.rp-stat-grid,.rp-ritual,.rp-timeline{grid-template-columns:repeat(2,1fr)}
.rp-timeline{gap:28px}
.rp-tl{padding:0}
.rp-tl-dot i{display:none}
.rp-form-grid{--flex-direction:column;--gap:28px}
.rp-form-card{--width:100%}
.rp-formula-row{grid-template-columns:repeat(3,1fr)}
.rp-fnum{border-bottom:1px solid var(--rp-line)}
.rp-fnum:nth-child(3){border-right:0}
.rp-fnum:nth-child(n+4){border-bottom:0}
}
@media (max-width:760px){ .rp-scroll-hint{display:block} }
@media (max-width:600px){
body{font-size:16px}
.rp-sec{--padding-block-start:56px;--padding-block-end:56px}
.rp-g3,.rp-sci,.rp-flav,.rp-stat-grid,.rp-ritual,.rp-timeline{grid-template-columns:1fr}
.rp-formula-row{grid-template-columns:repeat(2,1fr)}
.rp-fnum{border-right:1px solid var(--rp-line);border-bottom:1px solid var(--rp-line)}
.rp-fnum:nth-child(2n){border-right:0}
.rp-fnum:last-child{border-bottom:0;grid-column:1/-1}
.rp-hero-cta{--flex-direction:column;--gap:12px}
.rp-hero-cta > .elementor-element{width:100%}
.rp-btn .elementor-button{width:100%}
.rp-card,.rp-sci-item{padding:26px 22px}
}
@media (prefers-reduced-motion:reduce){
*{animation:none!important;transition:none!important}
html{scroll-behavior:auto}
}
/* ---- overrides for Elementor kit defaults ---- */
.rp-form .elementor-field-group .elementor-field-textual{background-color:rgba(255,255,255,.08)!important;color:#fff!important;border:1px solid rgba(255,255,255,.24)!important;border-radius:10px!important;padding:14px 16px!important;font-family:var(--rp-body)!important;font-size:1rem!important;line-height:1.4!important;height:auto!important;box-shadow:none!important}
.rp-form .elementor-field-group .elementor-field-textual::placeholder{color:rgba(255,255,255,.5)!important;opacity:1}
.rp-form .elementor-field-group .elementor-field-textual:focus{background-color:rgba(255,255,255,.14)!important;outline:2px solid var(--rp-peri-light);outline-offset:1px}
.rp-form .elementor-field-group > .elementor-field-label{color:#C6CFEA!important;font-family:var(--rp-display)!important;font-size:.76rem!important;letter-spacing:.14em;text-transform:uppercase;font-weight:500;margin-bottom:7px}
.rp-form .elementor-field-group.elementor-field-type-submit{margin-bottom:0}
.rp-form .elementor-button[type=submit]{background-color:#fff!important;color:var(--rp-ink)!important;border-radius:999px!important;width:100%;font-family:var(--rp-display)!important;font-size:.95rem!important;font-weight:500;letter-spacing:.06em;text-transform:uppercase;padding:16px 30px!important;min-height:48px;border:0;margin-top:8px}
.rp-form .elementor-button[type=submit]:hover,.rp-form .elementor-button[type=submit]:focus{background-color:var(--rp-peri-light)!important;color:var(--rp-ink)!important}
.rp-form .elementor-message{color:#DCE3F2!important;font-size:.92rem}
body .rp-h1 .elementor-heading-title,body .rp-h2 .elementor-heading-title,body .rp-h3-light .elementor-heading-title,body .rp-eyebrow .elementor-heading-title{font-family:var(--rp-display)!important}
body .rp-lede p,body .rp-card p,body .rp-sci-item p,body .rp-tl p,body .rp-step p{font-family:var(--rp-body)!important}
.rp-sec.rp-dark .rp-h2 .elementor-heading-title,.rp-sec.rp-dark h2{color:#fff!important}
.rp-hero-art svg{width:100%;max-width:500px;height:auto}
@media(max-width:1024px){.rp-hero-art{order:-1}}
/* ---- hero art sizing ---- */
.rp-hero-art > .elementor-element{width:100%}
.rp-hero-art svg{width:100%!important;max-width:500px!important;height:auto!important;display:block;margin:0 auto}
/* ---- tap targets ---- */
.rp-foot-links a{display:inline-block;padding:12px 0;line-height:1.4}
.rp-logo{padding:8px 0}
.rp-nav-links a{padding:12px 2px}
.rp-faq summary.e-n-accordion-item-title{min-height:48px}
/* ---- contrast (WCAG AA 4.5:1 on white) ---- */
.rp-sci-cite{color:#6B7080}
.rp-disclaimer{color:#6B7080}
.rp-copyright{color:#6E7382}
/* == Surplus dynamic sections v1 == */
/* ============================================================
Surplus — dynamic sections
ElementsKit funfact counters, ElementsKit icon boxes,
Elementor Pro nested carousel, entrance animations.
============================================================ */
/* ---------- shared: ElementsKit wrappers ---------- */
.rp-ff .ekit-wid-con,
.rp-icard .ekit-wid-con,
.rp-sci-box .ekit-wid-con,
.rp-tl-box .ekit-wid-con,
.rp-flav-card .ekit-wid-con,
.rp-step-box .ekit-wid-con{height:100%}
/* ---------- formula strip: animated counters ---------- */
.rp-ff-row{--display:flex;--flex-direction:row;--gap:0px;--width:100%;
--padding-block-start:0px;--padding-block-end:0px;
--padding-inline-start:0px;--padding-inline-end:0px}
.rp-ff-cell{--width:20%;--gap:0px;
--padding-block-start:30px;--padding-block-end:28px;
--padding-inline-start:12px;--padding-inline-end:12px;
border-right:1px solid var(--rp-line);text-align:center}
.rp-ff-row > .rp-ff-cell:last-child{border-right:0}
.rp-ff .elementskit-funfact{margin:0}
.rp-ff .elementskit-funfact-inner{display:block}
.rp-ff .funfact-icon{margin:0 0 14px;line-height:0}
.rp-ff .funfact-icon svg,
.rp-ff .funfact-icon i{width:20px;height:20px;font-size:20px;
fill:var(--rp-peri);color:var(--rp-peri)}
.rp-ff .number-percentage-wraper{font-family:var(--rp-display);font-weight:400;
font-size:.9rem;color:var(--rp-ink-soft);line-height:1.1;letter-spacing:0}
.rp-ff .number-percentage{font-family:var(--rp-display);font-weight:500;
font-size:clamp(1.55rem,2.9vw,2.25rem);color:var(--rp-ink);
letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.rp-ff .funfact-title{font-family:var(--rp-display);font-size:.74rem;font-weight:500;
letter-spacing:.16em;text-transform:uppercase;color:var(--rp-peri);
margin:10px 0 0;line-height:1.35}
.rp-ff-sub .elementor-heading-title{font-family:var(--rp-body);font-size:.72rem;
font-weight:400;color:var(--rp-ink-soft);letter-spacing:.02em;line-height:1.4}
.rp-ff-sub{margin-top:4px}
/* ---------- the gap: dark stat counters ---------- */
.rp-stat-row{--display:flex;--flex-direction:row;--gap:24px;--width:100%;
--align-items:stretch;
--padding-block-start:0px;--padding-block-end:0px;
--padding-inline-start:0px;--padding-inline-end:0px;margin-top:48px}
.rp-ff-dark{--width:33.333%}
.rp-ff-dark .elementskit-funfact{background:rgba(255,255,255,.05);
border:1px solid rgba(255,255,255,.14);border-radius:var(--rp-r-lg);
padding:26px 22px;height:100%;text-align:left;
transition:background-color .25s ease,transform .25s ease}
.rp-ff-dark .elementskit-funfact:hover{background:rgba(255,255,255,.09);transform:translateY(-3px)}
.rp-ff-dark .funfact-icon{margin-bottom:18px;text-align:left}
.rp-ff-dark .funfact-icon svg,
.rp-ff-dark .funfact-icon i{width:24px;height:24px;font-size:24px;
fill:var(--rp-peri-light);color:var(--rp-peri-light)}
.rp-ff-dark .number-percentage-wraper{font-size:1rem;color:#C9D2E4;text-align:left}
.rp-ff-dark .number-percentage{font-size:clamp(1.9rem,3.2vw,2.6rem);color:#fff}
.rp-ff-dark .funfact-title{color:#C9D2E4;font-family:var(--rp-body);
font-size:.95rem;font-weight:400;letter-spacing:0;text-transform:none;
margin-top:12px;line-height:1.5}
/* ---------- icon cards (compare / timeline / steps) ---------- */
.rp-icard-row{--display:flex;--flex-direction:row;--gap:22px;--width:100%;
--align-items:stretch;
--padding-block-start:0px;--padding-block-end:0px;
--padding-inline-start:0px;--padding-inline-end:0px;margin-top:48px}
.rp-icard{--width:33.333%}
.rp-icard .elementskit-infobox,
.rp-tl-box .elementskit-infobox,
.rp-step-box .elementskit-infobox,
.rp-flav-card .elementskit-infobox{background:var(--rp-surface,#fff);
border:1px solid var(--rp-line);border-radius:var(--rp-r-lg);
padding:30px 26px;height:100%;box-shadow:none;
transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.rp-icard .elementskit-infobox:hover,
.rp-tl-box .elementskit-infobox:hover,
.rp-step-box .elementskit-infobox:hover,
.rp-flav-card .elementskit-infobox:hover{transform:translateY(-4px);
border-color:var(--rp-peri-light);box-shadow:0 14px 34px rgba(22,35,61,.09)}
.rp-icard .elementskit-box-header,
.rp-tl-box .elementskit-box-header,
.rp-step-box .elementskit-box-header,
.rp-sci-box .elementskit-box-header{margin-bottom:18px}
.rp-icard .elementskit-info-box-icon,
.rp-tl-box .elementskit-info-box-icon,
.rp-step-box .elementskit-info-box-icon,
.rp-sci-box .elementskit-info-box-icon{width:54px;height:54px;border-radius:14px;
background:var(--rp-peri-wash);display:inline-flex;align-items:center;
justify-content:center;margin:0}
.rp-icard .elementkit-infobox-icon,
.rp-tl-box .elementkit-infobox-icon,
.rp-step-box .elementkit-infobox-icon,
.rp-sci-box .elementkit-infobox-icon,
.rp-flav-card .elementkit-infobox-icon{width:23px;height:23px;font-size:23px;
fill:var(--rp-peri);color:var(--rp-peri)}
.rp-icard .elementskit-info-box-title,
.rp-tl-box .elementskit-info-box-title,
.rp-step-box .elementskit-info-box-title,
.rp-sci-box .elementskit-info-box-title,
.rp-flav-card .elementskit-info-box-title{font-family:var(--rp-display);
font-size:1.28rem;font-weight:500;color:var(--rp-ink);line-height:1.25;
margin:0 0 10px;letter-spacing:-.01em}
.rp-icard .box-body p,
.rp-tl-box .box-body p,
.rp-step-box .box-body p,
.rp-sci-box .box-body p,
.rp-flav-card .box-body p{font-family:var(--rp-body);font-size:.97rem;
color:var(--rp-ink-soft);line-height:1.6;margin:0}
/* left-aligned card text inside centred sections */
.rp-icard .elementskit-infobox,
.rp-tl-box .elementskit-infobox,
.rp-step-box .elementskit-infobox,
.rp-sci-box .elementskit-infobox{text-align:left}
/* ---------- science carousel ---------- */
.rp-sci-carousel{margin-top:48px;--width:100%}
.rp-sci-carousel .swiper{padding-bottom:8px}
.rp-sci-carousel .swiper-slide{height:auto;display:flex}
.rp-sci-slide{--width:100%;--gap:0px;background:#fff;
border:1px solid var(--rp-line);border-radius:var(--rp-r-lg);
--padding-block-start:30px;--padding-block-end:28px;
--padding-inline-start:26px;--padding-inline-end:26px;
--display:flex;--flex-direction:column;height:100%;text-align:left;
transition:border-color .25s ease,box-shadow .25s ease}
.rp-sci-slide:hover{border-color:var(--rp-peri-light);
box-shadow:0 14px 34px rgba(22,35,61,.09)}
.rp-sci-dose .elementor-heading-title{font-family:var(--rp-display);font-size:.76rem;
font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--rp-peri);
line-height:1.4}
.rp-sci-dose{margin-bottom:16px}
.rp-sci-box .elementskit-infobox{background:transparent;border:0;padding:0;
box-shadow:none;height:auto}
.rp-sci-box .elementskit-infobox:hover{transform:none;box-shadow:none}
.rp-sci-box .elementskit-info-box-icon{width:48px;height:48px;border-radius:13px}
.rp-sci-box .elementskit-box-header{margin-bottom:16px}
.rp-sci-cite{margin-top:auto;padding-top:16px;border-top:1px solid var(--rp-line)}
.rp-sci-cite p{font-size:.8rem;color:#6B7080;line-height:1.5;margin:0}
.rp-sci-cite i{font-style:italic}
/* carousel controls */
.rp-sci-carousel .elementor-swiper-button{width:44px;height:44px;border-radius:50%;
background:#fff;border:1.5px solid var(--rp-ink);color:var(--rp-ink);
display:flex;align-items:center;justify-content:center;
transition:background-color .2s ease,color .2s ease}
.rp-sci-carousel .elementor-swiper-button svg{width:15px;height:15px;fill:currentColor}
.rp-sci-carousel .elementor-swiper-button:hover{background:var(--rp-ink);color:#fff}
.rp-sci-carousel .elementor-swiper-button.swiper-button-disabled{opacity:.32}
.rp-sci-carousel .swiper-pagination-bullet{background:var(--rp-ink);opacity:.22;
width:9px;height:9px;transition:opacity .2s ease,transform .2s ease}
.rp-sci-carousel .swiper-pagination-bullet-active{background:var(--rp-peri);
opacity:1;transform:scale(1.25)}
/* ---------- timeline ---------- */
.rp-tl-row{--display:flex;--flex-direction:row;--gap:24px;--width:100%;
--align-items:stretch;
--padding-block-start:0px;--padding-block-end:0px;
--padding-inline-start:0px;--padding-inline-end:0px;margin-top:48px}
.rp-tl-cell{--width:33.333%;--gap:0px;
--padding-block-start:0px;--padding-block-end:0px;
--padding-inline-start:0px;--padding-inline-end:0px;text-align:left}
.rp-tl-label .elementor-heading-title{font-family:var(--rp-display);font-size:.78rem;
font-weight:500;letter-spacing:.16em;text-transform:uppercase;color:var(--rp-peri)}
.rp-tl-label{margin-bottom:12px;padding-bottom:12px;
border-bottom:2px solid var(--rp-peri-light)}
.rp-tl-box .elementskit-infobox{border-top:0}
/* ---------- flavors ---------- */
.rp-flav-row{--display:flex;--flex-direction:row;--gap:20px;--width:100%;
--align-items:stretch;
--padding-block-start:0px;--padding-block-end:0px;
--padding-inline-start:0px;--padding-inline-end:0px;margin-top:48px}
.rp-flav-card{--width:25%}
.rp-flav-card .elementskit-infobox{text-align:center;padding:28px 20px 26px}
.rp-flav-card .elementskit-info-box-icon{width:78px;height:78px;border-radius:18px;
display:inline-flex;align-items:center;justify-content:center;margin:0 auto}
.rp-flav-card .elementkit-infobox-icon{width:30px;height:30px;font-size:30px;
fill:#fff;color:#fff}
.rp-flav-card .elementskit-box-header{margin-bottom:18px}
.rp-flav-card .elementskit-info-box-title{font-size:1.05rem}
.rp-flav-card .box-body p{font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;
color:var(--rp-ink-soft)}
.rp-flav-1 .elementskit-info-box-icon{background:linear-gradient(150deg,#3A4788,#7D6BC2 55%,#C8B6E0)}
.rp-flav-2 .elementskit-info-box-icon{background:linear-gradient(150deg,#B84A63,#E0708A 55%,#F2C0C5)}
.rp-flav-3 .elementskit-info-box-icon{background:linear-gradient(150deg,#4E7A4A,#87B364 55%,#D6E3A8)}
.rp-flav-4 .elementskit-info-box-icon{background:linear-gradient(150deg,#C4622F,#E8945A 55%,#F6D2B0)}
/* ---------- ritual steps ---------- */
.rp-step-row{--display:flex;--flex-direction:row;--gap:24px;--width:100%;
--align-items:stretch;
--padding-block-start:0px;--padding-block-end:0px;
--padding-inline-start:0px;--padding-inline-end:0px;
margin-top:48px;counter-reset:rpstep}
.rp-step-box{--width:33.333%;position:relative}
.rp-step-box .elementskit-infobox{position:relative;overflow:hidden}
.rp-step-box .elementskit-infobox:before{counter-increment:rpstep;
content:"0" counter(rpstep);position:absolute;top:18px;right:22px;
font-family:var(--rp-display);font-size:2.1rem;font-weight:300;
color:var(--rp-peri-light);line-height:1;pointer-events:none}
/* ---------- entrance animations ---------- */
.rp-sec .elementor-invisible{animation-fill-mode:both}
@media (prefers-reduced-motion:reduce){
.elementor-invisible{opacity:1!important;animation:none!important}
.rp-icard .elementskit-infobox,.rp-tl-box .elementskit-infobox,
.rp-step-box .elementskit-infobox,.rp-flav-card .elementskit-infobox,
.rp-ff-dark .elementskit-funfact,.rp-sci-slide{transition:none!important}
}
/* ---------- responsive ---------- */
@media (max-width:1024px){
.rp-flav-row{--flex-wrap:wrap}
.rp-flav-card{--width:calc(50% - 10px)}
}
@media (max-width:992px){
.rp-ff-row{--flex-wrap:wrap}
.rp-ff-cell{--width:33.333%;border-bottom:1px solid var(--rp-line)}
.rp-ff-row > .rp-ff-cell:nth-child(3){border-right:0}
.rp-ff-row > .rp-ff-cell:nth-child(n+4){border-bottom:0}
.rp-stat-row,.rp-icard-row,.rp-tl-row,.rp-step-row{--flex-wrap:wrap}
.rp-ff-dark,.rp-icard,.rp-tl-cell,.rp-step-box{--width:calc(50% - 12px)}
}
@media (max-width:600px){
.rp-ff-row{--flex-direction:row}
.rp-ff-cell{--width:50%}
.rp-ff-row > .rp-ff-cell:nth-child(2n){border-right:0}
.rp-ff-row > .rp-ff-cell:nth-child(3){border-right:1px solid var(--rp-line)}
.rp-ff-row > .rp-ff-cell:nth-child(5){--width:100%;border-right:0;border-bottom:0}
.rp-stat-row,.rp-icard-row,.rp-tl-row,.rp-step-row,.rp-flav-row{--flex-direction:column}
.rp-ff-dark,.rp-icard,.rp-tl-cell,.rp-step-box,.rp-flav-card{--width:100%}
.rp-sci-slide{--padding-inline-start:22px;--padding-inline-end:22px}
}
/* neutralise legacy static-card wrappers now that these are widgets */
.rp-flav-card{border:0;background:transparent;padding:0;border-radius:0}
/* == ElementsKit specificity overrides == */
/* counters */
.rp-ff .number-percentage-wraper{font-family:var(--rp-display)!important;font-size:.92rem!important;font-weight:400!important;color:var(--rp-ink-soft)!important;line-height:1.1!important;margin:0!important}
.rp-ff .number-percentage{font-family:var(--rp-display)!important;font-size:clamp(1.55rem,2.9vw,2.25rem)!important;font-weight:500!important;color:var(--rp-ink)!important;letter-spacing:-.02em!important;line-height:1!important}
.rp-ff .funfact-icon{margin:0 0 14px!important;line-height:0!important}
.rp-ff .funfact-icon svg,.rp-ff .funfact-icon i{width:22px!important;height:22px!important;font-size:22px!important;fill:var(--rp-peri)!important;color:var(--rp-peri)!important}
.rp-ff .funfact-title{font-family:var(--rp-display)!important;font-size:.74rem!important;font-weight:500!important;letter-spacing:.16em!important;text-transform:uppercase!important;color:var(--rp-peri)!important;margin:10px 0 0!important;line-height:1.35!important}
/* dark stat counters */
.rp-ff-dark .number-percentage-wraper{font-size:1rem!important;color:#C9D2E4!important}
.rp-ff-dark .number-percentage{font-size:clamp(1.9rem,3.2vw,2.6rem)!important;color:#fff!important}
.rp-ff-dark .funfact-icon{margin-bottom:18px!important}
.rp-ff-dark .funfact-icon svg,.rp-ff-dark .funfact-icon i{width:26px!important;height:26px!important;font-size:26px!important;fill:var(--rp-peri-light)!important;color:var(--rp-peri-light)!important}
.rp-ff-dark .funfact-title{font-family:var(--rp-body)!important;font-size:.95rem!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important;color:#C9D2E4!important;margin-top:12px!important;line-height:1.5!important}
/* icon boxes */
.rp-icard .elementskit-info-box-icon,.rp-tl-box .elementskit-info-box-icon,.rp-step-box .elementskit-info-box-icon,.rp-sci-box .elementskit-info-box-icon{width:54px!important;height:54px!important;min-width:54px!important;border-radius:14px!important;background-color:var(--rp-peri-wash)!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0!important;line-height:1!important}
.rp-sci-box .elementskit-info-box-icon{width:48px!important;height:48px!important;min-width:48px!important;border-radius:13px!important}
.rp-icard .elementkit-infobox-icon,.rp-tl-box .elementkit-infobox-icon,.rp-step-box .elementkit-infobox-icon,.rp-sci-box .elementkit-infobox-icon{width:23px!important;height:23px!important;font-size:23px!important;fill:var(--rp-peri)!important;color:var(--rp-peri)!important;margin:0!important}
.rp-icard .elementskit-info-box-title,.rp-tl-box .elementskit-info-box-title,.rp-step-box .elementskit-info-box-title,.rp-sci-box .elementskit-info-box-title,.rp-flav-card .elementskit-info-box-title{font-family:var(--rp-display)!important;font-size:1.26rem!important;font-weight:500!important;color:var(--rp-ink)!important;line-height:1.25!important;margin:0 0 10px!important;letter-spacing:-.01em!important}
.rp-icard .box-body p,.rp-tl-box .box-body p,.rp-step-box .box-body p,.rp-sci-box .box-body p,.rp-flav-card .box-body p{font-family:var(--rp-body)!important;font-size:.97rem!important;color:var(--rp-ink-soft)!important;line-height:1.6!important;margin:0!important}
.rp-icard .elementskit-box-header,.rp-tl-box .elementskit-box-header,.rp-step-box .elementskit-box-header{margin-bottom:18px!important}
.rp-sci-box .elementskit-box-header{margin-bottom:16px!important}
/* flavour tiles */
.rp-flav-card .elementskit-info-box-icon{width:78px!important;height:78px!important;min-width:78px!important;border-radius:18px!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;margin:0 auto!important}
.rp-flav-card .elementkit-infobox-icon{width:30px!important;height:30px!important;font-size:30px!important;fill:#fff!important;color:#fff!important}
.rp-flav-card .elementskit-box-header{margin-bottom:18px!important}
.rp-flav-card .elementskit-info-box-title{font-size:1.05rem!important}
.rp-flav-card .box-body p{font-size:.82rem!important;letter-spacing:.06em!important;text-transform:uppercase!important}
/* card shells */
.rp-icard .elementskit-infobox,.rp-tl-box .elementskit-infobox,.rp-step-box .elementskit-infobox,.rp-flav-card .elementskit-infobox{background-color:#fff!important;border:1px solid var(--rp-line)!important;border-radius:var(--rp-r-lg)!important;padding:30px 26px!important;height:100%!important}
.rp-flav-card .elementskit-infobox{padding:28px 20px 26px!important;text-align:center!important}
.rp-sci-box .elementskit-infobox{background-color:transparent!important;border:0!important;padding:0!important;height:auto!important}
/* == FAQ accordion border cleanup == */
.rp-faq .e-n-accordion-item,.rp-faq .rp-faq-answer,.rp-faq .e-n-accordion-item > .e-con{border:0!important;border-radius:0!important;box-shadow:none!important;background-color:transparent!important}
.rp-faq details.e-n-accordion-item{border-bottom:1px solid var(--rp-line)!important}
.rp-faq summary.e-n-accordion-item-title{border:0!important;box-shadow:none!important;background-color:transparent!important;border-radius:6px}
.rp-faq summary.e-n-accordion-item-title:focus{outline:none}
.rp-faq summary.e-n-accordion-item-title:focus-visible{outline:2px solid var(--rp-peri);outline-offset:3px}
/* == custom flavour SVG icons == */
.rp-flav-card .elementskit-info-box-icon svg{width:32px!important;height:32px!important;display:block;fill:#fff!important}
.rp-flav-card .elementskit-info-box-icon svg path,.rp-flav-card .elementskit-info-box-icon svg circle,.rp-flav-card .elementskit-info-box-icon svg ellipse{fill:#fff!important}
/* == card alignment: centre the stragglers == */
.rp-sci-slide,.rp-sci-dose,.rp-sci-dose .elementor-heading-title,.rp-sci-cite,.rp-sci-cite p,.rp-sci-box .elementskit-infobox{text-align:center!important}
.rp-tl-cell,.rp-tl-label,.rp-tl-label .elementor-heading-title{text-align:center!important}
.rp-sci-cite p{max-width:34ch;margin-inline:auto}
/* == palette lock: Surplus deck colours only == */
/* Sampled from Leslie's deck: navy #162947, light periwinkle #AFB4DA,
periwinkle #6675B6, cream #F0E0D0, charcoal #353535.
Everything else here is a tint of one of those five. */
:root{--rp-ink:#162947;--rp-peri:#6675B6;--rp-peri-light:#AFB4DA;--rp-sand:#F0E0D0;
--rp-char:#353535;--rp-char-soft:#5E5E5E;--rp-ink-soft:#353535;
--rp-peri-wash:#EFF1F8;--rp-sand-wash:#FBF5EE;--rp-paper:#FCFBF9;--rp-line:#E4DED6}
body{color:var(--rp-char)}
.elementor-widget-heading .elementor-heading-title,body h1,body h2,body h3,body h4{color:var(--rp-ink)}
.rp-sec.rp-dark .elementor-widget-heading .elementor-heading-title{color:#fff}
.rp-eyebrow .elementor-heading-title{color:var(--rp-peri)}
.rp-eyebrow-dark .elementor-heading-title{color:var(--rp-peri-light)}
.rp-h3-light .elementor-heading-title{color:#fff}
.rp-accent{color:var(--rp-peri)}
.rp-stat span,.rp-dark .rp-lede p,.rp-form-fine,.rp-ff-dark .number-percentage-wraper,.rp-ff-dark .funfact-title,.rp-form .elementor-field-group > .elementor-field-label,.rp-form .elementor-message{color:var(--rp-peri-light)!important}
.rp-sci-cite,.rp-sci-cite p,.rp-disclaimer,.rp-copyright,.rp-tnote,.rp-ff-sub .elementor-heading-title{color:var(--rp-char-soft)}
.rp-disclaimer strong{color:var(--rp-char)}
.rp-logo-sub{color:var(--rp-char-soft)}
/* the eyebrow on dark must beat the white-heading rule above it */
.rp-sec.rp-dark .rp-eyebrow-dark .elementor-heading-title{color:var(--rp-peri-light)}
/* == image-led sections == */
/* ---- lifestyle band ---- */
.rp-lifeband{position:relative;overflow:hidden;
--padding-block-start:0px;--padding-block-end:0px;
--padding-inline-start:0px;--padding-inline-end:0px;--gap:0px}
.rp-lifeband-img{width:100%;line-height:0}
.rp-lifeband-img img{width:100%;display:block;
height:clamp(320px,40vw,500px);object-fit:cover}
/* navy scrim so the headline holds on any photo the client drops in */
.rp-lifeband:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
background:linear-gradient(180deg,rgba(22,41,71,.45) 0%,rgba(22,41,71,.68) 100%)}
.rp-lifeband-copy{position:absolute;inset:0;z-index:2;
--display:flex;--flex-direction:column;--justify-content:center;--align-items:center;
--padding-block-start:0px;--padding-block-end:0px;
--padding-inline-start:24px;--padding-inline-end:24px;--gap:0px;
text-align:center}
.rp-lifeband-copy .elementor-heading-title{color:#fff}
.rp-lifeband-copy .rp-eyebrow .elementor-heading-title{color:var(--rp-peri-light)}
.rp-lifeband-copy .rp-h2 .elementor-heading-title{max-width:20ch;margin-inline:auto}
/* ---- product in context ---- */
.rp-prod-row{--display:flex;--width:100%;
--padding-block-start:0px;--padding-block-end:0px;
--padding-inline-start:0px;--padding-inline-end:0px}
.rp-prod-media,.rp-prod-copy{--padding-block-start:0px;--padding-block-end:0px;
--padding-inline-start:0px;--padding-inline-end:0px;--gap:0px}
.rp-prod-copy{text-align:left}
.rp-prod-img{line-height:0}
.rp-prod-img img{width:100%;display:block;border-radius:var(--rp-r-lg)}
.rp-prod-copy .rp-lede p{margin-inline:0;max-width:46ch}
.rp-prod-facts ul{list-style:none;padding:0;margin:30px 0 0;display:flex;gap:0;
border-top:1px solid var(--rp-line)}
.rp-prod-facts li{flex:1;padding:18px 14px 0 0;font-family:var(--rp-display);
font-size:.74rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;
color:var(--rp-peri);line-height:1.4}
.rp-prod-facts li b{display:block;font-family:var(--rp-display);font-size:1.55rem;
font-weight:500;letter-spacing:-.02em;color:var(--rp-ink);text-transform:none;
margin-bottom:5px;line-height:1}
/* ---- steps with photos ---- */
.rp-step-cell{position:relative;text-align:center;counter-increment:rpstep;
--padding-block-start:0px;--padding-block-end:0px;
--padding-inline-start:0px;--padding-inline-end:0px}
.rp-step-cell:before{content:"0" counter(rpstep);position:absolute;top:14px;left:14px;
z-index:3;width:38px;height:38px;border-radius:50%;background:var(--rp-ink);color:#fff;
font-family:var(--rp-display);font-size:1rem;font-weight:500;line-height:38px;
text-align:center;pointer-events:none}
.rp-step-img{line-height:0}
.rp-step-img img{width:100%;display:block;border-radius:var(--rp-r-lg);
aspect-ratio:1/1;object-fit:cover}
.rp-step-title{margin-top:22px}
.rp-step-title .elementor-heading-title{font-size:1.2rem}
.rp-step-text p{font-size:.95rem;color:var(--rp-char);line-height:1.6;
margin:8px auto 0;max-width:38ch}
/* ---- responsive ---- */
@media (max-width:992px){
.rp-prod-media,.rp-prod-copy{--width:100%}
.rp-prod-copy{text-align:center}
.rp-prod-copy .rp-lede p{margin-inline:auto}
.rp-lifeband-img img{height:clamp(300px,52vw,420px)}
}
@media (max-width:600px){
.rp-prod-facts ul{flex-direction:column;gap:16px}
.rp-prod-facts li{padding:14px 0 0;border-top:1px solid var(--rp-line)}
.rp-prod-facts li:first-child{border-top:0;padding-top:0}
.rp-step-cell:before{width:34px;height:34px;line-height:34px;font-size:.9rem}
}
/* ============================================================
== gradient system ==
Layered mesh gradients, tinted shadows and a grain overlay.
Palette only: #162947 #AFB4DA #6675B6 #F0E0D0 #353535.
Cards are deliberately tiered so they don't all look alike:
feature (compare) 26px radius, gradient sheen, strongest shadow
tile (flavour) 24px radius, gradient sheen
stat (on navy) 20px radius, glow + lit top edge
slide (carousel) 16px radius, quiet, softest shadow
============================================================ */
:root{
--rp-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E");
--rp-sh-sm:0 2px 6px -2px rgba(22,41,71,.10),0 10px 24px -16px rgba(22,41,71,.26);
--rp-sh-md:0 4px 10px -4px rgba(22,41,71,.13),0 24px 50px -24px rgba(22,41,71,.32);
--rp-sh-lg:0 6px 14px -6px rgba(22,41,71,.16),0 36px 72px -30px rgba(22,41,71,.40);
}
/* ---------- section grounds: mesh instead of flat fill ---------- */
.rp-sec.rp-dark{position:relative;background-color:var(--rp-ink);
background-image:
radial-gradient(120% 95% at 84% 0%,rgba(102,117,182,.50) 0%,rgba(102,117,182,0) 58%),
radial-gradient(95% 85% at 6% 100%,rgba(9,18,34,.75) 0%,rgba(9,18,34,0) 62%),
linear-gradient(168deg,#1B3054 0%,#121F38 100%)}
.rp-sec.rp-dark:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
background-image:var(--rp-grain);background-size:140px 140px;opacity:.07;mix-blend-mode:overlay}
.rp-sec.rp-dark > .e-con-inner{position:relative;z-index:1}
.rp-sec.rp-sand{background-color:#FBF5EE;
background-image:
radial-gradient(95% 70% at 14% 0%,rgba(255,255,255,.95) 0%,rgba(255,255,255,0) 55%),
radial-gradient(85% 70% at 92% 100%,rgba(240,224,208,.80) 0%,rgba(240,224,208,0) 62%)}
.rp-sec.rp-peri{background-color:#EFF1F8;
background-image:
radial-gradient(85% 70% at 10% 4%,rgba(255,255,255,.95) 0%,rgba(255,255,255,0) 56%),
radial-gradient(75% 65% at 90% 98%,rgba(175,180,218,.55) 0%,rgba(175,180,218,0) 64%)}
.rp-sec.rp-hero{background-image:
radial-gradient(72% 62% at 80% 6%,rgba(175,180,218,.45) 0%,rgba(175,180,218,0) 60%),
radial-gradient(62% 58% at 2% 98%,rgba(240,224,208,.60) 0%,rgba(240,224,208,0) 64%),
linear-gradient(180deg,#FFFFFF 0%,#FCFBF9 100%)}
.rp-sec.rp-hero:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
background-image:var(--rp-grain);background-size:140px 140px;opacity:.045}
.rp-sec.rp-hero > .e-con-inner{position:relative;z-index:1}
/* ---------- formula strip ---------- */
.rp-formula-strip{background-color:#fff;
background-image:linear-gradient(180deg,#FFFFFF 0%,#FAFAFD 100%)}
.rp-ff-cell{position:relative;overflow:hidden}
.rp-ff-cell:before{content:"";position:absolute;inset:0;z-index:0;opacity:0;pointer-events:none;
transition:opacity .35s ease;
background-image:radial-gradient(80% 95% at 50% 0%,rgba(102,117,182,.14) 0%,rgba(102,117,182,0) 70%)}
.rp-ff-cell:hover:before{opacity:1}
.rp-ff-cell > .elementor-element{position:relative;z-index:1}
/* ---------- feature cards (compare) ---------- */
.rp-icard .elementskit-infobox{position:relative;overflow:hidden;
border-radius:26px!important;background-color:#fff!important;
border:1px solid rgba(175,180,218,.55)!important;box-shadow:var(--rp-sh-sm);
transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s ease,border-color .3s ease}
.rp-icard .elementskit-infobox:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
transition:opacity .35s ease;
background-image:
radial-gradient(85% 72% at 100% 0%,rgba(102,117,182,.17) 0%,rgba(102,117,182,0) 62%),
linear-gradient(168deg,rgba(255,255,255,0) 42%,rgba(239,241,248,.9) 100%)}
.rp-icard .elementskit-box-header,.rp-icard .box-body{position:relative;z-index:1}
.rp-icard .elementskit-infobox:hover{transform:translateY(-6px);box-shadow:var(--rp-sh-md);
border-color:rgba(102,117,182,.62)!important}
/* ---------- tile cards (flavours) ---------- */
.rp-flav-card .elementskit-infobox{position:relative;overflow:hidden;
border-radius:24px!important;
background-color:#fff!important;
border:1px solid rgba(175,180,218,.50)!important;box-shadow:var(--rp-sh-sm);
transition:transform .3s cubic-bezier(.2,.7,.3,1),box-shadow .3s ease}
.rp-flav-card .elementskit-infobox:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
background-image:linear-gradient(180deg,rgba(255,255,255,0) 45%,rgba(239,241,248,.85) 100%)}
.rp-flav-card .elementskit-box-header,.rp-flav-card .box-body{position:relative;z-index:1}
.rp-flav-card .elementskit-infobox:hover{transform:translateY(-6px);box-shadow:var(--rp-sh-md)}
/* sheen over the solid flavour colour */
.rp-flav-card .elementskit-info-box-icon{position:relative;overflow:hidden;
box-shadow:0 10px 22px -12px rgba(22,41,71,.55)}
.rp-flav-card .elementskit-info-box-icon:before{content:"";position:absolute;inset:0;z-index:0;
pointer-events:none;
background-image:linear-gradient(150deg,rgba(255,255,255,.32) 0%,rgba(255,255,255,0) 46%,rgba(0,0,0,.18) 100%)}
.rp-flav-card .elementskit-info-box-icon svg{position:relative;z-index:1}
/* ---------- stat cards on navy ---------- */
.rp-ff-dark .elementskit-funfact{position:relative;overflow:hidden;
border-radius:20px!important;
background-color:rgba(255,255,255,.045)!important;
border:1px solid rgba(175,180,218,.22)!important;
transition:transform .3s cubic-bezier(.2,.7,.3,1),background-color .3s ease}
.rp-ff-dark .elementskit-funfact:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
background-image:radial-gradient(92% 82% at 100% 0%,rgba(102,117,182,.40) 0%,rgba(102,117,182,0) 62%)}
/* lit top edge */
.rp-ff-dark .elementskit-funfact:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;z-index:2;
background-image:linear-gradient(90deg,rgba(175,180,218,0) 0%,rgba(175,180,218,.85) 50%,rgba(175,180,218,0) 100%)}
.rp-ff-dark .elementskit-funfact-inner{position:relative;z-index:1}
.rp-ff-dark .elementskit-funfact:hover{transform:translateY(-4px);
background-color:rgba(255,255,255,.08)!important}
.rp-ff-dark .funfact-icon{position:relative;display:inline-flex;align-items:center;justify-content:center;
width:52px;height:52px;border-radius:15px;
background-image:linear-gradient(145deg,rgba(102,117,182,.55),rgba(102,117,182,.15))}
/* ---------- carousel slides: the quiet tier ---------- */
.rp-sci-slide{border-radius:16px!important;background-color:#fff;
background-image:linear-gradient(180deg,rgba(255,255,255,1) 58%,rgba(251,245,238,.92) 100%);
border:1px solid rgba(228,222,214,.95)!important;box-shadow:var(--rp-sh-sm);
transition:box-shadow .3s ease,border-color .3s ease,transform .3s cubic-bezier(.2,.7,.3,1)}
.rp-sci-slide:hover{box-shadow:var(--rp-sh-md);border-color:rgba(175,180,218,.75)!important;
transform:translateY(-4px)}
.rp-sci-box .elementskit-info-box-icon{position:relative;overflow:hidden}
.rp-sci-box .elementskit-info-box-icon:before{content:"";position:absolute;inset:0;
background-image:linear-gradient(145deg,rgba(102,117,182,.24),rgba(175,180,218,.08))}
.rp-sci-box .elementkit-infobox-icon{position:relative;z-index:1}
/* ---------- timeline + step cards ---------- */
.rp-tl-box .elementskit-infobox{position:relative;overflow:hidden;border-radius:22px!important;
border:1px solid rgba(175,180,218,.45)!important;box-shadow:var(--rp-sh-sm);
background-color:#fff!important}
.rp-tl-box .elementskit-infobox:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
background-image:linear-gradient(180deg,rgba(239,241,248,.7) 0%,rgba(255,255,255,0) 55%)}
.rp-tl-box .elementskit-box-header,.rp-tl-box .box-body{position:relative;z-index:1}
.rp-tl-box .elementskit-info-box-icon{position:relative;overflow:hidden}
.rp-tl-box .elementskit-info-box-icon:before{content:"";position:absolute;inset:0;
background-image:linear-gradient(145deg,rgba(102,117,182,.22),rgba(175,180,218,.08))}
.rp-tl-box .elementkit-infobox-icon{position:relative;z-index:1}
/* ---------- photography: tinted shadow, never a flat box ---------- */
.rp-prod-img img,.rp-step-img img{box-shadow:var(--rp-sh-md)}
.rp-step-cell:before{box-shadow:0 8px 18px -8px rgba(22,41,71,.6);
background-image:linear-gradient(140deg,#1B3054,#101B30)}
/* richer scrim on the lifestyle band, tuned to the cool blue-grey photo */
.rp-lifeband:after{background-image:
linear-gradient(180deg,rgba(22,41,71,.28) 0%,rgba(22,41,71,.74) 100%),
radial-gradient(70% 90% at 86% 18%,rgba(102,117,182,.38) 0%,rgba(102,117,182,0) 62%)!important}
/* ---------- buttons ---------- */
.rp-btn-primary .elementor-button,.rp-navbtn{
background-image:linear-gradient(135deg,#1D3359 0%,#162947 55%,#0F1A2E 100%)!important;
box-shadow:0 10px 26px -14px rgba(22,41,71,.65);border:0!important}
.rp-btn-primary .elementor-button:hover,.rp-btn-primary .elementor-button:focus,
.rp-navbtn:hover,.rp-navbtn:focus{
background-image:linear-gradient(135deg,#6675B6 0%,#4A589B 100%)!important;
box-shadow:0 14px 30px -14px rgba(102,117,182,.75)}
.rp-form .elementor-button[type=submit]{
background-image:linear-gradient(135deg,#FFFFFF 0%,#E9ECF7 100%)!important;
box-shadow:0 10px 26px -14px rgba(0,0,0,.5)}
.rp-form .elementor-button[type=submit]:hover{
background-image:linear-gradient(135deg,#FFFFFF 0%,#AFB4DA 100%)!important}
/* ---------- form fields on the gradient ground ---------- */
.rp-form-card{position:relative;overflow:hidden;border-radius:24px;
background-image:linear-gradient(165deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,.03) 100%)}
/* ---------- comparison table ---------- */
.rp-table-scroll{box-shadow:var(--rp-sh-sm);border-radius:22px}
table.rp-cmp thead th.rp-us{background-image:linear-gradient(160deg,#1D3359,#131F36)}
table.rp-cmp tr.rp-total td.rp-us{background-image:linear-gradient(160deg,#C3C8E6,#AFB4DA)}
@media (prefers-reduced-motion:reduce){
.rp-icard .elementskit-infobox,.rp-flav-card .elementskit-infobox,
.rp-ff-dark .elementskit-funfact,.rp-sci-slide{transition:none!important;transform:none!important}
}
/* == gradient system: lazy-background override ==
Elementor ships an inline rule
.e-con.e-parent:nth-of-type(n+4):not(.e-lazyloaded):not(.e-no-lazyload)
{background-image:none!important}
for its optimized-background-loading feature. Nothing ever adds
.e-lazyloaded here (the backgrounds come from CSS, not from element
settings), so every section ground from the 4th container down was
being blanked. These rules are 0,5,0 + !important so they clear it.
Do not lower the specificity. */
.elementor .e-con.e-parent.rp-sec.rp-dark:not(.e-lazyloaded){
background-image:
radial-gradient(120% 95% at 84% 0%,rgba(102,117,182,.50) 0%,rgba(102,117,182,0) 58%),
radial-gradient(95% 85% at 6% 100%,rgba(9,18,34,.75) 0%,rgba(9,18,34,0) 62%),
linear-gradient(168deg,#1B3054 0%,#121F38 100%)!important}
.elementor .e-con.e-parent.rp-sec.rp-sand:not(.e-lazyloaded){
background-image:
radial-gradient(95% 70% at 14% 0%,rgba(255,255,255,.95) 0%,rgba(255,255,255,0) 55%),
radial-gradient(85% 70% at 92% 100%,rgba(240,224,208,.80) 0%,rgba(240,224,208,0) 62%)!important}
.elementor .e-con.e-parent.rp-sec.rp-peri:not(.e-lazyloaded){
background-image:
radial-gradient(85% 70% at 10% 4%,rgba(255,255,255,.95) 0%,rgba(255,255,255,0) 56%),
radial-gradient(75% 65% at 90% 98%,rgba(175,180,218,.55) 0%,rgba(175,180,218,0) 64%)!important}
.elementor .e-con.e-parent.rp-sec.rp-hero:not(.e-lazyloaded){
background-image:
radial-gradient(72% 62% at 80% 6%,rgba(175,180,218,.45) 0%,rgba(175,180,218,0) 60%),
radial-gradient(62% 58% at 2% 98%,rgba(240,224,208,.60) 0%,rgba(240,224,208,0) 64%),
linear-gradient(180deg,#FFFFFF 0%,#FCFBF9 100%)!important}
.elementor .e-con.e-parent.rp-formula-strip:not(.e-lazyloaded){
background-image:linear-gradient(180deg,#FFFFFF 0%,#FAFAFD 100%)!important}
/* the white section keeps a barely-there warm wash so it is not a flat slab */
.elementor .e-con.e-parent.rp-sec.rp-white:not(.e-lazyloaded){
background-image:
radial-gradient(80% 60% at 50% 0%,rgba(239,241,248,.75) 0%,rgba(239,241,248,0) 62%)!important}
/* the grain overlay sits above the ground, below the content */
.rp-sec.rp-dark:before,.rp-sec.rp-hero:before{z-index:0}
.rp-sec.rp-dark > .e-con-inner,.rp-sec.rp-hero > .e-con-inner{position:relative;z-index:1}
/* == lifestyle band scrim, contrast-tuned ==
The lighter gradient scrim dropped white-on-photo to 3.35:1 at the
worst pixel under the headline. This adds a centred elliptical
darkening behind the copy only, so the photo stays open at the
edges while the text block clears 4.5:1. Measured, not guessed. */
.rp-lifeband:after{background-image:
radial-gradient(64% 84% at 50% 50%,rgba(22,41,71,.30) 0%,rgba(22,41,71,.10) 64%,rgba(22,41,71,0) 84%),
linear-gradient(180deg,rgba(22,41,71,.30) 0%,rgba(22,41,71,.76) 100%),
radial-gradient(70% 90% at 86% 18%,rgba(102,117,182,.32) 0%,rgba(102,117,182,0) 62%)!important}
/* == lifestyle band eyebrow: white, not periwinkle ==
#AFB4DA over the scrimmed photo measured 2.42:1 — a fail at 12.5px.
On navy it is fine (6.98:1), so this override is scoped to the band
only. Text over photography is black or white, never a brand tint. */
.rp-lifeband-copy .rp-eyebrow .elementor-heading-title,
.rp-lifeband-copy .rp-eyebrow.elementor-widget-heading .elementor-heading-title{
color:#fff!important}
/* == small-text periwinkle: accessible shade ==
#6675B6 is the brand periwinkle and stays the colour for everything
18px and up. Below that it fails WCAG AA on our light grounds:
on #FFFFFF 4.39:1 | on #FCFBF9 4.24:1 | on #FBF5EE 4.05:1
on #EFF1F8 3.89:1 -- all under the 4.5:1 small-text minimum.
--rp-peri-text is the same hue, darkened until the worst ground
(#EFF1F8) clears 4.5:1. Measured values after this change:
on #EFF1F8 4.51:1 | on #FBF5EE 4.72:1 | on #FFFFFF 5.09:1
Use it ONLY for text under 18px on a light ground. Everything on
navy keeps #6675B6 / #AFB4DA, which already pass. */
:root{--rp-peri-text:#5D6BA7}
.rp-eyebrow .elementor-heading-title,
.rp-scroll-hint p,
.rp-prod-facts li,
.rp-formula-strip .funfact-title{color:var(--rp-peri-text)!important}
/* dark grounds are unaffected - restore the light tint there */
.rp-sec.rp-dark .rp-eyebrow .elementor-heading-title,
.rp-eyebrow-dark .elementor-heading-title{color:var(--rp-peri-light)!important}
.rp-lifeband-copy .rp-eyebrow .elementor-heading-title{color:#fff!important}
/* == "43 %" -> "43%" ==
ElementsKit prints the suffix as a bare text node with a leading
space: 43 % . A space is correct for "3 g", "28 days"
and "2,300 mg", so this is scoped to the percentage widget only
(elementor-element-74c6a07, "Of the sodium Daily Value in one
stick"). Negative word-spacing closes the gap; the number span
resets to normal so nothing inside it is affected.
If that widget is ever rebuilt, its element id changes and this
rule quietly stops applying -- update the id, don't widen it. */
.elementor-element-74c6a07 .number-percentage-wraper{word-spacing:-.34em}
.elementor-element-74c6a07 .number-percentage-wraper > span{word-spacing:normal}
/* == scroll hint: same accessible periwinkle ==
The hint under the comparison table carries its text directly on
.rp-scroll-hint at some widths and in a at others, so both are
covered here. 11.8px on #FCFBF9 was 4.24:1. */
.rp-scroll-hint,.rp-scroll-hint p{color:var(--rp-peri-text)!important}
/* ============================================================
== flavour cards: colour-forward ==
The card itself now carries the flavour instead of a small chip,
so the four tiles read as four flavours at a glance. Each card is
a gradient that starts light at the top (where the icon sits) and
settles into a deep shade by 62%, which is where the text begins.
Every deep end was chosen to clear 4.5:1 with white text, because
the label under each title is 13px:
blueberry #4A4F91 7.45:1
strawberry #A8455C 5.73:1
lemon lime #47703C 5.75:1
pink citrus #A85428 5.30:1
The lighter top ends are decorative only - no text sits on them.
If a colour is ever changed, re-check the deep end first.
Specificity: the flavour colours were set per-widget with
!important (0,4,0) and Elementor prints widget CSS after page CSS,
so these body.elementor-page-11s run seven classes deep to win. Don't shorten
them.
============================================================ */
.elementor .rp-flav-row .rp-flav-card .ekit-wid-con .elementskit-infobox{
position:relative;overflow:hidden;isolation:isolate;
border:0!important;border-radius:26px!important;
padding:30px 22px 28px!important;
background-color:transparent!important;
box-shadow:0 4px 10px -4px rgba(22,41,71,.18),0 26px 46px -26px rgba(22,41,71,.45);
transition:transform .35s cubic-bezier(.2,.7,.3,1),box-shadow .35s ease}
/* the flavour gradient */
.elementor .rp-flav-row .rp-flav-1 .ekit-wid-con .elementskit-infobox:not(.e-lazyloaded){
background-image:linear-gradient(168deg,#8B90CE 0%,#6A70B6 34%,#4A4F91 62%)!important}
.elementor .rp-flav-row .rp-flav-2 .ekit-wid-con .elementskit-infobox:not(.e-lazyloaded){
background-image:linear-gradient(168deg,#D4697F 0%,#BE566E 34%,#A8455C 62%)!important}
.elementor .rp-flav-row .rp-flav-3 .ekit-wid-con .elementskit-infobox:not(.e-lazyloaded){
background-image:linear-gradient(168deg,#7FA96A 0%,#638C51 34%,#47703C 62%)!important}
.elementor .rp-flav-row .rp-flav-4 .ekit-wid-con .elementskit-infobox:not(.e-lazyloaded){
background-image:linear-gradient(168deg,#E0904F 0%,#C4703A 34%,#A85428 62%)!important}
/* corner highlight - replaces the old white wash, which would have
bleached the colour */
.elementor .rp-flav-row .rp-flav-card .ekit-wid-con .elementskit-infobox:before{
content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
background-image:
radial-gradient(78% 58% at 88% 0%,rgba(255,255,255,.30) 0%,rgba(255,255,255,0) 62%),
radial-gradient(70% 50% at 4% 100%,rgba(0,0,0,.20) 0%,rgba(0,0,0,0) 66%)}
/* grain, same device as the navy sections - keeps the large flat
colour from reading as a swatch */
.elementor .rp-flav-row .rp-flav-card .ekit-wid-con .elementskit-infobox:after{
content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
background-image:var(--rp-grain);background-size:140px 140px;
opacity:.10;mix-blend-mode:overlay}
.elementor .rp-flav-row .rp-flav-card .elementskit-box-header,
.elementor .rp-flav-row .rp-flav-card .box-body{position:relative;z-index:1}
/* icon chip: frosted glass instead of a colour block, so the icon
reads as sitting on the flavour rather than next to it */
.elementor .rp-flav-row .rp-flav-card .ekit-wid-con .elementskit-infobox
.elementskit-box-header .elementskit-info-box-icon{
width:84px!important;height:84px!important;min-width:84px!important;
border-radius:24px!important;
background-color:rgba(255,255,255,.17)!important;
background-image:linear-gradient(150deg,rgba(255,255,255,.26) 0%,rgba(255,255,255,.04) 100%)!important;
border:1px solid rgba(255,255,255,.34)!important;
box-shadow:0 10px 22px -14px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.35)!important;
-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);
overflow:visible!important}
/* the old inner sheen is not needed now the chip is translucent */
.elementor .rp-flav-row .rp-flav-card .elementskit-info-box-icon:before{
content:none!important}
.elementor .rp-flav-row .rp-flav-card .elementskit-info-box-icon svg{
width:38px!important;height:38px!important;fill:#fff!important}
.elementor .rp-flav-row .rp-flav-card .elementskit-box-header{margin-bottom:22px!important}
/* type on the colour: white only, per the accessibility rule for
text on a coloured ground */
.elementor .rp-flav-row .rp-flav-card .elementskit-info-box-title{
font-size:1.12rem!important;color:#fff!important;margin:0 0 6px!important}
.elementor .rp-flav-row .rp-flav-card .box-body p{
color:rgba(255,255,255,.94)!important;font-size:.78rem!important;
letter-spacing:.10em!important;text-transform:uppercase!important}
/* hover: a real lift, with the shadow picking up the flavour */
.elementor .rp-flav-row .rp-flav-card .ekit-wid-con .elementskit-infobox:hover{
transform:translateY(-8px)}
.elementor .rp-flav-row .rp-flav-1 .ekit-wid-con .elementskit-infobox:hover{
box-shadow:0 6px 14px -6px rgba(74,79,145,.45),0 34px 60px -28px rgba(74,79,145,.75)}
.elementor .rp-flav-row .rp-flav-2 .ekit-wid-con .elementskit-infobox:hover{
box-shadow:0 6px 14px -6px rgba(168,69,92,.45),0 34px 60px -28px rgba(168,69,92,.75)}
.elementor .rp-flav-row .rp-flav-3 .ekit-wid-con .elementskit-infobox:hover{
box-shadow:0 6px 14px -6px rgba(71,112,60,.45),0 34px 60px -28px rgba(71,112,60,.75)}
.elementor .rp-flav-row .rp-flav-4 .ekit-wid-con .elementskit-infobox:hover{
box-shadow:0 6px 14px -6px rgba(168,84,40,.45),0 34px 60px -28px rgba(168,84,40,.75)}
@media (prefers-reduced-motion:reduce){
.elementor .rp-flav-row .rp-flav-card .ekit-wid-con .elementskit-infobox{
transition:none!important}
.elementor .rp-flav-row .rp-flav-card .ekit-wid-con .elementskit-infobox:hover{
transform:none!important}
}
/* == flavour cards: icon presence ==
Refinement of the block above. The chip and icon were sized for a
white card; on the full-colour card they read small. Bigger chip,
noticeably bigger icon, and the icon lifts on hover so the tile has
something to do. Contrast is unaffected - nothing here touches the
gradient or the text colours. */
.elementor .rp-flav-row .rp-flav-card .ekit-wid-con .elementskit-infobox{
padding:34px 22px 30px!important}
.elementor .rp-flav-row .rp-flav-card .ekit-wid-con .elementskit-infobox
.elementskit-box-header .elementskit-info-box-icon{
width:96px!important;height:96px!important;min-width:96px!important;
border-radius:28px!important;
transition:transform .35s cubic-bezier(.2,.7,.3,1)}
.elementor .rp-flav-row .rp-flav-card .elementskit-info-box-icon svg{
width:46px!important;height:46px!important;
filter:drop-shadow(0 3px 6px rgba(0,0,0,.28))}
.elementor .rp-flav-row .rp-flav-card .ekit-wid-con .elementskit-infobox:hover
.elementskit-info-box-icon{transform:scale(1.07)}
.elementor .rp-flav-row .rp-flav-card .elementskit-box-header{margin-bottom:20px!important}
.elementor .rp-flav-row .rp-flav-card .elementskit-info-box-title{
font-size:1.18rem!important;margin:0 0 7px!important}
@media (max-width:600px){
.elementor .rp-flav-row .rp-flav-card .ekit-wid-con .elementskit-infobox
.elementskit-box-header .elementskit-info-box-icon{
width:84px!important;height:84px!important;min-width:84px!important}
.elementor .rp-flav-row .rp-flav-card .elementskit-info-box-icon svg{
width:40px!important;height:40px!important}
}
@media (prefers-reduced-motion:reduce){
.elementor .rp-flav-row .rp-flav-card .ekit-wid-con .elementskit-infobox:hover
.elementskit-info-box-icon{transform:none!important}
}
/* == flavour cards: icon legibility ==
White icon on a translucent white chip is the weakest pairing
available on these cards - the icon and the chip sit within a few
points of each other. The chip is now near-solid white and the icon
takes the flavour's deep shade, which is the strongest contrast on
the card and makes the icon the thing you see first:
blueberry #4A4F91 on #fff 7.45:1
strawberry #A8455C on #fff 5.73:1
lemon lime #47703C on #fff 5.75:1
pink citrus #A85428 on #fff 5.30:1
To go back to the frosted-glass chip, remove this block - the one
above still has it. */
.elementor .rp-flav-row .rp-flav-card .ekit-wid-con .elementskit-infobox
.elementskit-box-header .elementskit-info-box-icon{
background-color:rgba(255,255,255,.94)!important;
background-image:linear-gradient(150deg,#fff 0%,rgba(255,255,255,.86) 100%)!important;
border:0!important;
box-shadow:0 12px 26px -14px rgba(0,0,0,.55),inset 0 -1px 0 rgba(0,0,0,.06)!important;
-webkit-backdrop-filter:none;backdrop-filter:none}
.elementor .rp-flav-row .rp-flav-card .elementskit-info-box-icon svg{
filter:none!important}
.elementor .rp-flav-row .rp-flav-1 .elementskit-info-box-icon svg,
.elementor .rp-flav-row .rp-flav-1 .elementskit-info-box-icon svg *{fill:#4A4F91!important}
.elementor .rp-flav-row .rp-flav-2 .elementskit-info-box-icon svg,
.elementor .rp-flav-row .rp-flav-2 .elementskit-info-box-icon svg *{fill:#A8455C!important}
.elementor .rp-flav-row .rp-flav-3 .elementskit-info-box-icon svg,
.elementor .rp-flav-row .rp-flav-3 .elementskit-info-box-icon svg *{fill:#47703C!important}
.elementor .rp-flav-row .rp-flav-4 .elementskit-info-box-icon svg,
.elementor .rp-flav-row .rp-flav-4 .elementskit-info-box-icon svg *{fill:#A85428!important}
/* ============================================================
== FAQ: 40/60 with a photo ==
The section keeps .rp-center for its own defaults, so the copy
column has to opt out of centring explicitly - that is what the
text-align:left rules below are for, not a stray override.
Image 40% left, accordion 60% right; stacks at 992 with the photo
on top. The photo is locked to 4/5 and cropped with object-fit so
the column height is predictable whatever the client swaps in.
============================================================ */
.rp-faq-row{--display:flex;--width:100%;
--padding-block-start:0px;--padding-block-end:0px;
--padding-inline-start:0px;--padding-inline-end:0px}
.rp-faq-media,.rp-faq-copy{
--padding-block-start:0px;--padding-block-end:0px;
--padding-inline-start:0px;--padding-inline-end:0px}
.rp-faq-img{line-height:0}
.rp-faq-img img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover;
border-radius:var(--rp-r-lg);box-shadow:var(--rp-sh-md)}
/* the copy column reads left, against the section's centred default */
.rp-faq-copy{text-align:left}
.rp-faq-copy .rp-eyebrow .elementor-heading-title,
.rp-faq-copy .rp-h2 .elementor-heading-title{text-align:left}
.rp-faq-copy .rp-h2{margin-bottom:26px}
.rp-faq-copy .rp-faq-wrap{max-width:none;margin-inline:0}
/* the accordion was sized for a full-width column; it is narrower now */
.rp-faq-copy .rp-faq .e-n-accordion-item-title{padding-inline:0}
@media (max-width:1024px){
.rp-faq-media,.rp-faq-copy{--width:100%}
.rp-faq-img img{aspect-ratio:16/9}
.rp-faq-copy{text-align:center}
.rp-faq-copy .rp-eyebrow .elementor-heading-title,
.rp-faq-copy .rp-h2 .elementor-heading-title{text-align:center}
/* answers stay left even when the headings centre - centred body
copy in an accordion is unreadable */
.rp-faq-copy .rp-faq{text-align:left}
}
/* ============================================================
== Surplus 03 repaint ==
Concept 03, "Surplus, warm" — the retail route from the GLP-1
packaging deck. Every colour below was sampled from the pack
mockup at 400 dpi, not eyeballed:
wine / ink #4A1F3D cap panel, headings, body copy
deep wine #3E1A32 display headlines
cream #EFE4D2 tinted grounds
light cream #F6ECDD wordmark on wine
pink #E8A0C4 small type on wine
magenta #C2185B band, orb, CTAs, accent
tan #DFD2BC rules and borders, never text
muted wine #7A5C6E fine print only
This block is appended last and overrides the REPLETA palette
above it rather than editing 72 KB in place. Delete this block
and the page returns to the old periwinkle system.
Measured: wine on cream 10.74 · wine on paper 12.97 · magenta on
paper 5.64 · magenta on cream 4.67 · white on magenta 5.87 ·
pink on wine 6.60 · muted on cream 4.66. Nothing here is below
4.5:1 at the size it is used.
============================================================ */
:root{
--rp-ink:#4A1F3D;
--rp-ink-deep:#3E1A32;
--rp-peri:#C2185B; /* the accent role is now magenta */
--rp-peri-text:#C2185B; /* clears 4.5 on every light ground we use */
--rp-peri-light:#E8A0C4; /* type on wine grounds */
--rp-sand:#EFE4D2;
--rp-char:#4A1F3D; /* body copy is the wine, per the pack */
--rp-char-soft:#7A5C6E; /* fine print only */
--rp-ink-soft:#4A1F3D;
--rp-peri-wash:#FBEFF4; /* 6% magenta over white */
--rp-sand-wash:#F9F3E9; /* tint of the cream */
--rp-paper:#FDFAF5;
--rp-line:#DFD2BC;
--rp-cream-light:#F6ECDD;
--rp-display:'Bitter',Georgia,'Times New Roman',serif;
/* shadows pick up the wine instead of the old navy */
--rp-sh-sm:0 2px 6px -2px rgba(74,31,61,.12),0 10px 24px -16px rgba(74,31,61,.28);
--rp-sh-md:0 4px 10px -4px rgba(74,31,61,.15),0 24px 50px -24px rgba(74,31,61,.34);
--rp-sh-lg:0 6px 14px -6px rgba(74,31,61,.18),0 36px 72px -30px rgba(74,31,61,.42);
}
/* ---------- section grounds ----------
Same mesh construction as before, re-tinted. The
:not(.e-lazyloaded) is required, not decorative — see the
lazy-load note in the gradient pass. */
.elementor .e-con.e-parent.rp-sec.rp-dark:not(.e-lazyloaded){
background-color:#4A1F3D!important;
background-image:
radial-gradient(120% 95% at 84% 0%,rgba(194,24,91,.42) 0%,rgba(194,24,91,0) 58%),
radial-gradient(95% 85% at 6% 100%,rgba(30,10,25,.70) 0%,rgba(30,10,25,0) 62%),
linear-gradient(168deg,#57254A 0%,#3A1730 100%)!important}
.elementor .e-con.e-parent.rp-sec.rp-sand:not(.e-lazyloaded){
background-color:#F9F3E9!important;
background-image:
radial-gradient(95% 70% at 14% 0%,rgba(255,255,255,.95) 0%,rgba(255,255,255,0) 55%),
radial-gradient(85% 70% at 92% 100%,rgba(239,228,210,.85) 0%,rgba(239,228,210,0) 62%)!important}
.elementor .e-con.e-parent.rp-sec.rp-peri:not(.e-lazyloaded){
background-color:#FBEFF4!important;
background-image:
radial-gradient(85% 70% at 10% 4%,rgba(255,255,255,.95) 0%,rgba(255,255,255,0) 56%),
radial-gradient(75% 65% at 90% 98%,rgba(194,24,91,.16) 0%,rgba(194,24,91,0) 64%)!important}
.elementor .e-con.e-parent.rp-sec.rp-hero:not(.e-lazyloaded){
background-image:
radial-gradient(72% 62% at 80% 6%,rgba(232,160,196,.38) 0%,rgba(232,160,196,0) 60%),
radial-gradient(62% 58% at 2% 98%,rgba(239,228,210,.75) 0%,rgba(239,228,210,0) 64%),
linear-gradient(180deg,#FFFFFF 0%,#FDFAF5 100%)!important}
.elementor .e-con.e-parent.rp-formula-strip:not(.e-lazyloaded){
background-color:#fff!important;
background-image:linear-gradient(180deg,#FFFFFF 0%,#FDF8F3 100%)!important}
.elementor .e-con.e-parent.rp-sec.rp-white:not(.e-lazyloaded){
background-image:
radial-gradient(80% 60% at 50% 0%,rgba(251,239,244,.85) 0%,rgba(251,239,244,0) 62%)!important}
/* ---------- cards ---------- */
.rp-icard .elementskit-infobox{
border-color:rgba(194,24,91,.28)!important}
.rp-icard .elementskit-infobox:before{
background-image:
radial-gradient(85% 72% at 100% 0%,rgba(194,24,91,.13) 0%,rgba(194,24,91,0) 62%),
linear-gradient(168deg,rgba(255,255,255,0) 42%,rgba(251,239,244,.92) 100%)!important}
.rp-icard .elementskit-infobox:hover{border-color:rgba(194,24,91,.52)!important}
.rp-ff-dark .elementskit-funfact{
border-color:rgba(232,160,196,.26)!important}
.rp-ff-dark .elementskit-funfact:before{
background-image:radial-gradient(92% 82% at 100% 0%,rgba(194,24,91,.40) 0%,rgba(194,24,91,0) 62%)!important}
.rp-ff-dark .elementskit-funfact:after{
background-image:linear-gradient(90deg,rgba(232,160,196,0) 0%,rgba(232,160,196,.80) 50%,rgba(232,160,196,0) 100%)!important}
.rp-ff-dark .funfact-icon{
background-image:linear-gradient(145deg,rgba(194,24,91,.60),rgba(194,24,91,.18))!important}
.rp-sci-slide{
background-image:linear-gradient(180deg,rgba(255,255,255,1) 58%,rgba(249,243,233,.95) 100%)!important;
border-color:rgba(223,210,188,.95)!important}
.rp-sci-slide:hover{border-color:rgba(194,24,91,.45)!important}
.rp-sci-box .elementskit-info-box-icon:before{
background-image:linear-gradient(145deg,rgba(194,24,91,.22),rgba(232,160,196,.10))!important}
.rp-tl-box .elementskit-infobox{border-color:rgba(194,24,91,.26)!important}
.rp-tl-box .elementskit-infobox:before{
background-image:linear-gradient(180deg,rgba(251,239,244,.75) 0%,rgba(255,255,255,0) 55%)!important}
.rp-tl-box .elementskit-info-box-icon:before{
background-image:linear-gradient(145deg,rgba(194,24,91,.20),rgba(232,160,196,.08))!important}
/* ---------- photography and the band ---------- */
.rp-step-cell:before{
background-image:linear-gradient(140deg,#57254A,#3A1730)!important;
box-shadow:0 8px 18px -8px rgba(74,31,61,.62)!important}
.rp-lifeband:after{background-image:
radial-gradient(64% 84% at 50% 50%,rgba(58,23,48,.32) 0%,rgba(58,23,48,.11) 64%,rgba(58,23,48,0) 84%),
linear-gradient(180deg,rgba(58,23,48,.32) 0%,rgba(58,23,48,.78) 100%),
radial-gradient(70% 90% at 86% 18%,rgba(194,24,91,.30) 0%,rgba(194,24,91,0) 62%)!important}
/* ---------- buttons ---------- */
.rp-btn-primary .elementor-button,.rp-navbtn{
background-image:linear-gradient(135deg,#57254A 0%,#4A1F3D 55%,#38162C 100%)!important;
box-shadow:0 10px 26px -14px rgba(74,31,61,.68)!important}
.rp-btn-primary .elementor-button:hover,.rp-btn-primary .elementor-button:focus,
.rp-navbtn:hover,.rp-navbtn:focus{
background-image:linear-gradient(135deg,#C2185B 0%,#9E1249 100%)!important;
box-shadow:0 14px 30px -14px rgba(194,24,91,.72)!important}
.rp-form .elementor-button[type=submit]{
background-image:linear-gradient(135deg,#FFFFFF 0%,#F6ECDD 100%)!important}
.rp-form .elementor-button[type=submit]:hover{
background-image:linear-gradient(135deg,#FFFFFF 0%,#E8A0C4 100%)!important}
/* ---------- comparison table ---------- */
table.rp-cmp thead th.rp-us{
background-image:linear-gradient(160deg,#57254A,#3A1730)!important}
table.rp-cmp tr.rp-total td.rp-us{
background-image:linear-gradient(160deg,#F2CBDC,#E8A0C4)!important}
/* ---------- flavour cards ----------
Deep ends solved for >=4.7:1 with white, then the light and mid
stops mixed toward the pack cream so nothing reads neon beside it.
Measured white-on-deep: 6.86 / 5.33 / 4.90 / 5.87.
Pink Citrus is the deck's own magenta and is fixed. */
.elementor .rp-flav-row .rp-flav-1 .ekit-wid-con .elementskit-infobox:not(.e-lazyloaded){
background-image:linear-gradient(168deg,#B483A5 0%,#9C5A92 34%,#8A3C84 62%)!important}
.elementor .rp-flav-row .rp-flav-2 .ekit-wid-con .elementskit-infobox:not(.e-lazyloaded){
background-image:linear-gradient(168deg,#D48183 0%,#C85962 34%,#C03A49 62%)!important}
.elementor .rp-flav-row .rp-flav-3 .ekit-wid-con .elementskit-infobox:not(.e-lazyloaded){
background-image:linear-gradient(168deg,#9AA776 0%,#768D50 34%,#5C7A33 62%)!important}
.elementor .rp-flav-row .rp-flav-4 .ekit-wid-con .elementskit-infobox:not(.e-lazyloaded){
background-image:linear-gradient(168deg,#D56E8D 0%,#CA3D70 34%,#C2185B 62%)!important}
.elementor .rp-flav-row .rp-flav-1 .elementskit-info-box-icon svg,
.elementor .rp-flav-row .rp-flav-1 .elementskit-info-box-icon svg *{fill:#8A3C84!important}
.elementor .rp-flav-row .rp-flav-2 .elementskit-info-box-icon svg,
.elementor .rp-flav-row .rp-flav-2 .elementskit-info-box-icon svg *{fill:#C03A49!important}
.elementor .rp-flav-row .rp-flav-3 .elementskit-info-box-icon svg,
.elementor .rp-flav-row .rp-flav-3 .elementskit-info-box-icon svg *{fill:#5C7A33!important}
.elementor .rp-flav-row .rp-flav-4 .elementskit-info-box-icon svg,
.elementor .rp-flav-row .rp-flav-4 .elementskit-info-box-icon svg *{fill:#C2185B!important}
.elementor .rp-flav-row .rp-flav-1 .ekit-wid-con .elementskit-infobox:hover{
box-shadow:0 6px 14px -6px rgba(138,60,132,.45),0 34px 60px -28px rgba(138,60,132,.72)!important}
.elementor .rp-flav-row .rp-flav-2 .ekit-wid-con .elementskit-infobox:hover{
box-shadow:0 6px 14px -6px rgba(192,58,73,.45),0 34px 60px -28px rgba(192,58,73,.72)!important}
.elementor .rp-flav-row .rp-flav-3 .ekit-wid-con .elementskit-infobox:hover{
box-shadow:0 6px 14px -6px rgba(92,122,51,.45),0 34px 60px -28px rgba(92,122,51,.72)!important}
.elementor .rp-flav-row .rp-flav-4 .ekit-wid-con .elementskit-infobox:hover{
box-shadow:0 6px 14px -6px rgba(194,24,91,.45),0 34px 60px -28px rgba(194,24,91,.72)!important}
/* ---------- display face ----------
The pack wordmark is a slab serif. Bitter is the closest widely
available match and holds up at body sizes too. Type is not
locked yet — it is step 03 of the client's own next-phase list —
so treat this as the working choice, not the final identity. */
.rp-h1 .elementor-heading-title,
.rp-h2 .elementor-heading-title,
.rp-h3 .elementor-heading-title,
h1,h2,h3,
.rp-logo-word,
.elementskit-info-box-title,
.elementskit-funfact .number-percentage-wraper,
table.rp-cmp thead th,
.rp-prod-facts li b{font-family:var(--rp-display)!important}
/* the wordmark is set lowercase on the pack, not caps */
.rp-logo-word{letter-spacing:.02em!important;text-indent:0!important;
text-transform:none!important;font-weight:700!important;font-size:1.5rem!important}
/* ============================================================
== Surplus identity repaint ==
The real brand, from the client's asset pack. This supersedes
both the REPLETA palette and the concept-03 wine palette above
it; delete this block and you fall back to the wine one, which
is also wrong, so don't.
ink / near-black #211F21
off-white #F6F6F6
orange #EE7527 secondary accent
navy #192744 dark section grounds
deep navy #0B1320
teal #24B0A9 primary accent (the pack uses it)
CONTRAST, MEASURED. Read before touching teal or orange:
white on navy 14.84 · white on deep navy 18.61 · ink on
off-white 15.15 · teal on navy 5.55 · orange on navy 5.09
BUT teal on off-white 2.47 · orange on off-white 2.91 ·
white on teal 2.67 · white on orange 2.91
So teal and orange are text colours ON THE DARK GROUNDS ONLY,
and they cannot take white text either. On light they are
graphic elements: the plus device, rules, icon fills, bands.
Where a light-ground accent has to carry text, use the darkened
pair below, which is the same hue dropped until it clears 4.5.
============================================================ */
:root{
--sp-ink:#211F21;
--sp-off:#F6F6F6;
--sp-navy:#192744;
--sp-navy-deep:#0B1320;
--sp-teal:#24B0A9;
--sp-orange:#EE7527;
--sp-teal-text:#197B76; /* 4.60 on off-white, 4.97 on white */
--sp-orange-text:#B0571D; /* 4.61 on off-white, 4.98 on white */
/* the old variable names stay wired so the 70 KB above keeps working */
--rp-ink:#211F21;
--rp-ink-deep:#0B1320;
--rp-peri:#197B76; /* accent role, text-safe variant */
--rp-peri-text:#197B76;
--rp-peri-light:#24B0A9; /* accent on dark grounds, 5.55 on navy */
--rp-sand:#E9EDF2;
--rp-char:#211F21;
--rp-char-soft:#4A4F55;
--rp-ink-soft:#211F21;
--rp-peri-wash:#EAF6F5; /* 8% teal over white */
--rp-sand-wash:#F6F6F6;
--rp-paper:#FFFFFF;
--rp-line:#DDE1E6;
--rp-cream-light:#F6F6F6;
--rp-display:'Futura','Futura PT',Avenir,'Century Gothic',sans-serif;
--rp-sh-sm:0 2px 6px -2px rgba(25,39,68,.12),0 10px 24px -16px rgba(25,39,68,.28);
--rp-sh-md:0 4px 10px -4px rgba(25,39,68,.15),0 24px 50px -24px rgba(25,39,68,.34);
--rp-sh-lg:0 6px 14px -6px rgba(25,39,68,.18),0 36px 72px -30px rgba(25,39,68,.42);
}
/* only one weight of Futura Condensed is installed, so never ask the
browser for bold — it would synthesise it and a faux-bold condensed
geometric looks smeared. Hierarchy comes from size. Drop this rule
the day the Bold cut is uploaded as a second face. */
.rp-h1 .elementor-heading-title,.rp-h2 .elementor-heading-title,
.rp-h3 .elementor-heading-title,h1,h2,h3,
.rp-logo-word,.elementskit-info-box-title,
.elementskit-funfact .number-percentage-wraper,
table.rp-cmp thead th,.rp-prod-facts li b{
font-family:var(--rp-display)!important;font-weight:400!important;
letter-spacing:.005em}
/* ---------- section grounds ----------
:not(.e-lazyloaded) is load-bearing — Elementor blanks
background-image on every top-level container past the fourth
and on all their descendants. See the gradient pass notes. */
.elementor .e-con.e-parent.rp-sec.rp-dark:not(.e-lazyloaded){
background-color:#192744!important;
background-image:
radial-gradient(120% 95% at 84% 0%,rgba(36,176,169,.28) 0%,rgba(36,176,169,0) 58%),
radial-gradient(95% 85% at 6% 100%,rgba(11,19,32,.85) 0%,rgba(11,19,32,0) 62%),
linear-gradient(168deg,#1E2F52 0%,#0F1A2E 100%)!important}
.elementor .e-con.e-parent.rp-sec.rp-sand:not(.e-lazyloaded){
background-color:#F6F6F6!important;
background-image:
radial-gradient(95% 70% at 14% 0%,rgba(255,255,255,.96) 0%,rgba(255,255,255,0) 55%),
radial-gradient(85% 70% at 92% 100%,rgba(25,39,68,.07) 0%,rgba(25,39,68,0) 62%)!important}
.elementor .e-con.e-parent.rp-sec.rp-peri:not(.e-lazyloaded){
background-color:#EAF6F5!important;
background-image:
radial-gradient(85% 70% at 10% 4%,rgba(255,255,255,.96) 0%,rgba(255,255,255,0) 56%),
radial-gradient(75% 65% at 90% 98%,rgba(36,176,169,.20) 0%,rgba(36,176,169,0) 64%)!important}
.elementor .e-con.e-parent.rp-sec.rp-hero:not(.e-lazyloaded){
background-image:
radial-gradient(72% 62% at 80% 6%,rgba(36,176,169,.18) 0%,rgba(36,176,169,0) 60%),
radial-gradient(62% 58% at 2% 98%,rgba(238,117,39,.12) 0%,rgba(238,117,39,0) 64%),
linear-gradient(180deg,#FFFFFF 0%,#F6F6F6 100%)!important}
.elementor .e-con.e-parent.rp-formula-strip:not(.e-lazyloaded){
background-color:#fff!important;
background-image:linear-gradient(180deg,#FFFFFF 0%,#F8FAFA 100%)!important}
.elementor .e-con.e-parent.rp-sec.rp-white:not(.e-lazyloaded){
background-image:
radial-gradient(80% 60% at 50% 0%,rgba(234,246,245,.9) 0%,rgba(234,246,245,0) 62%)!important}
/* ---------- cards ---------- */
.rp-icard .elementskit-infobox{border-color:rgba(25,39,68,.16)!important}
.rp-icard .elementskit-infobox:before{
background-image:
radial-gradient(85% 72% at 100% 0%,rgba(36,176,169,.14) 0%,rgba(36,176,169,0) 62%),
linear-gradient(168deg,rgba(255,255,255,0) 42%,rgba(246,246,246,.95) 100%)!important}
.rp-icard .elementskit-infobox:hover{border-color:rgba(36,176,169,.55)!important}
.rp-icard .elementskit-info-box-icon{
background-color:rgba(36,176,169,.14)!important;
background-image:linear-gradient(145deg,rgba(36,176,169,.24),rgba(36,176,169,.06))!important}
.rp-icard .elementkit-infobox-icon,
.rp-icard .elementskit-info-box-icon svg{fill:#197B76!important;color:#197B76!important}
.rp-ff-dark .elementskit-funfact{border-color:rgba(36,176,169,.28)!important}
.rp-ff-dark .elementskit-funfact:before{
background-image:radial-gradient(92% 82% at 100% 0%,rgba(36,176,169,.32) 0%,rgba(36,176,169,0) 62%)!important}
.rp-ff-dark .elementskit-funfact:after{
background-image:linear-gradient(90deg,rgba(36,176,169,0) 0%,rgba(36,176,169,.85) 50%,rgba(36,176,169,0) 100%)!important}
.rp-ff-dark .funfact-icon{
background-image:linear-gradient(145deg,rgba(36,176,169,.55),rgba(36,176,169,.15))!important}
.rp-sci-slide{
background-image:linear-gradient(180deg,rgba(255,255,255,1) 58%,rgba(246,246,246,.95) 100%)!important;
border-color:rgba(25,39,68,.13)!important}
.rp-sci-slide:hover{border-color:rgba(36,176,169,.50)!important}
.rp-sci-box .elementskit-info-box-icon:before{
background-image:linear-gradient(145deg,rgba(36,176,169,.24),rgba(36,176,169,.08))!important}
.rp-sci-box .elementkit-infobox-icon,
.rp-sci-box .elementskit-info-box-icon svg{fill:#197B76!important;color:#197B76!important}
.rp-tl-box .elementskit-infobox{border-color:rgba(25,39,68,.16)!important}
.rp-tl-box .elementskit-infobox:before{
background-image:linear-gradient(180deg,rgba(234,246,245,.8) 0%,rgba(255,255,255,0) 55%)!important}
.rp-tl-box .elementskit-info-box-icon:before{
background-image:linear-gradient(145deg,rgba(36,176,169,.22),rgba(36,176,169,.08))!important}
.rp-tl-box .elementkit-infobox-icon,
.rp-tl-box .elementskit-info-box-icon svg{fill:#197B76!important;color:#197B76!important}
/* the formula strip counters: orange is the secondary accent and this
is the one place it earns its keep, on white, at display size */
.rp-formula-strip .funfact-icon svg,.rp-formula-strip .elementskit-funfact-icon{
fill:#EE7527!important;color:#EE7527!important}
/* ---------- photography and the band ---------- */
.rp-step-cell:before{
background-image:linear-gradient(140deg,#1E2F52,#0F1A2E)!important;
box-shadow:0 8px 18px -8px rgba(25,39,68,.62)!important}
.rp-lifeband:after{background-image:
radial-gradient(64% 84% at 50% 50%,rgba(11,19,32,.34) 0%,rgba(11,19,32,.12) 64%,rgba(11,19,32,0) 84%),
linear-gradient(180deg,rgba(11,19,32,.34) 0%,rgba(11,19,32,.80) 100%),
radial-gradient(70% 90% at 86% 18%,rgba(36,176,169,.26) 0%,rgba(36,176,169,0) 62%)!important}
/* ---------- buttons ----------
Navy fill with white text (14.84). Teal and orange cannot carry
white text, so they arrive on hover as a lift, not as the resting
state of a CTA. */
.rp-btn-primary .elementor-button,.rp-navbtn{
background-image:linear-gradient(135deg,#1E2F52 0%,#192744 55%,#0F1A2E 100%)!important;
box-shadow:0 10px 26px -14px rgba(25,39,68,.68)!important}
.rp-btn-primary .elementor-button:hover,.rp-btn-primary .elementor-button:focus,
.rp-navbtn:hover,.rp-navbtn:focus{
background-image:linear-gradient(135deg,#197B76 0%,#0F5E5A 100%)!important;
box-shadow:0 14px 30px -14px rgba(25,177,169,.65)!important}
.rp-form .elementor-button[type=submit]{
background-image:linear-gradient(135deg,#FFFFFF 0%,#F6F6F6 100%)!important}
.rp-form .elementor-button[type=submit]:hover{
background-image:linear-gradient(135deg,#FFFFFF 0%,#9FE0DC 100%)!important}
/* ---------- comparison table ---------- */
table.rp-cmp thead th.rp-us{
background-image:linear-gradient(160deg,#1E2F52,#0F1A2E)!important}
table.rp-cmp tr.rp-total td.rp-us{
background-image:linear-gradient(160deg,#C8ECEA,#9FE0DC)!important}
/* ---------- flavour cards ----------
The client's four gradients are bright: white on Lemon Lime is
1.51:1 and the best of the eight endpoints is 5.56. None of them
can be a text ground. The pack solves this by making flavour a
BAND on a navy carton, so the cards do the same — navy card, the
flavour gradient as the icon chip and a strip at the foot. Text is
white on navy at 14.84 regardless of flavour. */
.elementor .rp-flav-row .rp-flav-card .ekit-wid-con .elementskit-infobox:not(.e-lazyloaded){
background-color:#192744!important;
background-image:linear-gradient(168deg,#1E2F52 0%,#192744 55%,#0F1A2E 100%)!important;
border:0!important;overflow:hidden;position:relative;
padding:34px 22px 38px!important}
.elementor .rp-flav-row .rp-flav-card .elementskit-info-box-title,
.elementor .rp-flav-row .rp-flav-card .box-body p{color:#FFFFFF!important}
.elementor .rp-flav-row .rp-flav-card .box-body p{opacity:.86}
/* the chip carries the flavour */
.elementor .rp-flav-row .rp-flav-card .ekit-wid-con .elementskit-infobox
.elementskit-box-header .elementskit-info-box-icon{
background-color:transparent!important;border:0!important;
box-shadow:0 12px 26px -14px rgba(0,0,0,.55)!important}
.elementor .rp-flav-row .rp-flav-1 .ekit-wid-con .elementskit-infobox
.elementskit-box-header .elementskit-info-box-icon{
background-image:linear-gradient(135deg,#3BB8EB,#6B5EA6)!important}
.elementor .rp-flav-row .rp-flav-2 .ekit-wid-con .elementskit-infobox
.elementskit-box-header .elementskit-info-box-icon{
background-image:linear-gradient(135deg,#E8432D,#E84158)!important}
.elementor .rp-flav-row .rp-flav-3 .ekit-wid-con .elementskit-infobox
.elementskit-box-header .elementskit-info-box-icon{
background-image:linear-gradient(135deg,#E6D501,#9DB530)!important}
.elementor .rp-flav-row .rp-flav-4 .ekit-wid-con .elementskit-infobox
.elementskit-box-header .elementskit-info-box-icon{
background-image:linear-gradient(135deg,#ED7288,#E9501B)!important}
/* icons go ink on the bright chips, never white */
.elementor .rp-flav-row .rp-flav-card .elementskit-info-box-icon svg,
.elementor .rp-flav-row .rp-flav-card .elementskit-info-box-icon svg *{
fill:#211F21!important;filter:none!important}
/* and the flavour repeats as a strip at the foot, as it does on the pack */
.elementor .rp-flav-row .rp-flav-card .ekit-wid-con .elementskit-infobox:after{
content:"";position:absolute;left:0;right:0;bottom:0;height:8px;z-index:2;
background-image:var(--sp-flav,linear-gradient(90deg,#24B0A9,#24B0A9));
opacity:1;mix-blend-mode:normal}
.elementor .rp-flav-row .rp-flav-1 .ekit-wid-con .elementskit-infobox{--sp-flav:linear-gradient(90deg,#3BB8EB,#6B5EA6)}
.elementor .rp-flav-row .rp-flav-2 .ekit-wid-con .elementskit-infobox{--sp-flav:linear-gradient(90deg,#E8432D,#E84158)}
.elementor .rp-flav-row .rp-flav-3 .ekit-wid-con .elementskit-infobox{--sp-flav:linear-gradient(90deg,#E6D501,#9DB530)}
.elementor .rp-flav-row .rp-flav-4 .ekit-wid-con .elementskit-infobox{--sp-flav:linear-gradient(90deg,#ED7288,#E9501B)}
.elementor .rp-flav-row .rp-flav-card .ekit-wid-con .elementskit-infobox:hover{
box-shadow:0 6px 14px -6px rgba(25,39,68,.45),0 34px 60px -28px rgba(25,39,68,.70)!important}
/* ---------- the plus device ----------
The brand mark is a plus. It replaces the ring/orb everywhere it
was standing in. */
.rp-logo-mark{width:auto!important;height:34px!important;max-width:none}
.rp-footer .rp-logo-mark{height:40px!important}
.rp-logo{display:inline-flex;align-items:center;gap:0}
@media (max-width:600px){.rp-logo-mark{height:28px!important}}
/* ============================================================
== body copy on dark grounds ==
--rp-peri-light was carrying two jobs that used to be compatible
and no longer are. Under REPLETA it was #AFB4DA, a pale tint that
worked both as an accent and as paragraph colour on navy. It is
now the brand teal #24B0A9, a saturated accent — so every rule
that used it for running copy turned the dark sections teal.
Teal on navy measures 5.55, so this was never an AA failure. It
was a legibility failure, which the sweep cannot see: a saturated
mid-tone accent is fine for an eyebrow and punishing for a
five-line paragraph.
The split: teal keeps every accent job (eyebrows, rules, icon
fills, focus outlines, hover borders, counters — all untouched
above). Running copy on dark gets its own neutral.
#DDE4EF on #192744 11.60 the flat navy
#DDE4EF on #1E2F52 10.37 the light end of the mesh
#DDE4EF on #0F1A2E 13.60
#DDE4EF on #0B1320 14.55 the deep end
============================================================ */
:root{--sp-on-dark:#DDE4EF}
.elementor .rp-sec.rp-dark .rp-lede p,
.elementor .rp-sec.rp-dark .rp-ff-dark .funfact-title,
.elementor .rp-sec.rp-dark .rp-ff-dark .number-percentage-wraper,
.elementor .rp-sec.rp-dark .rp-form-fine,
.elementor .rp-sec.rp-dark .rp-form-fine p,
.elementor .rp-sec.rp-dark .rp-stat span,
.elementor .rp-sec.rp-dark .rp-form .elementor-field-label,
.elementor .rp-sec.rp-dark .rp-form .elementor-field-group > .elementor-field-label,
.elementor .rp-sec.rp-dark .rp-form .elementor-message{
color:var(--sp-on-dark)!important}
/* the number itself stays white so it still leads the card */
.elementor .rp-sec.rp-dark .rp-ff-dark .number-percentage{color:#FFFFFF!important}
/* eyebrows stay teal — that is the pack's own use of the colour */
.elementor .rp-sec.rp-dark .rp-eyebrow .elementor-heading-title,
.elementor .rp-sec.rp-dark .rp-eyebrow-dark .elementor-heading-title{
color:#24B0A9!important}
/* == hero product shot ==
Replaces the drawn carton with the real photography. The photo
carries its own warm studio background, so it gets a radius and a
navy-tinted shadow to sit on the page ground rather than float. */
.rp-hero-img{line-height:0;width:100%}
/* the source photo is 1.46:1 and the carton sits about 21% in from the
left, so a 5:4 crop biased left keeps the pack and the stick in frame
while closing the height gap against the copy column. */
.rp-hero-img img{width:100%;display:block;aspect-ratio:5/4;object-fit:cover;
object-position:32% center;border-radius:18px;box-shadow:var(--rp-sh-md)}
.rp-hero-art{--align-items:center}
@media (max-width:1024px){
.rp-hero-img img{aspect-ratio:3/2;max-width:620px;margin-inline:auto}
}/* End custom CSS */