.elementor-347 .elementor-element.elementor-element-yfps000{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-yfpshr0{--display:flex;--min-height:832px;--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-yfpsbk1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 52px) 0px;}.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-347 .elementor-element.elementor-element-yfpst01{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 25px) 0px;text-align:start;}.elementor-347 .elementor-element.elementor-element-yfpst01 .elementor-heading-title{font-family:"Chalet London 1960", Sans-serif;font-size:96px;font-weight:400;line-height:0.9167em;letter-spacing:-0.04em;color:#FAF8F5;}.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-347 .elementor-element.elementor-element-yfpsbt1 .elementor-button{background-color:#F28CB4;font-family:var( --e-global-typography-ybtn001-font-family ), Sans-serif;font-size:var( --e-global-typography-ybtn001-font-size );font-weight:var( --e-global-typography-ybtn001-font-weight );line-height:var( --e-global-typography-ybtn001-line-height );letter-spacing:var( --e-global-typography-ybtn001-letter-spacing );fill:#5A2140;color:#5A2140;border-radius:60px 60px 60px 60px;padding:0.74em 0 0.74em 0;}.elementor-347 .elementor-element.elementor-element-yfpsbt1{width:var( --container-widget-width, 206px );max-width:206px;margin:40px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:206px;--container-widget-flex-grow:0;}.elementor-347 .elementor-element.elementor-element-yfpscw0{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:10px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-yfpscd0{--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;--border-radius:30px 30px 30px 30px;box-shadow:4px 4px 10px 0px rgba(0,0,0,0.25);--padding-top:68px;--padding-bottom:84px;--padding-left:79px;--padding-right:79px;}.elementor-347 .elementor-element.elementor-element-yfpscd0:not(.elementor-motion-effects-element-type-background), .elementor-347 .elementor-element.elementor-element-yfpscd0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8F5;}.elementor-347 .elementor-element.elementor-element-yfpsct0{--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;--padding-top:150px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-yfpsch1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 45px) 0px;text-align:start;}.elementor-347 .elementor-element.elementor-element-yfpsch1 .elementor-heading-title{font-family:"Chalet New York 1960", Sans-serif;font-size:56px;font-weight:400;line-height:1em;letter-spacing:-0.04em;color:#004462;}.elementor-347 .elementor-element.elementor-element-yfpsrw0{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-yfpsgr0{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-yfpcc01{--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;--border-radius:16px 16px 16px 16px;box-shadow:3px 3px 7px 0px rgba(0,0,0,0.25);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-yfpcc01:not(.elementor-motion-effects-element-type-background), .elementor-347 .elementor-element.elementor-element-yfpcc01 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8F5;}.elementor-347 .elementor-element.elementor-element-yfpca01{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.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-347 .elementor-element.elementor-element-yfpcb01{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:27px;--padding-bottom:37px;--padding-left:16px;--padding-right:11px;}.elementor-347 .elementor-element.elementor-element-yfpcn01{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 11px) 0px;text-align:start;}.elementor-347 .elementor-element.elementor-element-yfpcn01 .elementor-heading-title{font-family:var( --e-global-typography-ycatn01-font-family ), Sans-serif;font-size:var( --e-global-typography-ycatn01-font-size );font-weight:var( --e-global-typography-ycatn01-font-weight );line-height:var( --e-global-typography-ycatn01-line-height );letter-spacing:var( --e-global-typography-ycatn01-letter-spacing );color:#101213;}.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-347 .elementor-element.elementor-element-yfpcp01{text-align:start;font-family:var( --e-global-typography-ycatc01-font-family ), Sans-serif;font-size:var( --e-global-typography-ycatc01-font-size );font-weight:var( --e-global-typography-ycatc01-font-weight );line-height:var( --e-global-typography-ycatc01-line-height );letter-spacing:var( --e-global-typography-ycatc01-letter-spacing );color:#101213;}.elementor-347 .elementor-element.elementor-element-yfpcc02{--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;--border-radius:16px 16px 16px 16px;box-shadow:3px 3px 7px 0px rgba(0,0,0,0.25);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-yfpcc02:not(.elementor-motion-effects-element-type-background), .elementor-347 .elementor-element.elementor-element-yfpcc02 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8F5;}.elementor-347 .elementor-element.elementor-element-yfpca02{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-yfpcb02{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:27px;--padding-bottom:37px;--padding-left:16px;--padding-right:11px;}.elementor-347 .elementor-element.elementor-element-yfpcn02{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 11px) 0px;text-align:start;}.elementor-347 .elementor-element.elementor-element-yfpcn02 .elementor-heading-title{font-family:var( --e-global-typography-ycatn01-font-family ), Sans-serif;font-size:var( --e-global-typography-ycatn01-font-size );font-weight:var( --e-global-typography-ycatn01-font-weight );line-height:var( --e-global-typography-ycatn01-line-height );letter-spacing:var( --e-global-typography-ycatn01-letter-spacing );color:#101213;}.elementor-347 .elementor-element.elementor-element-yfpcp02{text-align:start;font-family:var( --e-global-typography-ycatc01-font-family ), Sans-serif;font-size:var( --e-global-typography-ycatc01-font-size );font-weight:var( --e-global-typography-ycatc01-font-weight );line-height:var( --e-global-typography-ycatc01-line-height );letter-spacing:var( --e-global-typography-ycatc01-letter-spacing );color:#101213;}.elementor-347 .elementor-element.elementor-element-yfpcc03{--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;--border-radius:16px 16px 16px 16px;box-shadow:3px 3px 7px 0px rgba(0,0,0,0.25);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-yfpcc03:not(.elementor-motion-effects-element-type-background), .elementor-347 .elementor-element.elementor-element-yfpcc03 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8F5;}.elementor-347 .elementor-element.elementor-element-yfpca03{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-yfpcb03{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:27px;--padding-bottom:37px;--padding-left:16px;--padding-right:11px;}.elementor-347 .elementor-element.elementor-element-yfpcn03{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 11px) 0px;text-align:start;}.elementor-347 .elementor-element.elementor-element-yfpcn03 .elementor-heading-title{font-family:var( --e-global-typography-ycatn01-font-family ), Sans-serif;font-size:var( --e-global-typography-ycatn01-font-size );font-weight:var( --e-global-typography-ycatn01-font-weight );line-height:var( --e-global-typography-ycatn01-line-height );letter-spacing:var( --e-global-typography-ycatn01-letter-spacing );color:#101213;}.elementor-347 .elementor-element.elementor-element-yfpcp03{text-align:start;font-family:var( --e-global-typography-ycatc01-font-family ), Sans-serif;font-size:var( --e-global-typography-ycatc01-font-size );font-weight:var( --e-global-typography-ycatc01-font-weight );line-height:var( --e-global-typography-ycatc01-line-height );letter-spacing:var( --e-global-typography-ycatc01-letter-spacing );color:#101213;}.elementor-347 .elementor-element.elementor-element-yfpcc04{--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;--border-radius:16px 16px 16px 16px;box-shadow:3px 3px 7px 0px rgba(0,0,0,0.25);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-yfpcc04:not(.elementor-motion-effects-element-type-background), .elementor-347 .elementor-element.elementor-element-yfpcc04 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8F5;}.elementor-347 .elementor-element.elementor-element-yfpca04{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-yfpcb04{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:27px;--padding-bottom:37px;--padding-left:16px;--padding-right:11px;}.elementor-347 .elementor-element.elementor-element-yfpcn04{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 11px) 0px;text-align:start;}.elementor-347 .elementor-element.elementor-element-yfpcn04 .elementor-heading-title{font-family:var( --e-global-typography-ycatn01-font-family ), Sans-serif;font-size:var( --e-global-typography-ycatn01-font-size );font-weight:var( --e-global-typography-ycatn01-font-weight );line-height:var( --e-global-typography-ycatn01-line-height );letter-spacing:var( --e-global-typography-ycatn01-letter-spacing );color:#101213;}.elementor-347 .elementor-element.elementor-element-yfpcp04{text-align:start;font-family:var( --e-global-typography-ycatc01-font-family ), Sans-serif;font-size:var( --e-global-typography-ycatc01-font-size );font-weight:var( --e-global-typography-ycatc01-font-weight );line-height:var( --e-global-typography-ycatc01-line-height );letter-spacing:var( --e-global-typography-ycatc01-letter-spacing );color:#101213;}.elementor-347 .elementor-element.elementor-element-yfpcc05{--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;--border-radius:16px 16px 16px 16px;box-shadow:3px 3px 7px 0px rgba(0,0,0,0.25);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-yfpcc05:not(.elementor-motion-effects-element-type-background), .elementor-347 .elementor-element.elementor-element-yfpcc05 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FAF8F5;}.elementor-347 .elementor-element.elementor-element-yfpca05{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-yfpcb05{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:27px;--padding-bottom:37px;--padding-left:16px;--padding-right:11px;}.elementor-347 .elementor-element.elementor-element-yfpcn05{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 11px) 0px;text-align:start;}.elementor-347 .elementor-element.elementor-element-yfpcn05 .elementor-heading-title{font-family:var( --e-global-typography-ycatn01-font-family ), Sans-serif;font-size:var( --e-global-typography-ycatn01-font-size );font-weight:var( --e-global-typography-ycatn01-font-weight );line-height:var( --e-global-typography-ycatn01-line-height );letter-spacing:var( --e-global-typography-ycatn01-letter-spacing );color:#101213;}.elementor-347 .elementor-element.elementor-element-yfpcp05{text-align:start;font-family:var( --e-global-typography-ycatc01-font-family ), Sans-serif;font-size:var( --e-global-typography-ycatc01-font-size );font-weight:var( --e-global-typography-ycatc01-font-weight );line-height:var( --e-global-typography-ycatc01-line-height );letter-spacing:var( --e-global-typography-ycatc01-letter-spacing );color:#101213;}.elementor-347 .elementor-element.elementor-element-yfpsbd0{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--padding-top:59px;--padding-bottom:196px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-yfpsbi1{width:var( --container-widget-width, 106.5% );max-width:106.5%;--container-widget-width:106.5%;--container-widget-flex-grow:0;bottom:0px;z-index:0;}body:not(.rtl) .elementor-347 .elementor-element.elementor-element-yfpsbi1{left:-5.97%;}body.rtl .elementor-347 .elementor-element.elementor-element-yfpsbi1{right:-5.97%;}.elementor-347 .elementor-element.elementor-element-yfpscta .elementor-button{background-color:#F28CB4;font-family:var( --e-global-typography-ybtn001-font-family ), Sans-serif;font-size:var( --e-global-typography-ybtn001-font-size );font-weight:var( --e-global-typography-ybtn001-font-weight );line-height:var( --e-global-typography-ybtn001-line-height );letter-spacing:var( --e-global-typography-ybtn001-letter-spacing );fill:#5A2140;color:#5A2140;border-radius:60px 60px 60px 60px;padding:0.74em 0 0.74em 0;}.elementor-347 .elementor-element.elementor-element-yfpscta{width:var( --container-widget-width, 243px );max-width:243px;--container-widget-width:243px;--container-widget-flex-grow:0;z-index:1;}@media(min-width:768px){.elementor-347 .elementor-element.elementor-element-yfpshr0{--content-width:1200px;}.elementor-347 .elementor-element.elementor-element-yfpscd0{--content-width:1200px;}}@media(max-width:1199px){.elementor-347 .elementor-element.elementor-element-yfpshr0{--min-height:0px;}.elementor-347 .elementor-element.elementor-element-yfpsbk1{margin:30px 0px calc(var(--kit-widget-spacing, 0px) + 34px) 0px;}.elementor-347 .elementor-element.elementor-element-yfpst01{text-align:center;}.elementor-347 .elementor-element.elementor-element-yfpst01 .elementor-heading-title{font-size:68px;line-height:0.9286em;letter-spacing:-0.0405em;}.elementor-347 .elementor-element.elementor-element-yfpsbt1{--container-widget-width:119px;--container-widget-flex-grow:0;width:var( --container-widget-width, 119px );max-width:119px;}.elementor-347 .elementor-element.elementor-element-yfpsbt1 .elementor-button{font-size:var( --e-global-typography-ybtn001-font-size );line-height:var( --e-global-typography-ybtn001-line-height );letter-spacing:var( --e-global-typography-ybtn001-letter-spacing );}.elementor-347 .elementor-element.elementor-element-yfpscw0{--padding-top:64px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-yfpscd0{--padding-top:50px;--padding-bottom:60px;--padding-left:40px;--padding-right:40px;}.elementor-347 .elementor-element.elementor-element-yfpsct0{--padding-top:100px;--padding-bottom:0px;--padding-left:5%;--padding-right:5%;}.elementor-347 .elementor-element.elementor-element-yfpsch1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 40px) 0px;}.elementor-347 .elementor-element.elementor-element-yfpsch1 .elementor-heading-title{font-size:44px;}.elementor-347 .elementor-element.elementor-element-yfpcn01 .elementor-heading-title{font-size:var( --e-global-typography-ycatn01-font-size );line-height:var( --e-global-typography-ycatn01-line-height );letter-spacing:var( --e-global-typography-ycatn01-letter-spacing );}.elementor-347 .elementor-element.elementor-element-yfpcp01{font-size:var( --e-global-typography-ycatc01-font-size );line-height:var( --e-global-typography-ycatc01-line-height );letter-spacing:var( --e-global-typography-ycatc01-letter-spacing );}.elementor-347 .elementor-element.elementor-element-yfpcn02 .elementor-heading-title{font-size:var( --e-global-typography-ycatn01-font-size );line-height:var( --e-global-typography-ycatn01-line-height );letter-spacing:var( --e-global-typography-ycatn01-letter-spacing );}.elementor-347 .elementor-element.elementor-element-yfpcp02{font-size:var( --e-global-typography-ycatc01-font-size );line-height:var( --e-global-typography-ycatc01-line-height );letter-spacing:var( --e-global-typography-ycatc01-letter-spacing );}.elementor-347 .elementor-element.elementor-element-yfpcn03 .elementor-heading-title{font-size:var( --e-global-typography-ycatn01-font-size );line-height:var( --e-global-typography-ycatn01-line-height );letter-spacing:var( --e-global-typography-ycatn01-letter-spacing );}.elementor-347 .elementor-element.elementor-element-yfpcp03{font-size:var( --e-global-typography-ycatc01-font-size );line-height:var( --e-global-typography-ycatc01-line-height );letter-spacing:var( --e-global-typography-ycatc01-letter-spacing );}.elementor-347 .elementor-element.elementor-element-yfpcn04 .elementor-heading-title{font-size:var( --e-global-typography-ycatn01-font-size );line-height:var( --e-global-typography-ycatn01-line-height );letter-spacing:var( --e-global-typography-ycatn01-letter-spacing );}.elementor-347 .elementor-element.elementor-element-yfpcp04{font-size:var( --e-global-typography-ycatc01-font-size );line-height:var( --e-global-typography-ycatc01-line-height );letter-spacing:var( --e-global-typography-ycatc01-letter-spacing );}.elementor-347 .elementor-element.elementor-element-yfpcn05 .elementor-heading-title{font-size:var( --e-global-typography-ycatn01-font-size );line-height:var( --e-global-typography-ycatn01-line-height );letter-spacing:var( --e-global-typography-ycatn01-letter-spacing );}.elementor-347 .elementor-element.elementor-element-yfpcp05{font-size:var( --e-global-typography-ycatc01-font-size );line-height:var( --e-global-typography-ycatc01-line-height );letter-spacing:var( --e-global-typography-ycatc01-letter-spacing );}.elementor-347 .elementor-element.elementor-element-yfpsbd0{--padding-top:50px;--padding-bottom:150px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-yfpsbi1{--container-widget-width:112.3%;--container-widget-flex-grow:0;width:var( --container-widget-width, 112.3% );max-width:112.3%;}body:not(.rtl) .elementor-347 .elementor-element.elementor-element-yfpsbi1{left:-6.15%;}body.rtl .elementor-347 .elementor-element.elementor-element-yfpsbi1{right:-6.15%;}.elementor-347 .elementor-element.elementor-element-yfpscta{--container-widget-width:150px;--container-widget-flex-grow:0;width:var( --container-widget-width, 150px );max-width:150px;}.elementor-347 .elementor-element.elementor-element-yfpscta .elementor-button{font-size:var( --e-global-typography-ybtn001-font-size );line-height:var( --e-global-typography-ybtn001-line-height );letter-spacing:var( --e-global-typography-ybtn001-letter-spacing );}}@media(max-width:767px){.elementor-347 .elementor-element.elementor-element-yfpsbk1{margin:34px 0px calc(var(--kit-widget-spacing, 0px) + 30px) 0px;}.elementor-347 .elementor-element.elementor-element-yfpst01{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 18px) 0px;text-align:center;}.elementor-347 .elementor-element.elementor-element-yfpst01 .elementor-heading-title{font-size:48px;line-height:0.9167em;letter-spacing:-0.04em;}.elementor-347 .elementor-element.elementor-element-yfpsbt1{margin:27px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:115px;--container-widget-flex-grow:0;width:var( --container-widget-width, 115px );max-width:115px;}.elementor-347 .elementor-element.elementor-element-yfpsbt1 .elementor-button{font-size:var( --e-global-typography-ybtn001-font-size );line-height:var( --e-global-typography-ybtn001-line-height );letter-spacing:var( --e-global-typography-ybtn001-letter-spacing );padding:0.785em 0 0.785em 0;}.elementor-347 .elementor-element.elementor-element-yfpscw0{--padding-top:28px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-yfpscd0{--border-radius:20px 20px 20px 20px;--padding-top:39px;--padding-bottom:36px;--padding-left:21px;--padding-right:21px;}.elementor-347 .elementor-element.elementor-element-yfpsct0{--padding-top:80px;--padding-bottom:0px;--padding-left:5%;--padding-right:5%;}.elementor-347 .elementor-element.elementor-element-yfpsch1{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 34px) 0px;text-align:center;}.elementor-347 .elementor-element.elementor-element-yfpsch1 .elementor-heading-title{font-size:32px;letter-spacing:-0.04em;}.elementor-347 .elementor-element.elementor-element-yfpcb01{--padding-top:24px;--padding-bottom:28px;--padding-left:16px;--padding-right:16px;}.elementor-347 .elementor-element.elementor-element-yfpcn01 .elementor-heading-title{font-size:var( --e-global-typography-ycatn01-font-size );line-height:var( --e-global-typography-ycatn01-line-height );letter-spacing:var( --e-global-typography-ycatn01-letter-spacing );}.elementor-347 .elementor-element.elementor-element-yfpcp01{font-size:var( --e-global-typography-ycatc01-font-size );line-height:var( --e-global-typography-ycatc01-line-height );letter-spacing:var( --e-global-typography-ycatc01-letter-spacing );}.elementor-347 .elementor-element.elementor-element-yfpcb02{--padding-top:24px;--padding-bottom:28px;--padding-left:16px;--padding-right:16px;}.elementor-347 .elementor-element.elementor-element-yfpcn02 .elementor-heading-title{font-size:var( --e-global-typography-ycatn01-font-size );line-height:var( --e-global-typography-ycatn01-line-height );letter-spacing:var( --e-global-typography-ycatn01-letter-spacing );}.elementor-347 .elementor-element.elementor-element-yfpcp02{font-size:var( --e-global-typography-ycatc01-font-size );line-height:var( --e-global-typography-ycatc01-line-height );letter-spacing:var( --e-global-typography-ycatc01-letter-spacing );}.elementor-347 .elementor-element.elementor-element-yfpcb03{--padding-top:24px;--padding-bottom:28px;--padding-left:16px;--padding-right:16px;}.elementor-347 .elementor-element.elementor-element-yfpcn03 .elementor-heading-title{font-size:var( --e-global-typography-ycatn01-font-size );line-height:var( --e-global-typography-ycatn01-line-height );letter-spacing:var( --e-global-typography-ycatn01-letter-spacing );}.elementor-347 .elementor-element.elementor-element-yfpcp03{font-size:var( --e-global-typography-ycatc01-font-size );line-height:var( --e-global-typography-ycatc01-line-height );letter-spacing:var( --e-global-typography-ycatc01-letter-spacing );}.elementor-347 .elementor-element.elementor-element-yfpcb04{--padding-top:24px;--padding-bottom:28px;--padding-left:16px;--padding-right:16px;}.elementor-347 .elementor-element.elementor-element-yfpcn04 .elementor-heading-title{font-size:var( --e-global-typography-ycatn01-font-size );line-height:var( --e-global-typography-ycatn01-line-height );letter-spacing:var( --e-global-typography-ycatn01-letter-spacing );}.elementor-347 .elementor-element.elementor-element-yfpcp04{font-size:var( --e-global-typography-ycatc01-font-size );line-height:var( --e-global-typography-ycatc01-line-height );letter-spacing:var( --e-global-typography-ycatc01-letter-spacing );}.elementor-347 .elementor-element.elementor-element-yfpcb05{--padding-top:24px;--padding-bottom:28px;--padding-left:16px;--padding-right:16px;}.elementor-347 .elementor-element.elementor-element-yfpcn05 .elementor-heading-title{font-size:var( --e-global-typography-ycatn01-font-size );line-height:var( --e-global-typography-ycatn01-line-height );letter-spacing:var( --e-global-typography-ycatn01-letter-spacing );}.elementor-347 .elementor-element.elementor-element-yfpcp05{font-size:var( --e-global-typography-ycatc01-font-size );line-height:var( --e-global-typography-ycatc01-line-height );letter-spacing:var( --e-global-typography-ycatc01-letter-spacing );}.elementor-347 .elementor-element.elementor-element-yfpsbd0{--padding-top:33px;--padding-bottom:124px;--padding-left:0px;--padding-right:0px;}.elementor-347 .elementor-element.elementor-element-yfpscta{--container-widget-width:141px;--container-widget-flex-grow:0;width:var( --container-widget-width, 141px );max-width:141px;}.elementor-347 .elementor-element.elementor-element-yfpscta .elementor-button{font-size:var( --e-global-typography-ybtn001-font-size );line-height:var( --e-global-typography-ybtn001-line-height );letter-spacing:var( --e-global-typography-ybtn001-letter-spacing );padding:0.785em 0 0.785em 0;}}/* Start custom CSS for shortcode, class: .elementor-element-yfpsbk1 */.elementor-347 .elementor-element.elementor-element-yfpsbk1 > .elementor-shortcode { display: inline-block }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-yfpsim1 *//* Sized by the cup's ink (419x551 design box); one fit box for every vessel, hung off the section floor */ .elementor-347 .elementor-element.elementor-element-yfpsim1 { position: absolute; right: 85px; bottom: 110px; top: auto; width: auto; line-height: 0; z-index: 1 } .elementor-347 .elementor-element.elementor-element-yfpsim1 .yf-phero-img { width: auto; height: auto; max-width: 425px; max-height: 580px; display: block; transform: rotate(-6.31deg) } /* Same two pivots as the cards - see the Other Categories rail for the measurements */ .elementor-347 .elementor-element.elementor-element-yfpsim1 .yf-phero-img[src*="yf-flavur-"], .elementor-347 .elementor-element.elementor-element-yfpsim1 .yf-phero-img[src*="yf-u-sensation-"], .elementor-347 .elementor-element.elementor-element-yfpsim1 .yf-phero-img[src*="yf-greek-froyo"] { transform-origin: 50% 54% } .elementor-347 .elementor-element.elementor-element-yfpsim1 .yf-phero-img[src*="fruz-tea-"], .elementor-347 .elementor-element.elementor-element-yfpsim1 .yf-phero-img[src*="yf-smoothie-"] { transform-origin: 50% 48% } @media(min-width:768px) and (max-width:1199px){ /* In the stack now; the vh terms stop a landscape tablet getting a cup taller than its screen */ /* Trimmed with the phone size */ .elementor-347 .elementor-element.elementor-element-yfpsim1 { position: static; width: auto; margin: 6px auto 40px; right: auto; top: auto; bottom: auto } .elementor-347 .elementor-element.elementor-element-yfpsim1 .yf-phero-img { max-width: min(41vw, 340px); max-height: min(53vh, 462px); margin: 0 auto } } @media(max-width:767px){ /* Reduced 2026-08: 72vw tilted to 82vw; shrinking pulls the ink up, so the top margin buys the nav gap back */ .elementor-347 .elementor-element.elementor-element-yfpsim1 { position: static; width: auto; margin: 8px auto 36px; right: auto; top: auto; bottom: auto } .elementor-347 .elementor-element.elementor-element-yfpsim1 .yf-phero-img { max-width: min(64vw, 268px); max-height: min(45vh, 352px); margin: 0 auto } } /* Flavour fruit anchored to the cup's box; width only, the factor carries sqrt(aspect); right, not left */ .elementor-347 .elementor-element.elementor-element-yfpsim1 .yf-phero-wrap { position: relative; display: inline-block; line-height: 0 } .elementor-347 .elementor-element.elementor-element-yfpsim1 .yf-fruit-wrap { position: absolute; right: calc(var(--yf-r, 68) * 1%); bottom: calc(var(--yf-b, 3) * 1%); z-index: 2; pointer-events: none; width: calc(36% * var(--yf-k, 1)) } .elementor-347 .elementor-element.elementor-element-yfpsim1 .yf-fruit { width: 100%; height: auto; display: block } @media(min-width:768px) and (max-width:1199px){ .elementor-347 .elementor-element.elementor-element-yfpsim1 { text-align: center } } @media(max-width:767px){ .elementor-347 .elementor-element.elementor-element-yfpsim1 { text-align: center } }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-yfpst01 *//* 564px is all the room beside the cup; cap so long names wrap */ .elementor-347 .elementor-element.elementor-element-yfpst01 .elementor-heading-title { max-width: 560px }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-yfpsbn1 */.elementor-347 .elementor-element.elementor-element-yfpsbn1 .yf-pben { display: grid; grid-template-rows: auto auto; justify-items: start } .elementor-347 .elementor-element.elementor-element-yfpsbn1 .yf-pben-row { grid-row: 1; display: flex; flex-wrap: wrap; gap: 16px; margin: 0 0 27px } /* Tags, not controls: no pointer, no states, nothing focusable. */ .elementor-347 .elementor-element.elementor-element-yfpsbn1 .yf-pben-tag { display: inline-flex; align-items: center; justify-content: center; min-width: 131px; height: 33px; padding: 0 14px; border: 1px solid #FAF8F5; border-radius: 50px; color: #FAF8F5; font-family: 'Helvetica Neue', sans-serif; font-weight: 500; font-size: 18px; line-height: 1em; letter-spacing: -.03em } .elementor-347 .elementor-element.elementor-element-yfpsbn1 .yf-pben-copy { grid-row: 2; max-width: 499px; margin: 0; color: #FAF8F5; font-family: 'Helvetica Neue', sans-serif; font-weight: 700; font-size: 16px; line-height: 1.3em; letter-spacing: -.02em } @media(min-width:768px) and (max-width:1199px){ .elementor-347 .elementor-element.elementor-element-yfpsbn1 .yf-pben { justify-items: center } .elementor-347 .elementor-element.elementor-element-yfpsbn1 .yf-pben-row { justify-content: center; margin-bottom: 34px } .elementor-347 .elementor-element.elementor-element-yfpsbn1 .yf-pben-copy { max-width: 470px; text-align: center } } @media(max-width:767px){ .elementor-347 .elementor-element.elementor-element-yfpsbn1 .yf-pben { justify-items: center } .elementor-347 .elementor-element.elementor-element-yfpsbn1 .yf-pben-row { justify-content: center; margin-bottom: 30px } .elementor-347 .elementor-element.elementor-element-yfpsbn1 .yf-pben-tag { min-width: 123px; height: 31px; font-size: 16px } .elementor-347 .elementor-element.elementor-element-yfpsbn1 .yf-pben-copy { max-width: 307px; text-align: center; line-height: 1.1875em } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-yfpsbt1 *//* Mobile inner is display:block, so centre the fixed-width box by margin */ @media(max-width:767px){ .elementor-347 .elementor-element.elementor-element-yfpsbt1 { margin-left: auto; margin-right: auto } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-yfpshr0 *//* Centre the text block on the photo so a second title line grows both ways */ /* 172/86 keeps the centre line for one-line names and 86px under the button for five-word ones */ .elementor-347 .elementor-element.elementor-element-yfpshr0 > .e-con-inner { position: relative; display: flex; flex-direction: column; justify-content: center; padding: 172px 0 86px 102px } /* Tablet stacks like mobile: side by side breaks below ~1018px (Watermelon is 464px) */ @media(min-width:768px) and (max-width:1199px){ .elementor-347 .elementor-element.elementor-element-yfpshr0 > .e-con-inner { align-items: center; justify-content: flex-start; padding: 96px 5% 56px; text-align: center } } @media(max-width:767px){ .elementor-347 .elementor-element.elementor-element-yfpshr0 > .e-con-inner { display: block; padding: 71px 16px 53px; text-align: center } } /* Back to Menu: sits above the hero, returns to this product's tab */ .elementor-347 .elementor-element.elementor-element-yfpshr0 .yf-back { display: inline-flex; align-items: center; gap: 6px; padding: 8px 18px 8px 12px; border: 1px solid currentColor; border-radius: 60px; color: #FFFDF8; text-decoration: none; font-size: 16px; line-height: 1; transition: background-color .3s ease, color .3s ease, border-color .3s ease; align-self: flex-start } .elementor-347 .elementor-element.elementor-element-yfpshr0 .yf-back-ico { width: 18px; height: 18px; flex: 0 0 18px } @media(hover:hover){ .elementor-347 .elementor-element.elementor-element-yfpshr0 .yf-back:hover { background: #FFFDF8; color: #004462; border-color: #FFFDF8 } } @media(max-width:767px){ .elementor-347 .elementor-element.elementor-element-yfpshr0 .yf-back { font-size: 14px; padding: 7px 14px 7px 9px } } /* Back to Menu out of flow on desktop; the top padding takes back the 88px it occupied */ @media(min-width:1200px){ .elementor-347 .elementor-element.elementor-element-yfpshr0 > .e-con-inner { padding-top: 260px } .elementor-347 .elementor-element.elementor-element-yfpshr0 .elementor-element-yfpsbk1 { position: absolute; top: 196px; left: 102px; margin: 0 } }/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-yfpstb1 *//* --- tab strip: 272x45 pill, centred, 68px above the panel --- */ .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-ptabs-row { display: flex; width: 272px; margin: 0 auto 68px; background: #E5F7FC; border-radius: 10px; overflow: hidden } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-ptab { flex: 1 1 0; height: 45px; border: 0; cursor: pointer; background: none; color: #00658A; font-family: 'Helvetica Neue', sans-serif; font-weight: 500; font-size: 18px; line-height: 1em; letter-spacing: -.03em; transition: background-color .4s ease, color .4s ease } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-ptab[aria-selected="true"] { background: #0076A5; color: #FAF8F5 } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-ptab:focus-visible { outline: 2px solid #0076A5; outline-offset: -2px } .elementor-347 .elementor-element.elementor-element-yfpstb1 [role="tabpanel"][hidden] { display: none } .elementor-347 .elementor-element.elementor-element-yfpstb1 [role="tabpanel"]:focus-visible { outline: 2px solid #0076A5; outline-offset: 6px } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap } /* Product Information heading stands in for the tab strip; tracks the Kit Section Title global */ .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-ptabs-title { margin: 0 0 68px; text-align: center; color: #004462; font-family: var(--e-global-typography-ysect01-font-family), 'Helvetica Neue', sans-serif; font-weight: var(--e-global-typography-ysect01-font-weight); font-size: var(--e-global-typography-ysect01-font-size); line-height: var(--e-global-typography-ysect01-line-height); letter-spacing: var(--e-global-typography-ysect01-letter-spacing) } /* No photo exists for the calorie figure, so the number fills the circle instead */ .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-ping-fig.is-cal { display: grid; place-items: center; background: #DCF3FB; color: #0076A5 } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-ping-cal { font-family: var(--e-global-typography-ysect01-font-family), 'Helvetica Neue', sans-serif; font-weight: 400; font-size: 54px; line-height: 1; letter-spacing: -.04em } /* --- Ingredients: full card width, so the three columns centre on 312/720/1128 --- */ .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-ping { display: grid; grid-template-columns: repeat(var(--yf-cols, 3), 1fr); gap: 0 24px; margin: 0 -79px; text-align: center } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-ping-fig { width: 180px; height: 180px; border-radius: 50%; margin: 0 auto 42px; display: block; object-fit: cover } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-ping-fig.is-empty { background: #D9D9D9 } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-ping-name { margin: 0 0 21px; color: #004462; font-family: 'Helvetica Neue', sans-serif; font-weight: 400; font-size: 36px; line-height: 1.1389em; letter-spacing: -.06em } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-ping-copy { max-width: 265px; margin: 0 auto; color: #101213; font-family: 'Helvetica Neue', sans-serif; font-weight: 400; font-size: 16px; line-height: 1.2813em; letter-spacing: -.02em } /* Nutrition: rails 328 and 636 wide, 78 apart; every rule is #0076A5; the panel hangs 31px above the strip gap */ .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut { display: grid; grid-template-columns: 328px 1fr; gap: 0 78px; align-items: start; margin: -31px 0 -25px } /* The unit sits 13px below the number's line box, and the first rule cuts 9px into it */ .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-cal { display: flex; align-items: flex-start; gap: 16px; margin: 0 0 -9px; color: #0076A5 } /* Our Chalet webfont sits 10px lower than Figma's; nudge the digits up, layout untouched */ .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-num { position: relative; top: -10px; font-family: 'Chalet New York 1960', 'Helvetica Neue', sans-serif; font-weight: 400; font-size: 100px; line-height: 1.2em; letter-spacing: -.04em } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-unit { margin-top: 13px; white-space: nowrap; font-family: 'Helvetica Neue', sans-serif; font-weight: 400; font-size: 36px; line-height: .9167em; letter-spacing: -.06em } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-table { width: 100%; margin: 0; border-collapse: collapse; color: #101213 } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-table, .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-table th, .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-table td { border: 0; background: none } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-table th { text-align: left; font-family: 'Helvetica Neue', sans-serif; font-weight: 500; font-size: 18px; line-height: 1em; letter-spacing: -.03em; padding: 15px 0 13px } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-table td { text-align: right; white-space: nowrap; font-family: 'Helvetica Neue', sans-serif; font-weight: 700; font-size: 16px; line-height: 1.125em; letter-spacing: -.02em; padding: 15px 0 13px } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-table tr.is-top th, .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-table tr.is-rule th, .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-table tr.is-top td, .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-table tr.is-rule td { border-top: 1px solid #0076A5 } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-table tr:last-child th, .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-table tr:last-child td { border-bottom: 1px solid #0076A5 } /* Indented sub-rows carry no rule of their own */ .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-table tr.is-sub th { padding: 0 0 5px 39px; font-weight: 400; font-size: 16px; line-height: 1.25em } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-table tr.is-sub td { padding: 0 0 5px; font-weight: 400; font-size: 16px; line-height: 1.25em } /* A ruled row that hands its space to sub-rows keeps only a hairline below itself */ .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-table tr:not(.is-sub):has(+ tr.is-sub) th, .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-table tr:not(.is-sub):has(+ tr.is-sub) td { padding-bottom: 7px } /* The last sub-row carries the space down to the next rule */ .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-table tr.is-sub:has(+ tr.is-rule) th, .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-table tr.is-sub:has(+ tr.is-rule) td, .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-table tr.is-sub:last-child th, .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-table tr.is-sub:last-child td { padding-bottom: 14px } /* Vitamins: five equal cells, centred, split by 99px hairlines */ .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-micro { list-style: none; margin: 13px 0 0; padding: 0; display: grid; grid-template-columns: repeat(5, 1fr); color: #101213; text-align: center } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-micro li { padding: 10px 6px 19px; border-left: 1px solid #0076A5 } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-micro li:first-child { border-left: 0 } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-ml { display: block; font-family: 'Helvetica Neue', sans-serif; font-weight: 400; font-size: 18px; line-height: 1em; letter-spacing: -.03em; margin-bottom: 16px } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-mu { display: block } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-mv { display: block; font-family: 'Helvetica Neue', sans-serif; font-weight: 700; font-size: 18px; line-height: 1em; letter-spacing: -.03em } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-note { margin: 16px 0 0; padding-top: 17px; border-top: 1px solid #0076A5; color: #101213; font-family: 'Helvetica Neue', sans-serif; font-weight: 400; font-size: 16px; line-height: 1.3em; letter-spacing: -.02em } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-list { margin: 26px 0 0; color: #101213; font-family: 'Helvetica Neue', sans-serif; font-weight: 400; font-size: 16px; line-height: 1.25em; letter-spacing: -.02em } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-list b { display: block; margin-bottom: 8px; font-weight: 500; font-size: 18px; line-height: 1em; letter-spacing: -.03em } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-chips { display: flex; gap: 24px; margin-top: 42px } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-chip { flex: 1 1 0; background: #DCF3FB; border-radius: 10px; padding: 10px 17px 11px; color: #101213; font-family: 'Helvetica Neue', sans-serif; font-weight: 400; font-size: 16px; line-height: 1.25em; letter-spacing: -.02em } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-chip b { font-weight: 500; font-size: 18px; letter-spacing: -.03em } @media(max-width:1199px){ .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut { grid-template-columns: 1fr; gap: 0; margin-top: -25px } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-cal { gap: 12px; margin-bottom: -7px } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-num { top: -8px; font-size: 80px; line-height: 1.2em } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-unit { margin-top: 10px; font-size: 28px; line-height: 1em; letter-spacing: -.06em } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-micro { margin-top: 11px } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-micro li { padding: 10px 4px 19px } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-ml, .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-mv { font-size: 16px; line-height: 1.0625em } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-ml { margin-bottom: 14px } } @media(min-width:768px) and (max-width:1199px){ .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-ptabs-title { margin-bottom: 44px } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-ping-cal { font-size: 38px } /* Ingredients as rows - three columns read cramped inside the 90% card */ .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-ping { grid-template-columns: 1fr; gap: 40px 0; margin: 0 } /* 1fr spacer rows centre the text on the circle */ .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-ping-col { display: grid; grid-template-columns: 120px 1fr; column-gap: 30px; grid-template-rows: 1fr auto auto 1fr; align-items: start; text-align: left } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-ping-fig { grid-row: 1 / -1; grid-column: 1; align-self: center; justify-self: center; width: 120px; height: 120px; margin: 0 } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-ping-name { grid-column: 2; grid-row: 2; font-size: 26px; line-height: 1.15em; margin: 0 0 6px } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-ping-copy { grid-column: 2; grid-row: 3; max-width: 400px; margin: 0 } /* Nutrition rails stack - the five vitamin cells get the full card width */ .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-b { margin-top: 36px } } @media(max-width:767px){ .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-ptabs-row { width: 214px; margin-bottom: 57px } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-ptab { height: 35px; font-size: 16px } /* 32px, not the global's 38px - matches 'Other Categories' on this same page */ .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-ptabs-title { margin-bottom: 40px; font-size: 32px } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-ping-cal { font-size: 36px } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-ping { grid-template-columns: 1fr; gap: 62px 0; margin: 0 } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-ping-fig { width: 118px; height: 118px; margin-bottom: 25px } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-ping-name { font-size: 30px; line-height: 1em; letter-spacing: -.06em; margin-bottom: 15px } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-ping-copy { max-width: 325px } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut { grid-template-columns: 1fr; gap: 0; margin: -32px 0 0 } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-cal { justify-content: flex-start; gap: 12px; margin-bottom: 8px } /* the rail breathes more here than on desktop */ .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-table tr:not(.is-sub):has(+ tr.is-sub) th, .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-table tr:not(.is-sub):has(+ tr.is-sub) td { padding-bottom: 16px } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-table tr.is-sub:has(+ tr.is-rule) th, .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-table tr.is-sub:has(+ tr.is-rule) td, .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-table tr.is-sub:last-child th, .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-table tr.is-sub:last-child td { padding-bottom: 19px } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-num { top: -8px; font-size: 80px; line-height: 1.2em } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-unit { margin-top: 10px; font-size: 28px; line-height: 1em; letter-spacing: -.06em } /* Stacked rows with no dividers at all, label and amount on one line */ .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-micro { grid-template-columns: 1fr; margin-top: 9px; text-align: left } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-micro li { display: flex; justify-content: space-between; align-items: baseline; padding: 4px 0 5px; border: 0 } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-ml { margin-bottom: 0 } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-mu { display: inline; margin-left: .3em } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-note { margin-top: 16px; padding-top: 10px } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-list { margin-top: 37px } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-pnut-chips { flex-direction: column; gap: 12px; margin-top: 17px } } /* Calorie size switch: outlined pill, the dark thumb slides to the chosen size */ .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-ping-cal { display: inline-block } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-cal-sizes { position: relative; display: grid; grid-template-columns: repeat(var(--yf-n, 1), minmax(0, 1fr)); width: 272px; max-width: 100%; margin: 0 auto; padding: 3px; box-sizing: border-box; border: 1.5px solid #004462; border-radius: 999px } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-cal-sizes::before { content: ""; position: absolute; top: 3px; bottom: 3px; left: 3px; width: calc((100% - 6px) / var(--yf-n, 1)); border-radius: 999px; background: #004462; transform: translateX(calc(100% * var(--yf-i, 0))); transition: transform .45s cubic-bezier(.34, 1.25, .64, 1); will-change: transform } /* own layer: WebKit births it mid-move and snaps */ .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-cal-sizes .yf-cal-size { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center; height: 40px; margin: 0; padding: 0 10px; border: 0; border-radius: 999px; background: none; color: #004462; font-family: 'Helvetica Neue', sans-serif; font-weight: 500; font-size: 16px; line-height: 1em; letter-spacing: -.02em; white-space: nowrap; cursor: pointer; transition: color .3s ease; -webkit-tap-highlight-color: transparent } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-cal-sizes .yf-cal-size:hover, .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-cal-sizes .yf-cal-size:focus { background: none; color: #004462 } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-cal-sizes .yf-cal-size[aria-checked="true"], .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-cal-sizes .yf-cal-size.is-on { color: #FAF8F5 } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-cal-sizes .yf-cal-size:focus { outline: none } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-cal-sizes .yf-cal-size:focus-visible { outline: 2px solid #0076A5; outline-offset: 3px; transition: none } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-cal-sizes.is-single { width: fit-content } .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-cal-sizes.is-single .yf-cal-size { padding: 0 26px; cursor: default } @media (prefers-reduced-motion: reduce) { .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-cal-sizes::before { transition: none } } @media(min-width:768px) and (max-width:1199px){ .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-cal-sizes { grid-column: 2; grid-row: 3; justify-self: start; margin: 10px 0 0 } } /* The pill reads heavier than copy; margins collapse with the heading here, so this is the whole gap */ @media(max-width:767px){ .elementor-347 .elementor-element.elementor-element-yfpstb1 .yf-cal-sizes { margin-top: 22px } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-yfpscd0 */.elementor-347 .elementor-element.elementor-element-yfpscd0 { max-width: 1200px; margin: 0 auto } @media(max-width:1199px){ .elementor-347 .elementor-element.elementor-element-yfpscd0 { max-width: 90% } } @media(max-width:767px){ .elementor-347 .elementor-element.elementor-element-yfpscd0 { max-width: calc(100% - 32px) } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-yfpscw0 *//* Untransformed stand-in the parked card borrows as its scroll trigger */ .elementor-347 .elementor-element.elementor-element-yfpscw0 { position: relative }/* End custom CSS */ /* Start custom CSS for heading, class: .elementor-element-yfpsch1 *//* Figma sets the heading box 8px right of the card column */ .elementor-347 .elementor-element.elementor-element-yfpsch1 .elementor-heading-title { margin-left: 8px } @media(max-width:767px){ .elementor-347 .elementor-element.elementor-element-yfpsch1 .elementor-heading-title { margin-left: 0 } }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-yfpcp01 */.elementor-347 .elementor-element.elementor-element-yfpcp01 p { margin: 0 }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-yfpcp02 */.elementor-347 .elementor-element.elementor-element-yfpcp02 p { margin: 0 }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-yfpcp03 */.elementor-347 .elementor-element.elementor-element-yfpcp03 p { margin: 0 }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-yfpcp04 */.elementor-347 .elementor-element.elementor-element-yfpcp04 p { margin: 0 }/* End custom CSS */ /* Start custom CSS for text-editor, class: .elementor-element-yfpcp05 */.elementor-347 .elementor-element.elementor-element-yfpcp05 p { margin: 0 }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-yfpsgr0 *//* Five category cards on one endless rail: 4/2/1 in view; the JS translates and re-hangs */ .elementor-347 .elementor-element.elementor-element-yfpsgr0 { display: flex; flex-wrap: nowrap; gap: 24px; will-change: transform } .elementor-347 .elementor-element.elementor-element-yfpsgr0 > .e-con { flex: 0 0 calc((100% - 72px) / 4) } @media(min-width:768px) and (max-width:1199px){ .elementor-347 .elementor-element.elementor-element-yfpsgr0 { gap: 20px } /* desktop-scale cards instead of half the container - the wrapper caps at 644px */ .elementor-347 .elementor-element.elementor-element-yfpsgr0 > .e-con { flex: 0 0 calc((100% - 20px) / 2) } } @media(max-width:767px){ /* Transform track, not a scroll container: overflow-x:auto clipped the shadow and scroll-snap fought the entrance */ /* Full-bleed: the negative margin cancels the 5% gutter so the 33px inset is from the viewport */ .elementor-347 .elementor-element.elementor-element-yfpsgr0 { gap: 48px; width: 100vw; margin: 0 -5vw; padding: 0 33px; overflow: visible } /* pan-y keeps vertical scrolling native while a horizontal drag moves the track */ .elementor-347 .elementor-element.elementor-element-yfpsgr0 { touch-action: pan-y; cursor: grab; user-select: none; -webkit-user-select: none } .elementor-347 .elementor-element.elementor-element-yfpsgr0.yf-dragging { cursor: grabbing } /* Card inset 33px; a 48px gap parks the neighbour off-screen with 15px to spare */ .elementor-347 .elementor-element.elementor-element-yfpsgr0 > .e-con { flex: 0 0 calc(100vw - 66px) } /* The card is dragged, so its picture must not be picked up as a native drag image */ .elementor-347 .elementor-element.elementor-element-yfpsgr0 img { -webkit-user-drag: none; user-drag: none } } /* Product category cards - one copy for all */ .elementor-347 .elementor-element.elementor-element-yfpsgr0 > .e-con { position: relative; overflow: hidden } /* Same art band as the Menu page product cards */ .elementor-347 .elementor-element.elementor-element-yfpsgr0 > .e-con .yf-pcat-art { position: relative; aspect-ratio: 282 / 247; overflow: hidden; background: #FCF6EA } /* The image widget collapses to 0 height; hand the band the containing block */ .elementor-347 .elementor-element.elementor-element-yfpsgr0 > .e-con .yf-pcat-art .elementor-widget { position: static } /* Old composition reproduced: width-sized, tall vessels overflow the band, plus the 4deg lean */ /* 13.3% + 73.4/2 = 50, so the picture is centred on the card */ .elementor-347 .elementor-element.elementor-element-yfpsgr0 > .e-con .yf-pcat-art img { position: absolute; width: 73.4%; height: auto; left: 13.3%; top: 12.1%; transform: rotate(-4deg) } /* Type and spacing live on the widgets now - a rule here would outrank them */ /* Keyboard only: :has(:focus-visible) on the card; :focus-within behind @supports as the fallback */ .elementor-347 .elementor-element.elementor-element-yfpsgr0 > .e-con:has(:focus-visible) { outline: 2px solid #0076A5; outline-offset: 3px } @supports not .elementor-347 .elementor-element.elementor-element-yfpsgr0(:has(*)) { .elementor-347 .elementor-element.elementor-element-yfpsgr0 > .e-con:focus-within { outline: 2px solid #0076A5; outline-offset: 3px } } /* The stretched link takes focus; the card ring is its indicator, no UA ring on the heading */ .elementor-347 .elementor-element.elementor-element-yfpsgr0 > .e-con .yf-pcat-name a:focus, .elementor-347 .elementor-element.elementor-element-yfpsgr0 > .e-con .yf-pcat-name a:focus-visible { outline: none } /* The card must be the containing block or only the heading is clickable */ .elementor-347 .elementor-element.elementor-element-yfpsgr0 > .e-con .yf-pcat-body, .elementor-347 .elementor-element.elementor-element-yfpsgr0 > .e-con .yf-pcat-name { position: static } /* One link per card, stretched over the whole box */ .elementor-347 .elementor-element.elementor-element-yfpsgr0 > .e-con .yf-pcat-name a { color: inherit; text-decoration: none } .elementor-347 .elementor-element.elementor-element-yfpsgr0 > .e-con .yf-pcat-name a::after { content: ''; position: absolute; inset: 0; z-index: 2 } /* Pivot between ink mass and axis (froyo 54%, drink 48%), or the cup swings sideways; keyed on the file prefix */ .elementor-347 .elementor-element.elementor-element-yfpsgr0 img[src*="yf-flavur-"], .elementor-347 .elementor-element.elementor-element-yfpsgr0 img[src*="yf-u-sensation-"], .elementor-347 .elementor-element.elementor-element-yfpsgr0 img[src*="yf-greek-froyo"] { transform-origin: 50% 54% } .elementor-347 .elementor-element.elementor-element-yfpsgr0 img[src*="fruz-tea-"], .elementor-347 .elementor-element.elementor-element-yfpsgr0 img[src*="yf-smoothie-"] { transform-origin: 50% 48% }/* End custom CSS */ /* Start custom CSS for html, class: .elementor-element-yfpsar1 *//* One pair of arrows drives the rail at every width now */ .elementor-347 .elementor-element.elementor-element-yfpsar1 { display: block; position: static } .elementor-347 .elementor-element.elementor-element-yfpsar1 .yf-pcat-arrow { position: absolute; top: calc(50% - 19px); z-index: 3; width: 38px; height: 38px; padding: 0; border: 0; border-radius: 50%; background: #F28CB4; cursor: pointer; display: grid; place-items: center } .elementor-347 .elementor-element.elementor-element-yfpsar1 .yf-pcat-arrow img { width: 18px; height: auto; display: block } .elementor-347 .elementor-element.elementor-element-yfpsar1 .yf-pcat-arrow[disabled] { opacity: .35; cursor: default } .elementor-347 .elementor-element.elementor-element-yfpsar1 .yf-pcat-arrow:focus-visible { outline: 2px solid #0076A5; outline-offset: 3px } /* Desktop/tablet: flush to the clip edge, in the shadow grace outside the cards */ @media(min-width:768px){ /* 8px in from the clip edge so the focus ring is not sliced */ /* Half over the end cards, like every other slider */ .elementor-347 .elementor-element.elementor-element-yfpsar1 .yf-pcat-arrow.is-prev { left: max(8px, calc(var(--grace) - var(--navout))) } .elementor-347 .elementor-element.elementor-element-yfpsar1 .yf-pcat-arrow.is-next { right: max(8px, calc(var(--grace) - var(--navout))) } } @media(max-width:767px){ /* Centred on the card; the wrapper is exactly card height */ .elementor-347 .elementor-element.elementor-element-yfpsar1 .yf-pcat-arrow { top: calc(50% - 19px) } /* Card edge sits 33px from the viewport; this widget's containing block starts at the 5% gutter */ .elementor-347 .elementor-element.elementor-element-yfpsar1 .yf-pcat-arrow.is-prev { left: calc(14px - 5vw) } .elementor-347 .elementor-element.elementor-element-yfpsar1 .yf-pcat-arrow.is-next { right: calc(14px - 5vw) } } /* 44px+ hit area; layout untouched */ .elementor-347 .elementor-element.elementor-element-yfpsar1 .yf-pcat-arrow::before { content: ""; position: absolute; inset: -4px }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-yfpsrw0 */.elementor-347 .elementor-element.elementor-element-yfpsrw0 { position: relative } @media(min-width:768px){ /* Arrow discs stand half over the end card, half in the shadow grace */ .elementor-347 .elementor-element.elementor-element-yfpsrw0 { --navout: 21px } /* Clip = band + grace so cards keep full width; room measured off the viewport (604 = half band + 4), floored at 29px; clip, not hidden, for the hover lift */ body:not(.rtl) .elementor-347 .elementor-element.elementor-element-yfpsrw0 { --grace: clamp(29px, calc(50vw - 604px), 56px); overflow-x: clip; overflow-y: visible; max-width: calc(1200px + 2 * var(--grace)); padding-left: var(--grace); padding-right: var(--grace) } } @media(min-width:768px) and (max-width:1199px){ /* Two desktop-scale cards centred: 620px band; 88vw leaves scrollbar room */ body:not(.rtl) .elementor-347 .elementor-element.elementor-element-yfpsrw0 { --grace: clamp(0px, calc((88vw - 620px) / 2), 40px); width: min(100%, calc(620px + 2 * var(--grace))); max-width: calc(620px + 2 * var(--grace)) } }/* End custom CSS */ /* Start custom CSS for image, class: .elementor-element-yfpsbi1 *//* Decorative strip; specificity must beat .elementor.elementor .e-con > .elementor-widget { max-width:100% } */ body .elementor-347 .elementor-element.elementor-element-yfpsbi1.elementor-widget { pointer-events: none; max-width: none } body .elementor-347 .elementor-element.elementor-element-yfpsbi1.elementor-widget img { width: 100%; max-width: none; display: block } /* Bottom pinned and pushed under the footer; the slack runs off the top under a fade; transform because Elementor clamps negative offsets */ body .elementor-347 .elementor-element.elementor-element-yfpsbi1.elementor-widget { transform: translateY(22px) } body .elementor-347 .elementor-element.elementor-element-yfpsbi1.elementor-widget img { /* Fade measured from the pinned bottom; both stops carry the 22px push */ -webkit-mask-image: linear-gradient(to top, #000 222px, transparent 342px); mask-image: linear-gradient(to top, #000 222px, transparent 342px) } @media(max-width:1199px){ body .elementor-347 .elementor-element.elementor-element-yfpsbi1.elementor-widget { transform: translateY(17px) } body .elementor-347 .elementor-element.elementor-element-yfpsbi1.elementor-widget img { -webkit-mask-image: linear-gradient(to top, #000 167px, transparent 259px); mask-image: linear-gradient(to top, #000 167px, transparent 259px) } } /* Phones: the strip keeps its 1161px drawing size and centres, so the U's stay full size */ @media(max-width:767px){ body .elementor-347 .elementor-element.elementor-element-yfpsbi1.elementor-widget { width: 1161px; left: 50%; margin-left: -580px; transform: translateY(13px) } body .elementor-347 .elementor-element.elementor-element-yfpsbi1.elementor-widget img { -webkit-mask-image: linear-gradient(to top, #000 133px, transparent 211px); mask-image: linear-gradient(to top, #000 133px, transparent 211px) } }/* End custom CSS */ /* Start custom CSS for button, class: .elementor-element-yfpscta *//* Above the strip: the strip is positioned, this is not */ body .elementor-347 .elementor-element.elementor-element-yfpscta.elementor-widget { position: relative }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-yfpsbd0 *//* The strip bleeds past the viewport on both sides and tucks under the footer */ .elementor-347 .elementor-element.elementor-element-yfpsbd0 { overflow: hidden } @supports (overflow: clip) { .elementor-347 .elementor-element.elementor-element-yfpsbd0 { overflow: clip } } /* Escape the section's side padding so the strip reaches the edges */ @media(max-width:1199px){ body .elementor-347 .elementor-element.elementor-element-yfpsbd0.e-con { width: calc(100% + 80px); margin-inline: -40px } } @media(max-width:767px){ body .elementor-347 .elementor-element.elementor-element-yfpsbd0.e-con { width: calc(100% + 32px); margin-inline: -16px } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-yfpsct0 *//* boxed content, full-width band */ .elementor-347 .elementor-element.elementor-element-yfpsct0 > .e-con-inner, .elementor-347 .elementor-element.elementor-element-yfpsct0 > .elementor-widget, .elementor-347 .elementor-element.elementor-element-yfpsct0 > .e-con { max-width: 1200px; margin-left: auto; margin-right: auto; width: 100% } body .elementor-347 .elementor-element.elementor-element-yfpsct0 .elementor-element-yfpsbd0 { max-width: none } @media(max-width:1199px){ .elementor-347 .elementor-element.elementor-element-yfpsct0 > .e-con, .elementor-347 .elementor-element.elementor-element-yfpsct0 > .elementor-widget { max-width: 100% } /* heading tracks the 620px card grid; auto margins come from the base rule */ .elementor-347 .elementor-element.elementor-element-yfpsct0 > .elementor-widget-heading { max-width: 620px } }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-yfps000 *//* Blue blob: 2549x1302 ellipse under a 461px blur; the 1200px vertical radius carries the dark end down the hero */ .elementor-347 .elementor-element.elementor-element-yfps000 { background: radial-gradient(2150px 1200px at 50.94% 307px, #0076A5 0%, #0076A5 22%, #0277A6 26%, #0579A7 30%, #077AA8 34%, #1080AB 38%, #1D86B0 42%, #2E90B7 46%, #3C97BC 50%, #4EA1C3 54%, #66AFCC 58%, #7ABBD5 62%, #8EC5DB 66%, #9DCEE2 70%, #AFD9E9 75%, #BEE1EF 80%, #CAE8F3 85%, #D2EDF7 90%, #D7F0F9 95%, #DCF3FB 100%) #DCF3FB } @media(max-width:1199px){ .elementor-347 .elementor-element.elementor-element-yfps000 { background: radial-gradient(2150px 1200px at 58% 350px, #0076A5 0%, #0076A5 22%, #0277A6 26%, #0579A7 30%, #077AA8 34%, #1080AB 38%, #1D86B0 42%, #2E90B7 46%, #3C97BC 50%, #4EA1C3 54%, #66AFCC 58%, #7ABBD5 62%, #8EC5DB 66%, #9DCEE2 70%, #AFD9E9 75%, #BEE1EF 80%, #CAE8F3 85%, #D2EDF7 90%, #D7F0F9 95%, #DCF3FB 100%) #DCF3FB } } @media(max-width:767px){ .elementor-347 .elementor-element.elementor-element-yfps000 { background: radial-gradient(2150px 1200px at 65.9% 404px, #0076A5 0%, #0076A5 22%, #0277A6 26%, #0579A7 30%, #077AA8 34%, #1080AB 38%, #1D86B0 42%, #2E90B7 46%, #3C97BC 50%, #4EA1C3 54%, #66AFCC 58%, #7ABBD5 62%, #8EC5DB 66%, #9DCEE2 70%, #AFD9E9 75%, #BEE1EF 80%, #CAE8F3 85%, #D2EDF7 90%, #D7F0F9 95%, #DCF3FB 100%) #DCF3FB } }/* End custom CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Chalet London 1960'; font-style: normal; font-weight: 400; font-display: swap; src: url('https://yogenfruz.com/wp-content/uploads/yf-fonts/chalet-london-1960.woff2') format('woff2'); } /* End Custom Fonts CSS */ /* Start Custom Fonts CSS */@font-face { font-family: 'Chalet New York 1960'; font-style: normal; font-weight: 400; font-display: swap; src: url('https://yogenfruz.com/wp-content/uploads/yf-fonts/chalet-newyork-1960.woff2?v=2') format('woff2'); } /* End Custom Fonts CSS */