.elementor-234839 .elementor-element.elementor-element-f4473d3{margin-top:0px;margin-bottom:0px;padding:0px 0px 0px 0px;}.elementor-234839 .elementor-element.elementor-element-4210366 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-234839 .elementor-element.elementor-element-04ff901 > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-234839 .elementor-element.elementor-element-4f41c1f > .elementor-element-populated{margin:0px 0px 0px 0px;--e-column-margin-right:0px;--e-column-margin-left:0px;padding:0px 0px 0px 0px;}.elementor-234839 .elementor-element.elementor-element-7202068{--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-234839 .elementor-element.elementor-element-23b0cd5{--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-234839 .elementor-element.elementor-element-d5be812{--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-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-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-234839 .elementor-element.elementor-element-84c4c50 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-234839 .elementor-element.elementor-element-dd3ec96{--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-234839 .elementor-element.elementor-element-b15814a{--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-234839 .elementor-element.elementor-element-4a7b117{--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-234839 .elementor-element.elementor-element-494505b{--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-234839 .elementor-element.elementor-element-bfe62c7{--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-234839 .elementor-element.elementor-element-2136d34{--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-234839 .elementor-element.elementor-element-8cac1f8{--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-234839 .elementor-element.elementor-element-b9e4a50{--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-234839 .elementor-element.elementor-element-3d0bddd{--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-234839 .elementor-element.elementor-element-8b8b340{--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-234839 .elementor-element.elementor-element-80fe15a{--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-234839 .elementor-element.elementor-element-3dc23c4{--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-234839 .elementor-element.elementor-element-af908f0{--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;}.elementor-234839 .elementor-element.elementor-element-7a1455f{--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;}.elementor-234839 .elementor-element.elementor-element-9fcf695{--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-234839 .elementor-element.elementor-element-de3b615{--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-234839 .elementor-element.elementor-element-f79ba7e{--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-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-234839 .elementor-element.elementor-element-3b90ff1{--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-234839 .elementor-element.elementor-element-df65218{--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-234839 .elementor-element.elementor-element-3381ff9{--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-widget-image-box .elementor-image-box-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-image-box:has(:hover) .elementor-image-box-title, .elementor-widget-image-box:has(:focus) .elementor-image-box-title{color:var( --e-global-color-primary );}.elementor-widget-image-box .elementor-image-box-description{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-234839 .elementor-element.elementor-element-a4b49c8.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-234839 .elementor-element.elementor-element-a4b49c8.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-234839 .elementor-element.elementor-element-a4b49c8.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-234839 .elementor-element.elementor-element-a4b49c8 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-234839 .elementor-element.elementor-element-a4b49c8 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-234839 .elementor-element.elementor-element-309cedd.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-234839 .elementor-element.elementor-element-309cedd.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-234839 .elementor-element.elementor-element-309cedd.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-234839 .elementor-element.elementor-element-309cedd .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-234839 .elementor-element.elementor-element-309cedd .elementor-image-box-img img{transition-duration:0.3s;}.elementor-234839 .elementor-element.elementor-element-aa22711.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-234839 .elementor-element.elementor-element-aa22711.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-234839 .elementor-element.elementor-element-aa22711.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-234839 .elementor-element.elementor-element-aa22711 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-234839 .elementor-element.elementor-element-aa22711 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-234839 .elementor-element.elementor-element-e796bf8.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-234839 .elementor-element.elementor-element-e796bf8.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-234839 .elementor-element.elementor-element-e796bf8.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-234839 .elementor-element.elementor-element-e796bf8 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-234839 .elementor-element.elementor-element-e796bf8 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-234839 .elementor-element.elementor-element-84855b5.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-234839 .elementor-element.elementor-element-84855b5.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-234839 .elementor-element.elementor-element-84855b5.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-234839 .elementor-element.elementor-element-84855b5 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-234839 .elementor-element.elementor-element-84855b5 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-234839 .elementor-element.elementor-element-816e854.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-234839 .elementor-element.elementor-element-816e854.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-234839 .elementor-element.elementor-element-816e854.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-234839 .elementor-element.elementor-element-816e854 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-234839 .elementor-element.elementor-element-816e854 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-234839 .elementor-element.elementor-element-1b66dcc.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-234839 .elementor-element.elementor-element-1b66dcc.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-234839 .elementor-element.elementor-element-1b66dcc.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-234839 .elementor-element.elementor-element-1b66dcc .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-234839 .elementor-element.elementor-element-1b66dcc .elementor-image-box-img img{transition-duration:0.3s;}.elementor-234839 .elementor-element.elementor-element-1bf3432.elementor-position-right .elementor-image-box-img{margin-left:15px;}.elementor-234839 .elementor-element.elementor-element-1bf3432.elementor-position-left .elementor-image-box-img{margin-right:15px;}.elementor-234839 .elementor-element.elementor-element-1bf3432.elementor-position-top .elementor-image-box-img{margin-bottom:15px;}.elementor-234839 .elementor-element.elementor-element-1bf3432 .elementor-image-box-wrapper .elementor-image-box-img{width:30%;}.elementor-234839 .elementor-element.elementor-element-1bf3432 .elementor-image-box-img img{transition-duration:0.3s;}.elementor-234839 .elementor-element.elementor-element-a8f6bc7{--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;}.elementor-234839 .elementor-element.elementor-element-5558751{--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;}.elementor-234839 .elementor-element.elementor-element-34862f0{--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;}.elementor-234839 .elementor-element.elementor-element-26bec74{--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;}.elementor-234839 .elementor-element.elementor-element-24c7567{--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;}.elementor-234839 .elementor-element.elementor-element-764cd56{--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;}.elementor-widget-accordion .elementor-accordion-icon, .elementor-widget-accordion .elementor-accordion-title{color:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-accordion-icon svg{fill:var( --e-global-color-primary );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon, .elementor-widget-accordion .elementor-active .elementor-accordion-title{color:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-active .elementor-accordion-icon svg{fill:var( --e-global-color-accent );}.elementor-widget-accordion .elementor-accordion-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-accordion .elementor-tab-content{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-234839 .elementor-element.elementor-element-6784929{--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;}.elementor-234839 .elementor-element.elementor-element-fbe056c{--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;}.elementor-234839 .elementor-element.elementor-element-aa0e434{--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;}.elementor-234839 .elementor-element.elementor-element-ccef02a > .elementor-widget-container{margin:0% 0% 2% 0%;}.elementor-234839 .elementor-element.elementor-element-ccef02a{text-align:center;}.elementor-234839 .elementor-element.elementor-element-ccef02a .elementor-heading-title{font-size:40px;font-weight:bold;color:#FFFFFF;}.elementor-234839 .elementor-element.elementor-element-99cef7c > .elementor-widget-container{margin:0% 0% 3% 0%;}.elementor-234839 .elementor-element.elementor-element-99cef7c{text-align:center;}.elementor-234839 .elementor-element.elementor-element-99cef7c .elementor-heading-title{font-size:26px;font-weight:normal;color:#FFFFFF;}.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-234839 .elementor-element.elementor-element-a7f237e .elementor-field-group{padding-right:calc( 10px/2 );padding-left:calc( 10px/2 );margin-bottom:30px;}.elementor-234839 .elementor-element.elementor-element-a7f237e .elementor-form-fields-wrapper{margin-left:calc( -10px/2 );margin-right:calc( -10px/2 );margin-bottom:-30px;}.elementor-234839 .elementor-element.elementor-element-a7f237e .elementor-field-group.recaptcha_v3-bottomleft, .elementor-234839 .elementor-element.elementor-element-a7f237e .elementor-field-group.recaptcha_v3-bottomright{margin-bottom:0;}body.rtl .elementor-234839 .elementor-element.elementor-element-a7f237e .elementor-labels-inline .elementor-field-group > label{padding-left:0px;}body:not(.rtl) .elementor-234839 .elementor-element.elementor-element-a7f237e .elementor-labels-inline .elementor-field-group > label{padding-right:0px;}body .elementor-234839 .elementor-element.elementor-element-a7f237e .elementor-labels-above .elementor-field-group > label{padding-bottom:0px;}.elementor-234839 .elementor-element.elementor-element-a7f237e .elementor-field-group > label{font-family:"Rubik", Sans-serif;font-weight:400;line-height:8px;}.elementor-234839 .elementor-element.elementor-element-a7f237e .elementor-field-type-html{padding-bottom:4px;font-family:"Rubik", Sans-serif;font-weight:400;line-height:8px;}.elementor-234839 .elementor-element.elementor-element-a7f237e .elementor-field-group .elementor-field{color:#FFFFFF;}.elementor-234839 .elementor-element.elementor-element-a7f237e .elementor-field-group .elementor-field, .elementor-234839 .elementor-element.elementor-element-a7f237e .elementor-field-subgroup label{font-size:18px;line-height:5px;}.elementor-234839 .elementor-element.elementor-element-a7f237e .elementor-field-group .elementor-field:not(.elementor-select-wrapper){background-color:rgba(255, 255, 255, 0.5);border-color:#FFFFFF;border-width:1.5px 1.5px 1.5px 1.5px;border-radius:27px 27px 27px 27px;}.elementor-234839 .elementor-element.elementor-element-a7f237e .elementor-field-group .elementor-select-wrapper select{background-color:rgba(255, 255, 255, 0.5);border-color:#FFFFFF;border-width:1.5px 1.5px 1.5px 1.5px;border-radius:27px 27px 27px 27px;}.elementor-234839 .elementor-element.elementor-element-a7f237e .elementor-field-group .elementor-select-wrapper::before{color:#FFFFFF;}.elementor-234839 .elementor-element.elementor-element-a7f237e .elementor-button{font-size:18px;font-weight:600;border-radius:27px 27px 27px 27px;}.elementor-234839 .elementor-element.elementor-element-a7f237e .e-form__buttons__wrapper__button-next{background-color:#03DAC4;color:#000000;}.elementor-234839 .elementor-element.elementor-element-a7f237e .elementor-button[type="submit"]{background-color:#03DAC4;color:#000000;}.elementor-234839 .elementor-element.elementor-element-a7f237e .elementor-button[type="submit"] svg *{fill:#000000;}.elementor-234839 .elementor-element.elementor-element-a7f237e .e-form__buttons__wrapper__button-previous{color:#ffffff;}.elementor-234839 .elementor-element.elementor-element-a7f237e .e-form__buttons__wrapper__button-next:hover{background-color:#3F0592;color:#03DAC4;}.elementor-234839 .elementor-element.elementor-element-a7f237e .elementor-button[type="submit"]:hover{background-color:#3F0592;color:#03DAC4;}.elementor-234839 .elementor-element.elementor-element-a7f237e .elementor-button[type="submit"]:hover svg *{fill:#03DAC4;}.elementor-234839 .elementor-element.elementor-element-a7f237e .e-form__buttons__wrapper__button-previous:hover{color:#ffffff;}.elementor-234839 .elementor-element.elementor-element-a7f237e{--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;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-234839 .elementor-element.elementor-element-a4b49c8 .elementor-image-box-img{margin-bottom:15px;}.elementor-234839 .elementor-element.elementor-element-309cedd .elementor-image-box-img{margin-bottom:15px;}.elementor-234839 .elementor-element.elementor-element-aa22711 .elementor-image-box-img{margin-bottom:15px;}.elementor-234839 .elementor-element.elementor-element-e796bf8 .elementor-image-box-img{margin-bottom:15px;}.elementor-234839 .elementor-element.elementor-element-84855b5 .elementor-image-box-img{margin-bottom:15px;}.elementor-234839 .elementor-element.elementor-element-816e854 .elementor-image-box-img{margin-bottom:15px;}.elementor-234839 .elementor-element.elementor-element-1b66dcc .elementor-image-box-img{margin-bottom:15px;}.elementor-234839 .elementor-element.elementor-element-1bf3432 .elementor-image-box-img{margin-bottom:15px;}.elementor-234839 .elementor-element.elementor-element-ccef02a .elementor-heading-title{font-size:30px;}.elementor-234839 .elementor-element.elementor-element-99cef7c .elementor-heading-title{font-size:26px;}.elementor-234839 .elementor-element.elementor-element-a7f237e > .elementor-widget-container{margin:0% 0% 0% 0%;}.elementor-234839 .elementor-element.elementor-element-a7f237e .elementor-button{font-size:18px;line-height:2.3em;}}/* Start custom CSS for section, class: .elementor-element-f4473d3 */.elementor-234839 .elementor-element.elementor-element-f4473d3{ width: 100%; height: 0; }/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-7202068 *//* YouHoo hero 2026 · the lock screen filling up. Scoped to #yh-hero */ #yh-hero{ --h-night:#140A2E; --h-deep:#1E0B4B; --h-purple:#3F0592; --h-blue:#2D6BE4; --h-sky:#9DB8FF; --h-tq:#03DAC4; --h-ink:#F4F1FB; --h-dim:#C9BFE6; --h-ease:cubic-bezier(.16,1,.3,1); position:relative; overflow:hidden; isolation:isolate; min-height:clamp(600px,calc(100vh - 170px),780px) !important; padding:56px 0 72px !important; background:var(--h-night); font-family:Rubik,system-ui,sans-serif; color:var(--h-ink); display:flex !important; align-items:center !important; } /* Drifting glow behind everything */ #yh-hero:before,#yh-hero:after{content:"";position:absolute;z-index:-1;border-radius:50%;filter:blur(70px);pointer-events:none} #yh-hero:before{width:720px;height:720px;right:-160px;top:-260px;background:radial-gradient(circle,rgba(63,5,146,.95),rgba(63,5,146,0) 68%);animation:yhGlowA 18s ease-in-out infinite alternate} #yh-hero:after{width:620px;height:620px;left:4%;bottom:-300px;background:radial-gradient(circle,rgba(45,107,228,.55),rgba(45,107,228,0) 68%);animation:yhGlowB 22s ease-in-out infinite alternate} @keyframes yhGlowA{to{transform:translate(-120px,80px) scale(1.12)}} @keyframes yhGlowB{to{transform:translate(140px,-60px) scale(.92)}} /* Bottom edge melts into the section below */ #yh-hero > .e-con-inner{position:relative} #yh-hero-grid{width:min(1240px,calc(100% - 48px)) !important;margin:0 auto !important;display:grid !important;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding:0 !important} #yh-hero-grid > .elementor-element{width:auto !important;max-width:none !important;margin:0 !important} /* Copy */ #yh-hero-copy{display:flex !important;flex-direction:column !important;align-items:flex-start !important;gap:0 !important;padding:0 !important} #yh-hero-copy > .elementor-element{width:auto !important;margin:0 !important} #yh-hero-copy .elementor-heading-title{font-family:Rubik,system-ui,sans-serif !important;line-height:1.08 !important;letter-spacing:-.01em;text-align:right;text-wrap:balance} #yh-hero-h1 .elementor-heading-title{font-size:clamp(40px,4.4vw,64px) !important;font-weight:600 !important;color:#fff !important} #yh-hero-h2 .elementor-heading-title{font-size:clamp(40px,4.4vw,64px) !important;font-weight:700 !important;color:var(--h-sky) !important;margin-top:4px} #yh-hero-copy > #yh-hero-cta{margin-top:36px !important} #yh-hero-cta .elementor-button{ display:inline-flex;align-items:center;gap:12px;height:58px;padding:0 30px !important;border-radius:18px !important; background:#fff !important;color:var(--h-night) !important;font:600 17px Rubik,sans-serif !important;border:0 !important; box-shadow:0 18px 40px -16px rgba(0,0,0,.7) !important;text-shadow:none !important; transition:transform .35s var(--h-ease),box-shadow .35s var(--h-ease); } #yh-hero-cta .elementor-button:hover{transform:translateY(-2px);box-shadow:0 24px 46px -16px rgba(0,0,0,.8) !important} #yh-hero-cta .elementor-button-icon{transition:transform .35s var(--h-ease)} #yh-hero-cta .elementor-button:hover .elementor-button-icon{transform:translateX(-4px)} #yh-hero-cta .elementor-button:focus-visible{outline:2px solid var(--h-tq);outline-offset:3px} /* The phone */ #yh-hero-phone{justify-self:center} .yhp{position:relative;width:340px;height:660px;border-radius:56px;padding:12px;direction:rtl; background:linear-gradient(160deg,#3a2a62,#120826 45%,#2a1b4d); box-shadow:0 60px 100px -40px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.14) inset,0 0 0 2px rgba(0,0,0,.6); animation:yhFloat 7s ease-in-out infinite alternate} @keyframes yhFloat{from{transform:translateY(0) rotate(-1.2deg)}to{transform:translateY(-14px) rotate(.6deg)}} .yhp__screen{position:relative;height:100%;border-radius:44px;overflow:hidden; background:radial-gradient(420px 380px at 80% 0%,#5b1fc0 0%,transparent 70%),radial-gradient(380px 420px at 0% 100%,#1c4fbf 0%,transparent 70%),#160b35} .yhp__island{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:108px;height:32px;border-radius:20px;background:#000;z-index:3} .yhp__time{position:absolute;top:66px;left:0;right:0;text-align:center;font:300 76px/1 Rubik,sans-serif;letter-spacing:-.02em;color:rgba(255,255,255,.92);font-variant-numeric:tabular-nums} .yhp__date{position:absolute;top:150px;left:0;right:0;text-align:center;font:500 16px Rubik,sans-serif;color:rgba(255,255,255,.75)} .yhp__stack{position:absolute;left:12px;right:12px;bottom:28px;top:200px;display:flex;flex-direction:column;justify-content:flex-start;gap:8px;overflow:hidden;margin:0;padding:0;list-style:none} .yhp__n{position:relative;display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:20px;text-decoration:none !important; background:rgba(255,255,255,.16);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%); border:1px solid rgba(255,255,255,.14);color:#fff !important; transition:transform .6s var(--h-ease),opacity .6s var(--h-ease),filter .6s,background .25s;transform-origin:50% 100%} .yhp__n:hover{background:rgba(255,255,255,.24)} .yhp__n:focus-visible{outline:2px solid var(--h-tq);outline-offset:2px} .yhp__n.is-new{animation:yhDropIn .75s var(--h-ease) both} @keyframes yhDropIn{from{opacity:0;transform:translateY(-34px) scale(.92);filter:blur(8px)}to{opacity:1;transform:none;filter:none}} .yhp__n.is-old{opacity:0;transform:scale(.9) translateY(10px);filter:blur(3px)} .yhp__ic{width:38px;height:38px;border-radius:10px;background:#fff;display:grid;place-items:center;flex:none;box-shadow:0 4px 10px -4px rgba(0,0,0,.5)} .yhp__ic img{width:24px;height:24px;object-fit:contain} .yhp__tx{display:flex;flex-direction:column;min-width:0;flex:1;line-height:1.3} .yhp__app{display:flex;justify-content:space-between;font-size:11.5px;color:rgba(255,255,255,.72);font-weight:500} .yhp__title{font-size:15px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap} .yhp__body{font-size:12.5px;color:rgba(255,255,255,.82);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} /* Depth: the older a notification, the deeper it sits */ .yhp__stack li:nth-child(n+4) .yhp__n{transform:scale(.96);opacity:.78} .yhp__stack li:nth-child(n+5) .yhp__n{transform:scale(.92);opacity:.5} .yhp__stack li{transition:transform .6s var(--h-ease)} /* Mobile */ @media (max-width:900px){ #yh-hero{min-height:0 !important;padding:36px 0 48px !important} #yh-hero-grid{grid-template-columns:1fr;gap:34px;width:calc(100% - 32px) !important} #yh-hero-copy{align-items:center !important;text-align:center} #yh-hero-copy .elementor-heading-title{text-align:center} #yh-hero-h1 .elementor-heading-title,#yh-hero-h2 .elementor-heading-title{font-size:clamp(32px,9vw,44px) !important} #yh-hero-copy > #yh-hero-cta{margin-top:24px !important} .yhp{width:280px;height:520px;border-radius:46px;padding:10px} .yhp__screen{border-radius:37px} .yhp__time{top:52px;font-size:60px} .yhp__date{top:120px;font-size:14px} .yhp__stack{top:160px;bottom:20px} } @media (prefers-reduced-motion:reduce){ #yh-hero:before,#yh-hero:after,.yhp{animation:none !important} .yhp__n.is-new{animation:none} } /* ===== Round 5 (Julia, 15.10): blue hero, more colour mix, GSAP background ===== */ #yh-hero{background:linear-gradient(160deg,#0B1D63 0%,#0A1650 45%,#120A45 100%) !important} #yh-hero:before,#yh-hero:after{display:none !important;content:none !important} #yh-hero > .elementor-element,#yh-hero-grid{position:relative;z-index:1} #yh-hero-bg{position:absolute !important;inset:0;width:auto !important;z-index:0 !important;margin:0 !important;pointer-events:none} #yh-hero-bg .elementor-widget-container{height:100%} .yhbg{position:absolute;inset:0;overflow:hidden} .yhbg__blob{position:absolute;border-radius:50%;filter:blur(90px);opacity:.9;will-change:transform} .yhbg__blob--blue{width:760px;height:760px;right:-120px;top:-280px;background:radial-gradient(circle,#2D6BE4 0%,rgba(45,107,228,0) 70%)} .yhbg__blob--tq{width:560px;height:560px;left:18%;bottom:-260px;background:radial-gradient(circle,rgba(3,218,196,.75) 0%,rgba(3,218,196,0) 70%)} .yhbg__blob--purple{width:620px;height:620px;left:-160px;top:-120px;background:radial-gradient(circle,rgba(122,43,230,.85) 0%,rgba(122,43,230,0) 70%)} .yhbg__blob--white{width:380px;height:380px;right:30%;top:22%;background:radial-gradient(circle,rgba(255,255,255,.28) 0%,rgba(255,255,255,0) 70%);filter:blur(60px)} .yhbg__dots{position:absolute;inset:-40px;background-image:radial-gradient(rgba(255,255,255,.22) 1px,transparent 1.2px);background-size:26px 26px; -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse 70% 60% at 50% 45%,#000 30%,transparent 80%)} .yhbg__icons,.yhbg__layer{position:absolute;inset:0} .yhbg__ic{position:absolute;display:grid;place-items:center;border-radius:30%;background:#fff;box-shadow:0 18px 36px -14px rgba(2,6,40,.75);transform:translate(-50%,-50%)} .yhbg__ic img{width:56%;height:56%;object-fit:contain} .yhbg__ic--d2{opacity:.85;filter:blur(.6px)} .yhbg__ic--d3{opacity:.55;filter:blur(2px)} /* Copy on blue */ #yh-hero-h2 .elementor-heading-title{color:#03DAC4 !important} #yh-hero-cta .elementor-button{color:#0B1D63 !important} /* Phone wallpaper mixes purple, blue and turquoise */ .yhp__screen{background:radial-gradient(420px 360px at 85% 0%,#7A2BE6 0%,transparent 70%),radial-gradient(360px 380px at 0% 100%,rgba(3,218,196,.55) 0%,transparent 70%),radial-gradient(300px 300px at 30% 55%,#2D6BE4 0%,transparent 75%),#0B1440} @media (max-width:900px){ .yhbg__ic--d3{display:none} .yhbg__icons{opacity:.45} .yhbg__blob{filter:blur(70px)} } @media (max-width:900px){ .yhbg__icons{top:46%} } /* ===== Round 6 (Julia, 15.10): bigger centred copy, turquoise button, brand colours, living dots ===== */ #yh-hero-grid{grid-template-columns:1.15fr .85fr} #yh-hero-copy{align-items:center !important;text-align:center} #yh-hero-copy .elementor-heading-title{text-align:center !important} #yh-hero-h1 .elementor-heading-title,#yh-hero-h2 .elementor-heading-title{font-size:clamp(48px,5.6vw,84px) !important;line-height:1.04 !important} #yh-hero-cta .elementor-button{background:#03DAC4 !important;color:#0B1D63 !important;border-radius:12px !important;height:62px;min-width:320px;padding:0 64px !important;justify-content:center; font-size:18px !important;box-shadow:0 18px 40px -14px rgba(3,218,196,.6),inset 0 1px 0 rgba(255,255,255,.45) !important} #yh-hero-cta .elementor-button:hover{background:#2EEAD8 !important;box-shadow:0 24px 46px -14px rgba(3,218,196,.75),inset 0 1px 0 rgba(255,255,255,.45) !important} #yh-hero-cta .elementor-button:focus-visible{outline-color:#fff !important} /* Brand glyphs in their own colours */ .yh-brand{display:block;width:58%;height:58%;background:var(--bc,#1E0B4B);-webkit-mask:var(--si) center/contain no-repeat;mask:var(--si) center/contain no-repeat} .yhp__ic .yh-brand{width:24px;height:24px} .yh-brand--tiktok{filter:drop-shadow(1.5px 0 0 #25F4EE) drop-shadow(-1.5px 0 0 #FE2C55)} /* Living dots: the grid drifts, and a bright glint sweeps across it */ .yhbg__glint{position:absolute;inset:-40px;background-image:radial-gradient(rgba(255,255,255,.95) 1.3px,transparent 1.6px);background-size:26px 26px; -webkit-mask-image:radial-gradient(220px 220px at var(--gx,30%) var(--gy,40%),#000 0%,transparent 70%);mask-image:radial-gradient(220px 220px at var(--gx,30%) var(--gy,40%),#000 0%,transparent 70%)} .yhbg__glint--tq{background-image:radial-gradient(rgba(3,218,196,.95) 1.3px,transparent 1.6px); -webkit-mask-image:radial-gradient(180px 180px at var(--tx,70%) var(--ty,65%),#000 0%,transparent 70%);mask-image:radial-gradient(180px 180px at var(--tx,70%) var(--ty,65%),#000 0%,transparent 70%)} @media (max-width:900px){ #yh-hero-h1 .elementor-heading-title,#yh-hero-h2 .elementor-heading-title{font-size:clamp(36px,10.5vw,48px) !important} #yh-hero-cta .elementor-button{min-width:0;width:100%;padding:0 32px !important} #yh-hero-copy > #yh-hero-cta{width:100% !important;max-width:340px} } @media (max-width:900px){ #yh-hero-grid{grid-template-columns:1fr !important} } /* ===== Review fixes (15.10): icons keep their colour at every depth ===== */ .yhbg__ic--d2{opacity:1 !important;filter:blur(.4px) !important} .yhbg__ic--d3{opacity:1 !important;filter:blur(1.2px) saturate(.9) !important;box-shadow:0 10px 22px -12px rgba(2,6,40,.7) !important} @media (max-width:900px){ .yhbg__icons{opacity:1 !important} .yhbg__ic--d3{display:grid !important} } /* ===== Round 8: twinkling starfield canvas in place of the drifting grid ===== */ .yhbg__stars{position:absolute;inset:0;width:100%;height:100%;display:block} /* 16: mobile: deep at the top where the words sit, the light lower down */ @media (max-width:767px){ #yh-hero .yhbg:after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none; background:linear-gradient(180deg,rgba(7,9,40,.86) 0%,rgba(7,9,40,.6) 30%,rgba(7,9,40,.15) 58%,rgba(45,90,220,.12) 80%,rgba(3,218,196,.10) 100%)} #yh-hero .yhbg__icons{z-index:2} } /* 17: mobile: the dots sit above the dark wash and show clearly */ @media (max-width:767px){ #yh-hero .yhbg__stars{position:absolute;z-index:2;filter:brightness(1.7) contrast(1.1)} #yh-hero .yhbg__icons{z-index:3} } /* Copy 18.10: the H2 is now a long SEO sentence -> a calm subtitle under the H1 */ #yh-hero #yh-hero-h2 .elementor-heading-title{font-size:clamp(18px,1.5vw,22px) !important;font-weight:500 !important;line-height:1.6 !important;letter-spacing:0 !important;color:rgba(255,255,255,.86) !important;max-width:40ch;margin-top:18px !important} @media (max-width:767px){#yh-hero #yh-hero-h2 .elementor-heading-title{font-size:16px !important;line-height:1.6 !important;margin-top:12px !important;max-width:none}} /* Copy 18.10: on phones the H1 keeps 'כל הרשתות החברתיות' on one line, 'במקום אחד' below */ @media (max-width:767px){#yh-hero #yh-hero-h1 .elementor-heading-title{font-size:min(34px,8.4vw) !important;line-height:1.15 !important}#yh-hero #yh-hero-h1 .yh-nw{white-space:nowrap;display:block}}/* End custom CSS */ /* Start custom CSS for container, class: .elementor-element-dd3ec96 *//* YouHoo home 2026 · sections after the hero. Light grounds with dots, so the page breathes between the dark hero and the rest */ #yh-why,#yh-about,#yh-press,#yh-best{--s-ink:#1E0B4B;--s-mut:#5B4E80;--s-purple:#3F0592;--s-blue:#2D6BE4;--s-tq:#03DAC4;--s-line:#ECE8F6;--s-ease:cubic-bezier(.16,1,.3,1); font-family:Rubik,system-ui,sans-serif;color:var(--s-ink);position:relative} :is(#yh-why,#yh-about,#yh-press,#yh-best) .elementor-heading-title{font-family:Rubik,system-ui,sans-serif !important;color:var(--s-ink) !important;letter-spacing:-.01em} #yh-about-grid,#yh-press-head,#yh-press-grid,#yh-best-head,#yh-best-list{width:min(1240px,calc(100% - 48px)) !important;margin-left:auto !important;margin-right:auto !important;max-width:none !important} /* The shared dot ground, quieter on light */ :is(#yh-why,#yh-about,#yh-best):before{content:"";position:absolute;inset:0;pointer-events:none;z-index:0; background-image:radial-gradient(rgba(63,5,146,.16) 1.1px,transparent 1.4px);background-size:24px 24px; -webkit-mask-image:radial-gradient(ellipse 75% 70% at 50% 40%,#000 25%,transparent 78%);mask-image:radial-gradient(ellipse 75% 70% at 50% 40%,#000 25%,transparent 78%)} :is(#yh-why,#yh-about,#yh-press,#yh-best) > *{position:relative;z-index:1} /* ===== Why buy: a white panel floating over the hero's lower edge ===== */ #yh-why{background:#fff;padding:0 0 72px !important} #yh-why-panel{margin:-64px auto 0 !important;width:min(1240px,calc(100% - 48px)) !important;max-width:none !important; background:#fff;border-radius:28px;padding:30px 28px 26px !important;box-shadow:0 30px 70px -30px rgba(20,10,60,.45),0 0 0 1px rgba(30,11,75,.05); display:flex !important;flex-direction:column !important;gap:20px !important;align-items:center !important} #yh-why-title .elementor-heading-title{font-size:26px !important;font-weight:700 !important;text-align:center} #yh-why-list{display:grid !important;grid-template-columns:repeat(5,1fr);gap:0 !important;width:100% !important;padding:0 !important} #yh-why-list > .elementor-element{width:auto !important;margin:0 !important} #yh-why-list > .e-con{display:flex !important;flex-direction:column !important;align-items:center !important;gap:12px !important;padding:10px 12px 6px !important;position:relative;text-align:center} #yh-why-list > .e-con + .e-con:after{content:"";position:absolute;right:0;top:18%;bottom:18%;width:1px;background:var(--s-line)} #yh-why-list > .e-con:before{content:"";width:58px;height:58px;border-radius:18px;flex:none; background:var(--ic) center/26px no-repeat,var(--g);box-shadow:0 14px 26px -14px var(--gs);transition:transform .45s var(--s-ease)} #yh-why-list > .e-con .elementor-widget-heading{width:auto !important} #yh-why-list > .e-con .elementor-heading-title{font-size:17px !important;font-weight:600 !important;line-height:1.3 !important;text-align:center} #yh-why-list > .e-con:hover:before{transform:translateY(-4px) rotate(-4deg)} /* ===== Who we are ===== */ #yh-about{background:linear-gradient(180deg,#F6F4FD 0%,#FBFAFF 100%);padding:96px 0 !important;overflow:hidden} #yh-about-grid{display:grid !important;grid-template-columns:1.1fr .9fr;gap:64px;align-items:center} #yh-about-grid > .elementor-element{width:auto !important;margin:0 !important} #yh-about-copy{display:flex !important;flex-direction:column !important;gap:18px !important;padding:0 !important} #yh-about-title .elementor-heading-title{font-size:clamp(34px,3.4vw,48px) !important;font-weight:700 !important} #yh-about-text,#yh-about-text p{font-size:18px !important;line-height:1.75 !important;color:var(--s-mut) !important;margin:0 0 14px} #yh-about-text a{display:inline-flex;align-items:center;padding:3px 12px;margin:3px 2px;border-radius:999px;background:#fff;color:var(--s-purple) !important; font-weight:600;font-size:15px;text-decoration:none !important;box-shadow:0 0 0 1px rgba(63,5,146,.14);transition:background .3s,color .3s,transform .35s var(--s-ease)} #yh-about-text a:hover{background:var(--s-purple);color:#fff !important;transform:translateY(-2px)} /* The 2018 orbit */ .yha{position:relative;width:min(440px,100%);aspect-ratio:1;margin:0 auto} .yha__ring{position:absolute;inset:0;border-radius:50%;border:1px dashed rgba(63,5,146,.22)} .yha__ring--2{inset:16%;border-style:solid;border-color:rgba(45,107,228,.16)} .yha__core{position:absolute;inset:28%;border-radius:50%;display:grid;place-items:center;text-align:center; background:radial-gradient(circle at 30% 25%,#5B2BE0,#2D3FC0 55%,#0B1D63);box-shadow:0 40px 70px -30px rgba(30,20,120,.75),inset 0 1px 0 rgba(255,255,255,.3);color:#fff} .yha__core b{display:block;font:700 clamp(40px,4.4vw,58px)/1 Rubik,sans-serif;letter-spacing:-.02em} .yha__core span{display:block;font:500 15px Rubik,sans-serif;color:#BFE9FF;margin-bottom:6px} .yha__orbit{position:absolute;inset:0;animation:yhaSpin 46s linear infinite} .yha__orbit--in{inset:16%;animation-duration:32s;animation-direction:reverse} .yha__dot{position:absolute;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:16px;background:#fff;display:grid;place-items:center; box-shadow:0 14px 28px -14px rgba(20,10,60,.45),0 0 0 1px rgba(30,11,75,.06);animation:yhaSpin 46s linear infinite reverse} .yha__orbit--in .yha__dot{width:42px;height:42px;margin:-21px 0 0 -21px;border-radius:13px;animation-duration:32s;animation-direction:normal} .yha__dot .yh-brand{width:56%;height:56%} @keyframes yhaSpin{to{transform:rotate(360deg)}} /* ===== Press: written about us ===== */ #yh-press{background:#fff;padding:96px 0 !important} #yh-press-head{display:flex !important;flex-direction:column !important;align-items:center !important;gap:10px !important;margin-bottom:36px !important;padding:0 !important} #yh-press-title .elementor-heading-title{font-size:clamp(32px,3.2vw,44px) !important;font-weight:700 !important;text-align:center} #yh-press-grid{display:grid !important;grid-template-columns:repeat(4,1fr);gap:18px !important;padding:0 !important} #yh-press-grid > .elementor-element{width:auto !important;margin:0 !important} #yh-press-grid .elementor-widget-image-box{height:100%} #yh-press-grid .elementor-widget-container{height:100%} #yh-press-grid .elementor-image-box-wrapper{position:relative;height:100%;display:flex !important;flex-direction:column;gap:18px;text-align:right !important; padding:22px 22px 60px;border-radius:22px;background:#fff;border:1px solid var(--s-line); transition:transform .45s var(--s-ease),box-shadow .45s var(--s-ease),border-color .3s} #yh-press-grid .elementor-image-box-wrapper:hover{transform:translateY(-6px);border-color:transparent;box-shadow:0 28px 50px -24px rgba(30,20,90,.35)} #yh-press-grid .elementor-image-box-img{width:100% !important;height:64px;margin:0 !important;display:flex;align-items:center;justify-content:flex-start} #yh-press-grid .elementor-image-box-img a,#yh-press-grid .elementor-image-box-img{line-height:0} #yh-press-grid .elementor-image-box-img img{width:auto !important;max-width:130px !important;max-height:58px !important;object-fit:contain;border-radius:12px;filter:saturate(.95)} #yh-press-grid .elementor-image-box-content{flex:1} #yh-press-grid .elementor-image-box-title,#yh-press-grid .elementor-image-box-title a{font:600 17px/1.45 Rubik,sans-serif !important;color:var(--s-ink) !important;margin:0 !important;text-decoration:none !important} #yh-press-grid .elementor-image-box-title a:after{content:"";position:absolute;inset:0;border-radius:22px} #yh-press-grid .elementor-image-box-description{display:none} /* the read arrow */ #yh-press-grid .elementor-image-box-wrapper:after{content:"";position:absolute;left:20px;bottom:18px;width:36px;height:36px;border-radius:12px; background:#F2EFFA url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233F0592' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 7 7 17M8 7h9v9'/%3E%3C/svg%3E") center/18px no-repeat; transform:scaleX(-1);transition:background-color .3s,transform .45s var(--s-ease)} #yh-press-grid .elementor-image-box-wrapper:hover:after{background-color:var(--s-tq);transform:scaleX(-1) translate(-3px,-3px)} /* ===== Best sales ===== */ #yh-best{background:linear-gradient(180deg,#F4F7FF 0%,#FFFFFF 100%);padding:96px 0 104px !important} #yh-best-title .elementor-heading-title{font-size:clamp(32px,3.2vw,44px) !important;font-weight:700 !important;text-align:center} #yh-best-head{display:flex !important;flex-direction:column !important;align-items:center !important;margin-bottom:36px !important;padding:0 !important} .yhb{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:18px} .yhb__card{margin:0;padding:0} .yhb__link{position:relative;height:100%;display:flex;flex-direction:column;gap:12px;padding:22px;border-radius:24px;background:#fff;text-decoration:none !important;color:inherit; box-shadow:0 0 0 1px #E9E6F5,0 18px 40px -30px rgba(30,20,90,.35);transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1)} .yhb__link:hover{transform:translateY(-6px);box-shadow:0 0 0 1px transparent,0 30px 56px -26px rgba(30,20,90,.42)} .yhb__link:focus-visible{outline:2px solid #03DAC4;outline-offset:3px} .yhb__rank{position:absolute;top:16px;left:16px;min-width:30px;height:30px;padding:0 9px;border-radius:10px;background:#F2EFFA;color:#3F0592;font:700 14px/30px Rubik,sans-serif;text-align:center;font-variant-numeric:tabular-nums} .yhb__card:nth-child(1) .yhb__rank{background:#03DAC4;color:#0B1D63} .yhb__media{width:72px;height:72px;border-radius:20px;overflow:hidden;background:#F6F4FD;display:grid;place-items:center} .yhb__img{width:100%;height:100%;object-fit:cover;display:block} .yhb__name{font:600 17px/1.4 Rubik,sans-serif;color:#1E0B4B;min-height:2.8em} .yhb__meta{display:flex;align-items:baseline;justify-content:space-between;gap:10px;margin-top:auto} .yhb__from{font-size:13px;color:#6B5F90} .yhb__price{font:700 20px Rubik,sans-serif;color:#1E0B4B;font-variant-numeric:tabular-nums;white-space:nowrap} .yhb__cta{display:flex;align-items:center;justify-content:center;gap:8px;height:46px;border-radius:12px;background:#0B1D63;color:#fff;font:600 15px Rubik,sans-serif;transition:background .3s} .yhb__cta svg{width:16px;height:16px;transition:transform .35s cubic-bezier(.16,1,.3,1)} .yhb__link:hover .yhb__cta{background:#03DAC4;color:#0B1D63} .yhb__link:hover .yhb__cta svg{transform:translateX(-4px)} /* ===== Responsive ===== */ @media (max-width:1100px){ #yh-why-list{grid-template-columns:repeat(3,1fr);row-gap:18px !important} #yh-why-list > .e-con:nth-child(4):after{display:none} #yh-press-grid,.yhb{grid-template-columns:repeat(2,1fr)} #yh-about-grid{grid-template-columns:1fr;gap:40px} } @media (max-width:767px){ #yh-why-panel{margin-top:-40px !important;width:calc(100% - 24px) !important;padding:24px 14px 18px !important;border-radius:24px} #yh-why-list{grid-template-columns:repeat(2,1fr)} #yh-why-list > .e-con:after{display:none} #yh-why-list > .e-con:last-child{grid-column:1/-1} #yh-about,#yh-press,#yh-best{padding:64px 0 !important} #yh-about-grid,#yh-press-head,#yh-press-grid,#yh-best-head,#yh-best-list{width:calc(100% - 32px) !important} #yh-about-text,#yh-about-text p{font-size:16.5px !important} /* Press and best sellers scroll sideways on a phone */ #yh-press-grid,.yhb{display:flex !important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px !important;margin:0 -16px !important;padding:4px 16px 18px !important;scrollbar-width:none} #yh-press-grid::-webkit-scrollbar,.yhb::-webkit-scrollbar{display:none} #yh-press-grid > .elementor-element,.yhb__card{flex:0 0 78% !important;scroll-snap-align:center} } @media (prefers-reduced-motion:reduce){ .yha__orbit,.yha__dot{animation:none} } /* The five benefits: each tile its own mix of the palette, a white line icon on it */ #yh-why-1{--g:linear-gradient(135deg,#03DAC4,#0E9FB6);--gs:rgba(3,170,180,.7);--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-3-6.7L21 8'/%3E%3Cpath d='M21 3v5h-5'/%3E%3C/svg%3E")} #yh-why-2{--g:linear-gradient(135deg,#2D6BE4,#1B3FB0);--gs:rgba(45,107,228,.7);--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='m9 12 2 2 4-4'/%3E%3C/svg%3E")} #yh-why-3{--g:linear-gradient(135deg,#8A3BF0,#3F0592);--gs:rgba(90,30,200,.7);--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.4 13.4 20.6a2 2 0 0 1-2.8 0L3 13V3h10l7.6 7.6a2 2 0 0 1 0 2.8z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5'/%3E%3C/svg%3E")} #yh-why-4{--g:linear-gradient(135deg,#1E2A78,#0B1D63);--gs:rgba(11,29,99,.7);--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9.9 4.2A10 10 0 0 1 12 4c5 0 9 4.5 10 8a13 13 0 0 1-2.3 3.7M6.6 6.6C4.3 8 2.7 10.2 2 12c1 3.5 5 8 10 8a9.7 9.7 0 0 0 5.4-1.6'/%3E%3Cpath d='m2 2 20 20M9.9 9.9a3 3 0 0 0 4.2 4.2'/%3E%3C/svg%3E")} #yh-why-5{--g:linear-gradient(135deg,#03DAC4,#2D6BE4);--gs:rgba(20,150,200,.7);--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='11' width='16' height='10' rx='2'/%3E%3Cpath d='M8 11V7a4 4 0 0 1 8 0v4'/%3E%3C/svg%3E")} /* Elementor gives a container's ::before absolute positioning for its overlay; the icon tile must stay in the flow */ #yh-why-list > .e-con:before{position:relative !important;inset:auto !important;top:auto !important;left:auto !important;display:block !important;opacity:1 !important;mix-blend-mode:normal !important} @media (max-width:767px){ #yh-press-grid,.yhb{flex-wrap:nowrap !important;flex-direction:row !important} #yh-why-list > .e-con .elementor-heading-title{font-size:15.5px !important} } /* ===== Round 9 (Julia, 15.10) ===== */ /* Why buy: its own calm section, five tiles on the lavender of "who we are", icons that move */ #yh-why{padding:96px 0 !important} #yh-why-panel{margin:0 auto !important;background:transparent !important;box-shadow:none !important;padding:0 !important;gap:40px !important;width:min(1240px,calc(100% - 48px)) !important} #yh-why-title .elementor-heading-title{font-size:clamp(32px,3.2vw,44px) !important} #yh-why-list{gap:18px !important} #yh-why-list > .e-con{background:#F6F4FD;border-radius:26px;padding:36px 18px 30px !important;gap:18px !important;box-shadow:0 0 0 1px rgba(63,5,146,.06); transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1)} #yh-why-list > .e-con:hover{transform:translateY(-6px);box-shadow:0 0 0 1px rgba(63,5,146,.1),0 26px 46px -26px rgba(30,20,90,.35)} #yh-why-list > .e-con + .e-con:after,#yh-why-list > .e-con:after{content:none} /* the tile carries the colour, the glyph rides on its own layer so it can move */ #yh-why-list > .e-con:before{width:66px !important;height:66px !important;border-radius:20px !important;background:var(--g) !important;animation:yhTileFloat 4.6s ease-in-out infinite} #yh-why-list > .e-con:after{content:"" !important;position:absolute !important;top:36px;left:50%;width:66px;height:66px;margin-left:-33px;background:#fff;pointer-events:none; -webkit-mask:var(--ic) center/30px no-repeat;mask:var(--ic) center/30px no-repeat;animation:yhTileFloat 4.6s ease-in-out infinite} #yh-why-2:before,#yh-why-2:after{animation-delay:-.9s !important} #yh-why-3:before,#yh-why-3:after{animation-delay:-1.8s !important} #yh-why-4:before,#yh-why-4:after{animation-delay:-2.7s !important} #yh-why-5:before,#yh-why-5:after{animation-delay:-3.6s !important} @keyframes yhTileFloat{0%,100%{translate:0 0}50%{translate:0 -6px}} /* each glyph has its own gesture */ #yh-why-1:after{animation:yhTileFloat 4.6s ease-in-out infinite,yhIcSpin 3.6s cubic-bezier(.65,0,.35,1) infinite !important} #yh-why-2:after{animation:yhTileFloat 4.6s ease-in-out -.9s infinite,yhIcPulse 2.4s ease-in-out infinite !important} #yh-why-3:after{animation:yhTileFloat 4.6s ease-in-out -1.8s infinite,yhIcSwing 2.8s ease-in-out infinite !important;transform-origin:50% 30%} #yh-why-4:after{animation:yhTileFloat 4.6s ease-in-out -2.7s infinite,yhIcBlink 3.8s ease-in-out infinite !important} #yh-why-5:after{animation:yhTileFloat 4.6s ease-in-out -3.6s infinite,yhIcLock 3.2s ease-in-out infinite !important} @keyframes yhIcSpin{0%,35%{rotate:0deg}75%,100%{rotate:360deg}} @keyframes yhIcPulse{0%,100%{scale:1}50%{scale:1.16}} @keyframes yhIcSwing{0%,100%{rotate:-10deg}50%{rotate:10deg}} @keyframes yhIcBlink{0%,42%,50%,100%{scale:1 1}46%{scale:1 .12}} @keyframes yhIcLock{0%,60%,100%{rotate:0deg}68%{rotate:-12deg}76%{rotate:10deg}84%{rotate:-6deg}92%{rotate:3deg}} /* Who we are: bigger words, the white logo in the circle, the specialities as a highlighted box */ #yh-about-text,#yh-about-text p{font-size:21px !important;line-height:1.75 !important;color:#3E3466 !important} #yh-about-text p:last-child{margin-top:22px;padding:22px 24px 20px;border-radius:22px;background:#fff;box-shadow:0 0 0 1px rgba(63,5,146,.08),0 22px 44px -30px rgba(30,20,90,.4); display:flex;flex-wrap:wrap;align-items:center;gap:10px;font-size:18px !important} #yh-about-text p:last-child strong{flex:0 0 100%;font-size:24px;font-weight:700;color:#00A08E;margin-bottom:4px} #yh-about-text p:last-child a{margin:0 !important;padding:7px 14px 7px 16px !important;font-size:16px !important;gap:8px;background:#F6F4FD;box-shadow:0 0 0 1px rgba(63,5,146,.12)} #yh-about-text p:last-child a:before{content:"";width:16px;height:16px;flex:none;background:currentColor; -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.4 13.4 20.6a2 2 0 0 1-2.8 0L3 13V3h10l7.6 7.6a2 2 0 0 1 0 2.8z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20.6 13.4 13.4 20.6a2 2 0 0 1-2.8 0L3 13V3h10l7.6 7.6a2 2 0 0 1 0 2.8z'/%3E%3Ccircle cx='7.5' cy='7.5' r='1.5'/%3E%3C/svg%3E") center/contain no-repeat} #yh-about-text p:last-child a:hover{background:#3F0592} .yha__core img{width:68%;height:auto;filter:brightness(0) invert(1);display:block;margin:0 auto} /* Press: the frame stays on hover, it only warms */ #yh-press-grid .elementor-image-box-wrapper:hover{border-color:rgba(63,5,146,.28) !important} /* Best sales on the deep blue of the buttons, turquoise to buy */ #yh-best{background:radial-gradient(900px 420px at 85% 0%,rgba(122,43,230,.35),transparent 70%),radial-gradient(700px 380px at 5% 100%,rgba(3,218,196,.18),transparent 70%),#0B1D63 !important} #yh-best:before{background-image:radial-gradient(rgba(255,255,255,.14) 1.1px,transparent 1.4px) !important} #yh-best-title .elementor-heading-title{color:#fff !important} .yhb__link{box-shadow:0 24px 50px -30px rgba(0,0,0,.6) !important} .yhb__link:hover{box-shadow:0 34px 60px -26px rgba(0,0,0,.7) !important} .yhb__cta{background:#03DAC4 !important;color:#0B1D63 !important} .yhb__link:hover .yhb__cta{background:#0B1D63 !important;color:#fff !important} @media (max-width:767px){ #yh-why{padding:64px 0 !important} #yh-why-panel{width:calc(100% - 32px) !important;gap:26px !important} #yh-why-list{gap:12px !important} #yh-why-list > .e-con{padding:26px 10px 22px !important} #yh-why-list > .e-con:after{top:26px} #yh-about-text,#yh-about-text p{font-size:18px !important} #yh-about-text p:last-child strong{font-size:21px} } @media (prefers-reduced-motion:reduce){ #yh-why-list > .e-con:before,#yh-why-list > .e-con:after{animation:none !important} } /* Why tiles: the glyph layer must beat the old divider rule (which made it a 1px line) */ #yh-why #yh-why-list > .e-con.e-con:after{content:"" !important;position:absolute !important;top:36px !important;left:50% !important;right:auto !important;bottom:auto !important;width:66px !important;height:66px !important;margin-left:-33px !important;background:#fff !important} @media (max-width:767px){ #yh-why #yh-why-list > .e-con.e-con:after{top:26px !important} } /* ===== Round 11 (Julia, 15.10) ===== */ /* Who we are: the lead line in the heading's blue, every speciality and its tag icon in turquoise */ #yh-about-text p:last-child strong{color:#1E0B4B !important} #yh-about-text p:last-child a{color:#00A08E !important;background:#EFFBF9 !important;box-shadow:0 0 0 1px rgba(3,218,196,.35) !important} #yh-about-text p:last-child a:hover{background:#03DAC4 !important;color:#0B1D63 !important} /* Shared section rhythm for the new blocks */ #yh-reviews,#yh-blog,#yh-faq,#yh-lead{--s-ink:#1E0B4B;--s-mut:#5B4E80;font-family:Rubik,system-ui,sans-serif;position:relative;color:var(--s-ink)} :is(#yh-reviews,#yh-blog,#yh-faq) .elementor-heading-title{font-family:Rubik,system-ui,sans-serif !important;color:var(--s-ink) !important;font-weight:700 !important;font-size:clamp(32px,3.2vw,44px) !important;letter-spacing:-.01em} #yh-reviews-in,#yh-blog-in,#yh-faq-in,#yh-lead-in{width:min(1240px,calc(100% - 48px)) !important;margin:0 auto !important;max-width:none !important;padding:0 !important} /* ===== Reviews ===== */ #yh-reviews{background:#F6F4FD;padding:96px 0 !important;overflow:hidden} #yh-reviews:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(63,5,146,.14) 1.1px,transparent 1.4px);background-size:24px 24px; -webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 70% at 50% 40%,#000 20%,transparent 75%)} #yh-reviews-in{display:flex !important;flex-direction:column !important;align-items:center !important;gap:36px !important;position:relative} #yh-reviews-title .elementor-heading-title{text-align:center} #yh-reviews-in > .elementor-widget-testimonial-carousel{width:100% !important} #yh-reviews .swiper-slide{height:auto !important;padding:6px} #yh-reviews .elementor-testimonial{position:relative;height:100%;display:flex;flex-direction:column;gap:22px;padding:34px 30px 28px;border-radius:26px;background:#fff; box-shadow:0 0 0 1px rgba(63,5,146,.07),0 26px 50px -32px rgba(30,20,90,.4);text-align:right} #yh-reviews .elementor-testimonial:before{content:"";width:46px;height:46px;border-radius:14px;flex:none; background:#03DAC4 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%230B1D63'%3E%3Cpath d='M10 7H6a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h2v1a2 2 0 0 1-2 2H5v2h1a4 4 0 0 0 4-4V7zm10 0h-4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h2v1a2 2 0 0 1-2 2h-1v2h1a4 4 0 0 0 4-4V7z'/%3E%3C/svg%3E") center/24px no-repeat} #yh-reviews .elementor-testimonial__content{flex:1} #yh-reviews .elementor-testimonial__text{font:400 19px/1.7 Rubik,sans-serif !important;color:#3E3466 !important;font-style:normal !important} #yh-reviews .elementor-testimonial__footer{display:flex;align-items:center;gap:12px;margin-top:auto;padding-top:18px;border-top:1px solid #ECE8F6} #yh-reviews .elementor-testimonial__image{display:none} #yh-reviews .elementor-testimonial__cite{display:flex;flex-direction:column;gap:2px} #yh-reviews .elementor-testimonial__name{font:700 16px Rubik,sans-serif !important;color:#1E0B4B !important} #yh-reviews .elementor-testimonial__title{font:500 13px Rubik,sans-serif !important;color:#00A08E !important} #yh-reviews .swiper-pagination{position:relative !important;margin-top:22px} #yh-reviews .swiper-pagination-bullet{width:8px;height:8px;background:#C9BFE6;opacity:1;transition:width .35s cubic-bezier(.16,1,.3,1),background .3s} #yh-reviews .swiper-pagination-bullet-active{width:26px;border-radius:5px;background:#3F0592} #yh-reviews .elementor-swiper-button{width:44px;height:44px;border-radius:14px;background:#fff;color:#3F0592;display:grid;place-items:center;box-shadow:0 10px 24px -12px rgba(30,20,90,.4);font-size:16px} /* ===== From the blog ===== */ #yh-blog{background:#fff;padding:96px 0 !important} #yh-blog-in{display:flex !important;flex-direction:column !important;gap:36px !important} #yh-blog-head{display:flex !important;flex-direction:row !important;justify-content:space-between !important;align-items:flex-end !important;padding:0 !important} #yh-blog-head > .elementor-element{width:auto !important;margin:0 !important} #yh-blog-all .elementor-button{background:transparent !important;color:#3F0592 !important;border:1px solid rgba(63,5,146,.25) !important;border-radius:12px !important;padding:12px 20px !important;font:600 15px Rubik,sans-serif !important} #yh-blog-all .elementor-button:hover{background:#3F0592 !important;color:#fff !important} .yhbc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1.3fr 1fr 1fr;grid-template-rows:auto auto;gap:18px} .yhbc__card{margin:0} .yhbc__card--lead{grid-row:span 2} .yhbc__card:nth-child(4){grid-column:2/4} .yhbc__link{height:100%;display:flex;flex-direction:column;border-radius:24px;overflow:hidden;background:#fff;text-decoration:none !important;color:inherit; box-shadow:0 0 0 1px #ECE8F6;transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1)} .yhbc__link:hover{transform:translateY(-6px);box-shadow:0 0 0 1px rgba(63,5,146,.2),0 30px 56px -30px rgba(30,20,90,.45)} .yhbc__link:focus-visible{outline:2px solid #03DAC4;outline-offset:3px} .yhbc__media{display:block;aspect-ratio:16/9;overflow:hidden;background:#F6F4FD} .yhbc__card--lead .yhbc__media{aspect-ratio:4/3} .yhbc__card:nth-child(4) .yhbc__link{flex-direction:row} .yhbc__card:nth-child(4) .yhbc__media{aspect-ratio:auto;width:42%;flex:none} .yhbc__img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.16,1,.3,1)} .yhbc__link:hover .yhbc__img{transform:scale(1.05)} .yhbc__body{display:flex;flex-direction:column;gap:10px;padding:20px 22px 24px} .yhbc__meta{display:flex;gap:10px;align-items:center;font-size:13px;color:#6B5F90} .yhbc__cat{padding:3px 10px;border-radius:999px;background:#EFFBF9;color:#00A08E;font-weight:600} .yhbc__title{font:700 19px/1.4 Rubik,sans-serif;color:#1E0B4B} .yhbc__card--lead .yhbc__title{font-size:24px} .yhbc__ex{font-size:15px;line-height:1.6;color:#5B4E80} /* ===== FAQ ===== */ #yh-faq{background:linear-gradient(180deg,#F6F4FD,#FBFAFF);padding:96px 0 !important} #yh-faq-in{display:grid !important;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start} #yh-faq-in > .elementor-element{width:auto !important;margin:0 !important} #yh-faq-side{display:flex !important;flex-direction:column !important;gap:18px !important;position:sticky;top:210px;padding:0 !important} #yh-faq-side > .elementor-element{width:auto !important;margin:0 !important} #yh-faq-cta .elementor-button{background:#0B1D63 !important;color:#fff !important;border-radius:12px !important;padding:14px 22px !important;font:600 15px Rubik,sans-serif !important} #yh-faq-cta .elementor-button:hover{background:#03DAC4 !important;color:#0B1D63 !important} #yh-faq .elementor-accordion{display:flex;flex-direction:column;gap:12px;border:0 !important} #yh-faq .elementor-accordion-item{border:0 !important;border-radius:20px;background:#fff;box-shadow:0 0 0 1px rgba(63,5,146,.08);overflow:hidden;transition:box-shadow .35s} #yh-faq .elementor-accordion-item:has(.elementor-active){box-shadow:0 0 0 2px #03DAC4,0 24px 44px -30px rgba(30,20,90,.4)} #yh-faq .elementor-tab-title{display:flex !important;align-items:center;gap:14px;padding:22px 24px !important;border:0 !important;cursor:pointer;font:600 18px/1.45 Rubik,sans-serif !important;color:#1E0B4B !important} #yh-faq .elementor-tab-title a{color:#1E0B4B !important;text-decoration:none !important;flex:1} #yh-faq .elementor-accordion-icon{order:2;width:34px !important;height:34px;flex:none;border-radius:11px;background:#F2EFFA;color:#3F0592 !important;display:grid !important;place-items:center;font-size:13px;transition:background .3s} #yh-faq .elementor-active .elementor-accordion-icon{background:#03DAC4;color:#0B1D63 !important} #yh-faq .elementor-tab-content{border:0 !important;padding:0 24px 24px !important;font:400 17px/1.75 Rubik,sans-serif !important;color:#4A3F73 !important} #yh-faq .elementor-tab-content p{margin:0} /* ===== Lead form: all turquoise, with rings ===== */ #yh-lead{background:#03DAC4;padding:104px 0 !important;overflow:hidden;isolation:isolate} #yh-lead:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none; background:repeating-radial-gradient(circle at 12% 110%,transparent 0 46px,rgba(255,255,255,.22) 46px 47px), repeating-radial-gradient(circle at 92% -20%,transparent 0 34px,rgba(11,29,99,.10) 34px 35px)} #yh-lead:after{content:"";position:absolute;width:560px;height:560px;left:-140px;top:-200px;border-radius:50%;z-index:-1;pointer-events:none; background:radial-gradient(circle,rgba(255,255,255,.55),rgba(255,255,255,0) 65%);animation:yhLeadGlow 12s ease-in-out infinite alternate} @keyframes yhLeadGlow{to{transform:translate(220px,120px) scale(1.15)}} #yh-lead-in{display:grid !important;grid-template-columns:1fr 1fr;gap:56px;align-items:center} #yh-lead-in > .elementor-element{width:auto !important;margin:0 !important} #yh-lead-copy{display:flex !important;flex-direction:column !important;gap:14px !important;padding:0 !important} #yh-lead-copy > .elementor-element{width:auto !important;margin:0 !important} #yh-lead-copy .elementor-heading-title{font-family:Rubik,system-ui,sans-serif !important;color:#0B1D63 !important;text-align:right} #yh-lead-h1 .elementor-heading-title{font-size:clamp(34px,3.6vw,52px) !important;font-weight:700 !important;line-height:1.1 !important} #yh-lead-h2 .elementor-heading-title{font-size:clamp(19px,1.6vw,23px) !important;font-weight:500 !important;color:#0E3D6B !important} #yh-lead-form .elementor-form{background:#fff;border-radius:28px;padding:32px;box-shadow:0 40px 80px -36px rgba(11,29,99,.55)} #yh-lead-form .elementor-form-fields-wrapper{gap:14px 0} #yh-lead-form .elementor-field-group{margin-bottom:14px !important} #yh-lead-form .elementor-field-textual{height:56px;border-radius:14px !important;border:1px solid #E2DDF2 !important;background:#F8F7FD !important;color:#1E0B4B !important; font:400 16px Rubik,sans-serif !important;padding:0 18px !important;transition:border-color .25s,box-shadow .25s,background .25s} #yh-lead-form .elementor-field-textual:focus{outline:0;border-color:#03DAC4 !important;background:#fff !important;box-shadow:0 0 0 4px rgba(3,218,196,.18)} #yh-lead-form .elementor-field-textual::placeholder{color:#8A80A8} #yh-lead-form .elementor-field-type-acceptance label{font-size:14px;color:#4A3F73} #yh-lead-form .elementor-button{height:58px;border-radius:14px !important;background:#0B1D63 !important;color:#fff !important;font:600 17px Rubik,sans-serif !important;width:100%; transition:background .3s,transform .35s cubic-bezier(.16,1,.3,1)} #yh-lead-form .elementor-button:hover{background:#3F0592 !important;transform:translateY(-2px)} /* ===== Responsive ===== */ @media (max-width:1100px){ .yhbc{grid-template-columns:1fr 1fr} .yhbc__card--lead{grid-row:auto;grid-column:1/-1} .yhbc__card:nth-child(4){grid-column:auto} .yhbc__card:nth-child(4) .yhbc__link{flex-direction:column} .yhbc__card:nth-child(4) .yhbc__media{width:auto;aspect-ratio:16/9} #yh-faq-in,#yh-lead-in{grid-template-columns:1fr;gap:32px} #yh-faq-side{position:static} } @media (max-width:767px){ #yh-reviews,#yh-blog,#yh-faq{padding:64px 0 !important} #yh-lead{padding:72px 0 !important} #yh-reviews-in,#yh-blog-in,#yh-faq-in,#yh-lead-in{width:calc(100% - 32px) !important} #yh-blog-head{flex-direction:column !important;align-items:flex-start !important;gap:14px !important} .yhbc{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 -16px;padding:4px 16px 18px;scrollbar-width:none} .yhbc::-webkit-scrollbar{display:none} .yhbc__card{flex:0 0 82%;scroll-snap-align:center} #yh-faq .elementor-tab-title{font-size:16.5px !important;padding:18px !important} #yh-faq .elementor-tab-content{padding:0 18px 20px !important;font-size:16px !important} #yh-lead-form .elementor-form{padding:22px} #yh-reviews .elementor-testimonial__text{font-size:17px !important} } @media (prefers-reduced-motion:reduce){ #yh-lead:after{animation:none} } /* Round 11b: form fields stacked full width, consent text visible, reviews three across */ #yh-lead-form .elementor-form-fields-wrapper{display:flex;flex-direction:column;flex-wrap:nowrap} #yh-lead-form .elementor-field-group{width:100% !important;max-width:100% !important;flex:0 0 auto !important} #yh-lead-form .elementor-field-type-acceptance .elementor-field-option{display:flex;gap:10px;align-items:flex-start} #yh-lead-form .elementor-field-type-acceptance label{color:#4A3F73 !important;font:400 13px/1.6 Rubik,sans-serif !important;display:block} #yh-lead-form .elementor-field-type-acceptance label a{color:#3F0592 !important} #yh-lead-form .elementor-acceptance-field{width:18px;height:18px;margin-top:3px;flex:none;accent-color:#03DAC4} #yh-lead-form .e-form__buttons{width:100% !important;max-width:100% !important} #yh-reviews .elementor-testimonial__text{font-size:17px !important} #yh-reviews .elementor-testimonial{min-height:300px} .yhbc__card--lead .yhbc__media{aspect-ratio:auto;flex:1;min-height:260px} /* Round 11c: carousel kept inside its column, blog images fill their frame */ #yh-reviews .elementor-main-swiper,#yh-reviews .swiper{overflow:hidden !important;width:100% !important} .yhbc__media{position:relative} .yhbc__img{position:absolute;inset:0} /* 11d: theme img{height:auto} was beating the cover image */ .yhbc .yhbc__img{height:100% !important;width:100% !important;max-width:none !important} /* ===== Round 12 (Julia, 15.10) ===== */ /* Reviews: white section, flat lavender cards, a soft quote mark, arrows on both sides, tighter rhythm */ #yh-reviews{background:#fff !important;padding:64px 0 !important} #yh-reviews:before{content:none !important} #yh-reviews-in{gap:28px !important} #yh-reviews .elementor-testimonial{background:#F6F4FD !important;box-shadow:none !important;min-height:0 !important;padding:30px 28px 26px !important} #yh-reviews .elementor-testimonial:before{width:auto !important;height:auto !important;border-radius:0 !important;background:none !important; content:"\201D" !important;font:700 84px/.6 Georgia,serif;color:#D9CFF3;margin-bottom:-8px;padding-top:18px} #yh-reviews .elementor-testimonial__footer{border-top-color:#E6E0F5 !important} #yh-reviews .elementor-widget-testimonial-carousel .elementor-main-swiper{margin:0 64px !important;width:auto !important} #yh-reviews .elementor-widget-testimonial-carousel > .elementor-widget-container{position:relative} #yh-reviews .elementor-swiper-button{position:absolute !important;top:50% !important;transform:translateY(-50%);z-index:3;width:46px !important;height:46px !important;border-radius:14px; background:#fff !important;color:#3F0592 !important;box-shadow:0 0 0 1px #E6E0F5 !important;display:grid !important;place-items:center;font-size:16px;cursor:pointer;transition:background .3s,color .3s} #yh-reviews .elementor-swiper-button:hover{background:#03DAC4 !important;color:#0B1D63 !important;box-shadow:none !important} #yh-reviews .elementor-swiper-button svg{fill:currentColor;width:16px;height:16px} #yh-reviews .elementor-swiper-button-prev{right:0 !important;left:auto !important} #yh-reviews .elementor-swiper-button-next{left:0 !important;right:auto !important} #yh-reviews .swiper-pagination{margin-top:18px} /* Blog takes the lavender the reviews had */ #yh-blog{background:#F6F4FD !important;position:relative} #yh-blog:before{content:"" !important;position:absolute !important;inset:0;pointer-events:none;background-image:radial-gradient(rgba(63,5,146,.12) 1.1px,transparent 1.4px);background-size:24px 24px; -webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 70% at 50% 40%,#000 20%,transparent 75%)} #yh-blog-in{position:relative} .yhbc__link{box-shadow:0 0 0 1px rgba(63,5,146,.06)} /* FAQ: the line under the title in the same type as the title, the button the size of the hero's */ #yh-faq-sub,#yh-faq-sub p{font-family:Rubik,system-ui,sans-serif !important;font-size:clamp(20px,1.7vw,24px) !important;font-weight:500 !important;line-height:1.45 !important;color:#1E0B4B !important;margin:0} #yh-faq-cta .elementor-button{display:inline-flex !important;align-items:center;justify-content:center;height:62px;min-width:320px;padding:0 64px !important;font-size:18px !important;border-radius:12px !important} @media (max-width:767px){ #yh-reviews{padding:48px 0 !important} #yh-reviews .elementor-widget-testimonial-carousel .elementor-main-swiper{margin:0 !important} #yh-reviews .elementor-swiper-button{display:none !important} #yh-faq-cta .elementor-button{min-width:0;width:100%;padding:0 32px !important} } /* ===== Round 12b ===== */ /* Reviews: the carousel uses the full column again, the arrows sit outside it */ #yh-reviews-in{width:min(1240px,calc(100% - 160px)) !important} #yh-reviews .elementor-widget-testimonial-carousel .elementor-main-swiper{margin:0 !important;width:100% !important} #yh-reviews .elementor-swiper{position:relative} #yh-reviews .elementor-swiper-button-prev{right:-66px !important} #yh-reviews .elementor-swiper-button-next{left:-66px !important} @media (max-width:767px){#yh-reviews-in{width:calc(100% - 32px) !important}} /* Lead: heading on top, the form under it, rings that keep moving */ @property --yhr1{syntax:'';inherits:false;initial-value:0px} @property --yhr2{syntax:'';inherits:false;initial-value:0px} #yh-lead-in{grid-template-columns:1fr !important;justify-items:center;gap:36px !important;width:min(880px,calc(100% - 48px)) !important} #yh-lead-copy{align-items:center !important;text-align:center} #yh-lead-copy .elementor-heading-title{text-align:center !important} #yh-lead-form{width:100% !important} #yh-lead-form .elementor-form-fields-wrapper{display:grid !important;grid-template-columns:repeat(3,1fr);gap:14px;margin:0 !important} #yh-lead-form .elementor-field-group{margin:0 !important;padding:0 !important} #yh-lead-form .elementor-field-type-acceptance,#yh-lead-form .e-form__buttons{grid-column:1/-1} #yh-lead-form .e-form__buttons{order:9} #yh-lead:before{ background:repeating-radial-gradient(circle at 12% 110%,transparent calc(var(--yhr1) + 0px),transparent calc(var(--yhr1) + 46px),rgba(255,255,255,.26) calc(var(--yhr1) + 46px),rgba(255,255,255,.26) calc(var(--yhr1) + 47px)), repeating-radial-gradient(circle at 90% -20%,transparent calc(var(--yhr2) + 0px),transparent calc(var(--yhr2) + 34px),rgba(11,29,99,.12) calc(var(--yhr2) + 34px),rgba(11,29,99,.12) calc(var(--yhr2) + 35px)) !important; animation:yhRings 6s linear infinite} @keyframes yhRings{to{--yhr1:47px;--yhr2:35px}} /* a slow sweep of light crossing the section */ #yh-lead-in:before{content:"";position:absolute;inset:-104px -50vw;pointer-events:none;z-index:-1; background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.28) 50%,transparent 60%);background-size:250% 100%;animation:yhSweep 9s ease-in-out infinite} #yh-lead-in{position:relative} @keyframes yhSweep{0%{background-position:120% 0}60%,100%{background-position:-20% 0}} @media (max-width:767px){ #yh-lead-in{width:calc(100% - 32px) !important} #yh-lead-form .elementor-form-fields-wrapper{grid-template-columns:1fr} } @media (prefers-reduced-motion:reduce){#yh-lead:before,#yh-lead-in:before{animation:none}} /* 12c: card ends with the name, lead heading on one line on desktop, legal fully white */ #yh-reviews .elementor-testimonial__footer{border-top:0 !important;padding-top:0 !important} #yh-reviews .elementor-testimonial__footer:empty{display:none} #yh-reviews .elementor-testimonial{gap:16px !important} #yh-lead-in{width:min(1040px,calc(100% - 48px)) !important} #yh-lead-copy{width:100% !important} #yh-lead-form{max-width:880px} /* ===== Round 13: real product cards (quantity, slider, quick buy) in the new skin, and a sale section ===== */ :is(#yh-best,#yh-sale) .yhpc ul.products{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:0 !important;padding:0 !important;list-style:none} :is(#yh-best,#yh-sale) .yhpc ul.products:before,:is(#yh-best,#yh-sale) .yhpc ul.products:after{content:none !important;display:none !important} :is(#yh-best,#yh-sale) .yhpc li.product{position:relative;width:auto !important;float:none !important;margin:0 !important;padding:0 0 18px !important;display:flex !important;flex-direction:column; background:#fff;border-radius:24px;box-shadow:0 0 0 1px rgba(63,5,146,.08),0 24px 50px -30px rgba(11,29,99,.55);text-align:center;font-family:Rubik,system-ui,sans-serif;overflow:visible; transition:transform .45s cubic-bezier(.16,1,.3,1),box-shadow .45s cubic-bezier(.16,1,.3,1)} :is(#yh-best,#yh-sale) .yhpc li.product:hover{transform:translateY(-6px);box-shadow:0 0 0 1px rgba(63,5,146,.12),0 34px 60px -28px rgba(11,29,99,.6)} /* head: icon then name */ :is(#yh-best,#yh-sale) .yhpc .flex-center{order:1;display:flex !important;justify-content:center;padding:26px 0 0 !important;margin:0 !important} :is(#yh-best,#yh-sale) .yhpc .product-icon{width:68px !important;height:68px !important;border-radius:50%;object-fit:contain;box-shadow:0 10px 24px -12px rgba(11,29,99,.5);background:#fff} :is(#yh-best,#yh-sale) .yhpc a.woocommerce-LoopProduct-link{order:2;display:block !important;padding:14px 18px 0 !important;text-decoration:none !important;background:none !important;min-height:0 !important;height:auto !important} :is(#yh-best,#yh-sale) .yhpc a.woocommerce-LoopProduct-link > img,:is(#yh-best,#yh-sale) .yhpc a.woocommerce-LoopProduct-link > .price{display:none !important} :is(#yh-best,#yh-sale) .yhpc .woocommerce-loop-product__title{margin:0 !important;padding:0 !important;font:700 18px/1.35 Rubik,sans-serif !important;color:#1E0B4B !important;min-height:2.7em;display:flex;align-items:center;justify-content:center} :is(#yh-best,#yh-sale) .yhpc .background-additional-product-img{position:absolute !important;top:16px;right:16px;left:auto !important;width:34px !important;height:22px !important;border-radius:5px;background-size:cover !important;background-position:center !important;box-shadow:0 0 0 1px rgba(0,0,0,.08);margin:0 !important} /* quantity, slider, live price */ :is(#yh-best,#yh-sale) .yhpc .border-grey{order:3;display:flex !important;flex-direction:column;gap:12px;margin:16px 16px 0 !important;padding:16px !important;border:0 !important;border-radius:18px;background:#F6F4FD !important;box-shadow:none !important} :is(#yh-best,#yh-sale) .yhpc .input-wrap{display:flex !important;align-items:center;justify-content:space-between;gap:10px;margin:0 !important} :is(#yh-best,#yh-sale) .yhpc .product-vip-img{display:none !important} :is(#yh-best,#yh-sale) .yhpc .input-label{font:500 14px Rubik,sans-serif !important;color:#5B4E80 !important;margin:0 !important} :is(#yh-best,#yh-sale) .yhpc .quantity{display:flex !important;margin:0 !important} :is(#yh-best,#yh-sale) .yhpc .quantity .minus,:is(#yh-best,#yh-sale) .yhpc .quantity .plus{display:none !important} :is(#yh-best,#yh-sale) .yhpc .qty{width:110px !important;height:42px !important;border-radius:12px !important;border:1px solid #E2DDF2 !important;background:#fff !important;text-align:center !important; font:600 17px Rubik,sans-serif !important;color:#1E0B4B !important;padding:0 8px !important;-moz-appearance:textfield} :is(#yh-best,#yh-sale) .yhpc .qty:focus{outline:0;border-color:#03DAC4 !important;box-shadow:0 0 0 4px rgba(3,218,196,.18)} :is(#yh-best,#yh-sale) .yhpc .qty::-webkit-inner-spin-button{display:none} :is(#yh-best,#yh-sale) .yhpc .range-amount{display:block !important;width:100% !important;height:22px;margin:0 !important;background:transparent !important;-webkit-appearance:none;appearance:none;cursor:pointer;border:0 !important} :is(#yh-best,#yh-sale) .yhpc .range-amount::-webkit-slider-runnable-track{height:6px;border-radius:6px;background:linear-gradient(90deg,#03DAC4,#3F0592)} :is(#yh-best,#yh-sale) .yhpc .range-amount::-moz-range-track{height:6px;border-radius:6px;background:linear-gradient(90deg,#03DAC4,#3F0592)} :is(#yh-best,#yh-sale) .yhpc .range-amount::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-8px;border-radius:50%;background:#fff;border:3px solid #3F0592;box-shadow:0 4px 10px -2px rgba(11,29,99,.4);transition:transform .2s} :is(#yh-best,#yh-sale) .yhpc .range-amount::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:3px solid #3F0592} :is(#yh-best,#yh-sale) .yhpc .range-amount:active::-webkit-slider-thumb{transform:scale(1.15)} :is(#yh-best,#yh-sale) .yhpc .border-grey .price{margin:0 !important;font:700 26px Rubik,sans-serif !important;color:#0B1D63 !important;direction:ltr} :is(#yh-best,#yh-sale) .yhpc .border-grey .price *{color:inherit !important;font:inherit !important} /* two buttons in a row: quick buy leads */ :is(#yh-best,#yh-sale) .yhpc .product-buttons-group{order:4;display:block !important;margin:14px 16px 0 !important;padding:0 !important;width:auto !important} :is(#yh-best,#yh-sale) .yhpc .quick_view{order:5;margin:10px 16px 0 !important} :is(#yh-best,#yh-sale) .yhpc .product-buttons-group .button,:is(#yh-best,#yh-sale) .yhpc .quick_view{display:flex !important;align-items:center;justify-content:center;width:auto !important;height:48px;padding:0 16px !important;border-radius:12px !important; font:600 16px Rubik,sans-serif !important;text-decoration:none !important;cursor:pointer;transition:background .3s,color .3s,transform .3s;float:none !important;line-height:1 !important} :is(#yh-best,#yh-sale) .yhpc .quick_view{background:#03DAC4 !important;color:#0B1D63 !important;border:0 !important} :is(#yh-best,#yh-sale) .yhpc .quick_view:hover{background:#0B1D63 !important;color:#fff !important} :is(#yh-best,#yh-sale) .yhpc .product-buttons-group .button{background:transparent !important;color:#3F0592 !important;border:1px solid rgba(63,5,146,.22) !important} :is(#yh-best,#yh-sale) .yhpc .product-buttons-group .button:hover{background:#F2EFFA !important} :is(#yh-best,#yh-sale) .yhpc .quick_view{order:4} :is(#yh-best,#yh-sale) .yhpc .product-buttons-group{order:5;margin-top:10px !important} /* the sale burst: a star that turns and breathes, the word stays still */ :is(#yh-best,#yh-sale) .yhpc .onsale{position:absolute !important;top:-18px !important;left:-14px !important;right:auto !important;z-index:4;width:84px !important;height:84px !important;min-width:0 !important;min-height:0 !important; margin:0 !important;padding:0 !important;display:grid !important;place-items:center;background:none !important;border-radius:0 !important;font:800 17px/1 Rubik,sans-serif !important;color:#fff !important; animation:yhSaleBreath 2.4s ease-in-out infinite} :is(#yh-best,#yh-sale) .yhpc .onsale:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,#FF4D8D,#7A2BE6); clip-path:polygon(50.0% 0.0%,59.8% 13.3%,75.0% 6.7%,76.9% 23.1%,93.3% 25.0%,86.7% 40.2%,100.0% 50.0%,86.7% 59.8%,93.3% 75.0%,76.9% 76.9%,75.0% 93.3%,59.8% 86.7%,50.0% 100.0%,40.2% 86.7%,25.0% 93.3%,23.1% 76.9%,6.7% 75.0%,13.3% 59.8%,0.0% 50.0%,13.3% 40.2%,6.7% 25.0%,23.1% 23.1%,25.0% 6.7%,40.2% 13.3%); animation:yhSaleSpin 9s linear infinite;filter:drop-shadow(0 8px 14px rgba(122,43,230,.45))} @keyframes yhSaleSpin{to{rotate:360deg}} @keyframes yhSaleBreath{0%,100%{scale:1}50%{scale:1.1}} /* Sale section: light, with the turquoise of the brand */ #yh-sale{background:radial-gradient(800px 380px at 90% 0%,rgba(3,218,196,.14),transparent 70%),radial-gradient(700px 360px at 0% 100%,rgba(122,43,230,.10),transparent 70%),#FBFAFF !important;padding:96px 0 !important;position:relative} #yh-sale-title .elementor-heading-title{color:#1E0B4B !important} #yh-sale .yhpc li.product{box-shadow:0 0 0 1px rgba(63,5,146,.08),0 24px 50px -32px rgba(11,29,99,.4)} #yh-best .yhpc li.product{box-shadow:0 26px 50px -30px rgba(0,0,0,.6)} @media (max-width:1100px){:is(#yh-best,#yh-sale) .yhpc ul.products{grid-template-columns:repeat(2,minmax(0,1fr))}} @media (max-width:767px){ :is(#yh-best,#yh-sale) .yhpc ul.products{display:flex !important;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;margin:0 -16px !important;padding:22px 16px 18px !important;scrollbar-width:none} :is(#yh-best,#yh-sale) .yhpc ul.products::-webkit-scrollbar{display:none} :is(#yh-best,#yh-sale) .yhpc li.product{flex:0 0 80%;scroll-snap-align:center} #yh-sale{padding:64px 0 !important} :is(#yh-best,#yh-sale) .yhpc .onsale{top:-12px !important;left:-6px !important;width:72px !important;height:72px !important;font-size:15px !important} } @media (prefers-reduced-motion:reduce){:is(#yh-best,#yh-sale) .yhpc .onsale,:is(#yh-best,#yh-sale) .yhpc .onsale:before{animation:none}} /* sale section shares the layout of best sales */ #yh-sale{--s-ink:#1E0B4B} #yh-sale-head,#yh-sale-list{width:min(1240px,calc(100% - 48px)) !important;margin-left:auto !important;margin-right:auto !important;max-width:none !important} #yh-sale-head{display:flex !important;flex-direction:column !important;align-items:center !important;margin-bottom:36px !important;padding:0 !important} #yh-sale-title .elementor-heading-title{font-family:Rubik,system-ui,sans-serif !important;font-size:clamp(32px,3.2vw,44px) !important;font-weight:700 !important;text-align:center;letter-spacing:-.01em} #yh-best-list,#yh-sale-list{padding-top:18px !important} @media (max-width:767px){#yh-sale-head,#yh-sale-list{width:calc(100% - 32px) !important}} :is(#yh-best,#yh-sale) .yhpc{width:100% !important} :is(#yh-best,#yh-sale) .yhpc .flex-center{position:static !important;top:auto !important} /* 13b: the units label back, no empty space under the price */ :is(#yh-best,#yh-sale) .yhpc .input-label{display:block !important;visibility:visible !important;opacity:1 !important} :is(#yh-best,#yh-sale) .yhpc .border-grey{height:auto !important;min-height:0 !important;flex:none !important} :is(#yh-best,#yh-sale) .yhpc .input-wrap{width:100% !important;flex-direction:row !important} /* ===== Round 14: best sales on the light background with a "Best" burst, sale on the deep blue ===== */ #yh-best{background:radial-gradient(800px 380px at 90% 0%,rgba(3,218,196,.14),transparent 70%),radial-gradient(700px 360px at 0% 100%,rgba(122,43,230,.10),transparent 70%),#FBFAFF !important} #yh-best:before{background-image:radial-gradient(rgba(63,5,146,.10) 1.1px,transparent 1.4px) !important} #yh-best-title .elementor-heading-title{color:#1E0B4B !important} #yh-best .yhpc li.product{box-shadow:0 0 0 1px rgba(63,5,146,.08),0 24px 50px -32px rgba(11,29,99,.4) !important} #yh-sale{background:radial-gradient(900px 420px at 85% 0%,rgba(122,43,230,.35),transparent 70%),radial-gradient(700px 380px at 5% 100%,rgba(3,218,196,.18),transparent 70%),#0B1D63 !important} #yh-sale:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(255,255,255,.14) 1.1px,transparent 1.4px);background-size:24px 24px; -webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 40%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 70% 70% at 50% 40%,#000 20%,transparent 75%)} #yh-sale > *{position:relative;z-index:1} #yh-sale-title .elementor-heading-title{color:#fff !important} #yh-sale .yhpc li.product{box-shadow:0 26px 50px -30px rgba(0,0,0,.6) !important} /* the Best burst: same living star as the sale, in turquoise, on the opposite corner */ #yh-best .yhpc li.product:before,#yh-best .yhpc li.product:after{content:"";position:absolute;top:-18px;right:-14px;width:84px;height:84px;z-index:4;pointer-events:none} #yh-best .yhpc li.product:before{background:linear-gradient(135deg,#2EEAD8,#03DAC4 45%,#2D6BE4);filter:drop-shadow(0 8px 14px rgba(3,170,160,.45)); clip-path:polygon(50.0% 0.0%,59.8% 13.3%,75.0% 6.7%,76.9% 23.1%,93.3% 25.0%,86.7% 40.2%,100.0% 50.0%,86.7% 59.8%,93.3% 75.0%,76.9% 76.9%,75.0% 93.3%,59.8% 86.7%,50.0% 100.0%,40.2% 86.7%,25.0% 93.3%,23.1% 76.9%,6.7% 75.0%,13.3% 59.8%,0.0% 50.0%,13.3% 40.2%,6.7% 25.0%,23.1% 23.1%,25.0% 6.7%,40.2% 13.3%); animation:yhSaleSpin 9s linear infinite reverse} #yh-best .yhpc li.product:after{content:"Best";display:grid;place-items:center;font:800 18px/1 Rubik,sans-serif;color:#0B1D63;letter-spacing:.02em;animation:yhSaleBreath 2.4s ease-in-out infinite} #yh-best .yhpc .background-additional-product-img{right:auto !important;left:16px !important} @media (max-width:767px){ #yh-best .yhpc li.product:before,#yh-best .yhpc li.product:after{top:-12px;right:-6px;width:72px;height:72px} #yh-best .yhpc li.product:after{font-size:16px} } @media (prefers-reduced-motion:reduce){#yh-best .yhpc li.product:before,#yh-best .yhpc li.product:after{animation:none}} /* 14b: FAQ on white so it reads apart from the lavender blog above it */ #yh-faq{background:#fff !important} /* ===== Round 15 ===== */ /* product cards: the two buttons close together */ :is(#yh-best,#yh-sale) .yhpc .quick_view{margin:12px 16px 0 !important;height:46px} :is(#yh-best,#yh-sale) .yhpc .product-buttons-group{margin:8px 16px 0 !important} :is(#yh-best,#yh-sale) .yhpc .product-buttons-group .button{margin:0 !important;height:46px} /* slider: a deeper track that fills with turquoise as it moves */ :is(#yh-best,#yh-sale) .yhpc .range-amount::-webkit-slider-runnable-track{background:linear-gradient(90deg,#03DAC4 0,#03DAC4 var(--p,0%),#D6CCEF var(--p,0%),#D6CCEF 100%) !important} :is(#yh-best,#yh-sale) .yhpc .range-amount::-moz-range-track{background:#D6CCEF !important} :is(#yh-best,#yh-sale) .yhpc .range-amount::-moz-range-progress{height:6px;border-radius:6px;background:#03DAC4} :is(#yh-best,#yh-sale) .yhpc .range-amount::-webkit-slider-thumb{border-color:#03DAC4 !important} /* reviews: far less air under the dots */ #yh-reviews{padding:56px 0 40px !important} #yh-reviews .elementor-swiper,#yh-reviews .elementor-main-swiper,#yh-reviews .swiper{padding-bottom:0 !important;margin-bottom:0 !important} #yh-reviews .swiper-pagination{margin-top:14px !important;bottom:auto !important} #yh-reviews-in > .elementor-element:last-child{margin-bottom:0 !important} /* FAQ button in the site turquoise */ #yh-faq-cta .elementor-button{background:#03DAC4 !important;color:#0B1D63 !important} #yh-faq-cta .elementor-button:hover{background:#0B1D63 !important;color:#fff !important} /* lead: the heading, the line under it and the form share one wide white card */ #yh-lead-in{width:min(1100px,calc(100% - 48px)) !important;background:#fff;border-radius:32px;padding:52px 60px !important;gap:28px !important; box-shadow:0 40px 80px -36px rgba(11,29,99,.55)} #yh-lead-form{max-width:none !important} #yh-lead-form .elementor-form{background:none !important;box-shadow:none !important;padding:0 !important;border-radius:0 !important} @media (max-width:767px){ #yh-lead-in{width:calc(100% - 24px) !important;padding:32px 20px !important;border-radius:24px} } /* ===== Round 16: mobile pass (Julia, 15.10) ===== */ @media (max-width:767px){ /* why: the glyphs come back on the tiles */ #yh-why-list > .e-con:after{display:block !important;content:"" !important;top:26px !important} /* best and sale: title close to the cards, flat cards with a hairline instead of a shadow */ #yh-best-head,#yh-sale-head{margin-bottom:0 !important} #yh-best-list,#yh-sale-list{padding-top:0 !important} :is(#yh-best,#yh-sale) .yhpc ul.products{padding:26px 16px 8px !important} :is(#yh-best,#yh-sale) .yhpc li.product{box-shadow:0 0 0 1px rgba(63,5,146,.10) !important;transition:none} :is(#yh-best,#yh-sale) .yhpc li.product:hover{transform:none} #yh-sale .yhpc li.product{box-shadow:none !important} #yh-best,#yh-sale{padding:52px 0 40px !important} /* nice to meet you: the orbit first, then the words */ #yh-about-grid{display:flex !important;flex-direction:column !important;gap:28px !important} #yh-about-visual{order:-1} .yha{width:290px !important} /* press: two even columns, no sideways scroll, no shadow */ #yh-press{padding:52px 0 !important} #yh-press-head{margin-bottom:20px !important} #yh-press-grid{display:grid !important;grid-template-columns:1fr 1fr !important;overflow:visible !important;margin:0 auto !important;padding:0 !important;gap:12px !important} #yh-press-grid > .elementor-element{flex:none !important;width:auto !important} #yh-press-grid .elementor-image-box-wrapper{padding:16px 14px 58px !important;gap:12px;box-shadow:none !important;transition:none;min-height:100%} #yh-press-grid .elementor-image-box-wrapper:hover{transform:none;box-shadow:none !important} #yh-press-grid .elementor-image-box-img{height:44px} #yh-press-grid .elementor-image-box-img img{max-width:96px !important;max-height:40px !important} #yh-press-grid .elementor-image-box-title,#yh-press-grid .elementor-image-box-title a{font-size:15px !important} #yh-press-grid .elementor-image-box-wrapper:after{left:14px;bottom:14px;width:32px;height:32px} /* blog: flat cards, the same top line for all */ .yhbc{align-items:stretch} .yhbc__link{box-shadow:0 0 0 1px rgba(63,5,146,.08) !important;transition:none} .yhbc__link:hover{transform:none;box-shadow:0 0 0 1px rgba(63,5,146,.08) !important} .yhbc__card--lead .yhbc__media{min-height:0 !important;flex:none !important;aspect-ratio:16/9 !important} #yh-blog{padding:52px 0 !important} #yh-blog-in{gap:20px !important} } /* 16c: the orbit core keeps its deep blue so the white logo shows */ #yh-about .yha__core{background:radial-gradient(circle at 30% 25%,#5B2BE0,#2D3FC0 55%,#0B1D63) !important;box-shadow:0 40px 70px -30px rgba(30,20,120,.75),inset 0 1px 0 rgba(255,255,255,.3) !important} /* 16d: Instagram keeps its gradient in the orbit too */ .yha .yh-brand--instagram{background:linear-gradient(45deg,#FEDA75,#FA7E1E 25%,#D62976 50%,#962FBF 75%,#4F5BD5) !important} /* 18b: the product name leads, the price follows */ :is(#yh-best,#yh-sale) .yhpc .woocommerce-loop-product__title{font-size:21px !important;line-height:1.3 !important} :is(#yh-best,#yh-sale) .yhpc .border-grey .price{font-size:19px !important} @media (max-width:767px){ :is(#yh-best,#yh-sale) .yhpc .woocommerce-loop-product__title{font-size:20px !important} :is(#yh-best,#yh-sale) .yhpc .border-grey .price{font-size:18px !important} } /* Sale: four per row; fewer than four sit centred */ @media (min-width:1101px){#yh-sale .yhpc ul.products{display:flex !important;flex-wrap:wrap;justify-content:center;gap:20px}#yh-sale .yhpc ul.products > li.product{flex:0 0 calc((100% - 60px) / 4);max-width:calc((100% - 60px) / 4)}} @media (min-width:768px) and (max-width:1100px){#yh-sale .yhpc ul.products{display:flex !important;flex-wrap:wrap;justify-content:center;gap:20px}#yh-sale .yhpc ul.products > li.product{flex:0 0 calc((100% - 20px) / 2);max-width:calc((100% - 20px) / 2)}} /* Copy 18.10: tile 3 is now 'הזמנה 24/7' -> clock icon, gentle float only */ #yh-why-3{--ic:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 2'/%3E%3C/svg%3E") !important} #yh-why-3:after{animation:yhTileFloat 4.6s ease-in-out -1.8s infinite !important} /* 19.10 phones: why tiles a little tighter, icons a little smaller */ @media (max-width:767px){ #yh-why #yh-why-list > .e-con{padding:20px 10px 16px !important;gap:14px !important} #yh-why #yh-why-list > .e-con:before{width:54px !important;height:54px !important;border-radius:17px !important} #yh-why #yh-why-list > .e-con.e-con:after{width:54px !important;height:54px !important;margin-left:-27px !important;top:20px !important} } /* 19.10 outline buttons: transparent, border only */ #yh-sale-all{width:100% !important;display:flex !important;justify-content:center;margin-top:36px !important} #yh-sale-all .elementor-button,#yh-faq-all .elementor-button{display:inline-flex !important;align-items:center;justify-content:center;gap:10px;height:54px;padding:0 34px !important;border-radius:12px !important;background:transparent !important;font:600 16px Rubik,sans-serif !important;transition:background .25s,color .25s,border-color .25s} #yh-sale-all .elementor-button{color:#fff !important;border:1.5px solid rgba(255,255,255,.55) !important} #yh-sale-all .elementor-button:hover{background:#fff !important;color:#0B1D63 !important;border-color:#fff !important} #yh-faq-all .elementor-button{color:#0B1D63 !important;border:1.5px solid rgba(11,29,99,.3) !important;min-width:320px;height:62px;font-size:18px !important} #yh-faq-all .elementor-button:hover{background:#0B1D63 !important;color:#fff !important;border-color:#0B1D63 !important} #yh-sale-all .elementor-button:focus-visible,#yh-faq-all .elementor-button:focus-visible{outline:3px solid #03DAC4;outline-offset:3px} @media (max-width:767px){#yh-sale-all{margin-top:24px !important}#yh-sale-all .elementor-button{width:calc(100vw - 32px);max-width:420px}#yh-faq-all .elementor-button{min-width:0;width:100%}} /* 19.10 outline buttons: longer + text 2px larger */ #yh-sale-all .elementor-button{min-width:340px;height:58px;font-size:18px !important} #yh-faq-all .elementor-button{font-size:20px !important} #yh-blog-all .elementor-button{display:inline-flex !important;align-items:center;justify-content:center;min-width:240px;height:52px;padding:0 34px !important;font-size:17px !important} @media (max-width:767px){#yh-sale-all .elementor-button{min-width:0}#yh-blog-all .elementor-button{min-width:200px}} /* 19.10 blog button under the cards, centred; phones: outline buttons 85% wide */ #yh-blog-all{width:100% !important;display:flex !important;justify-content:center;margin-top:40px !important} @media (max-width:767px){#yh-blog-all{margin-top:28px !important}#yh-sale-all .elementor-button,#yh-faq-all .elementor-button,#yh-blog-all .elementor-button{width:85vw !important;min-width:0 !important;max-width:none !important}#yh-faq-all{display:flex !important;justify-content:center}}/* End custom CSS */ /* Start custom CSS for shortcode, class: .elementor-element-6c9a214 *//* YouHoo: Google Reviews slider skin (feed 234842) */ #yh-greviews{--yh-ink:#1E0B4B;--yh-text:#3E3466;--yh-muted:#5B4E80;--yh-purple:#3F0592;--yh-blue:#2d6be4;--yh-turq:#03dac4;--yh-lav:#F6F4FD;--yh-line:#E6E0F5;--yh-dot:#C9BFE6;--yh-gold:#FFC531;--yh-gold-card:#F5A400;--yh-grad:linear-gradient(150deg,#1e0b4b 0%,#24095e 48%,#3f0592 100%);--yh-radius:26px;--yh-gap:20px;--yh-ease:cubic-bezier(.22,.61,.36,1);--yh-focus:0 0 0 3px #fff,0 0 0 6px var(--yh-blue);width:100%;max-width:100%;min-width:0} #yh-greviews .wp-gr.rpi{--card-gap:var(--yh-gap);--slider-gap:var(--yh-gap);--card-margin:0px;--slide-pad-x:0px;--card-padding:28px 26px 24px;--card-radius:var(--yh-radius);--card-bg:var(--yh-lav);--card-tail:var(--yh-lav);--card-shadow:none;--card-color:var(--yh-text);--time-color:var(--yh-muted);--name-color:var(--yh-ink);--card-star-color:var(--yh-gold-card);--card-star-size:18px;--card-img-size:46px;--card-text-size:16px;--card-line-height:1.7;--card-name-size:16px;--card-time-size:13px;--rpi-slider-behavior:smooth;font-family:inherit !important;color:var(--yh-text) !important} #yh-greviews .wp-gr.rpi,#yh-greviews .wp-gr.rpi *{font-family:inherit !important;box-sizing:border-box} #yh-greviews .wp-gr.rpi .grw-row{align-items:stretch !important;gap:28px !important} #yh-greviews .wp-gr.rpi .grw-header.rpi-rate{flex:0 0 300px !important;width:300px !important;min-width:0 !important;display:flex !important;padding:0 !important;margin:0 !important} #yh-greviews .wp-gr.rpi .grw-header-inner{position:relative !important;isolation:isolate;overflow:hidden !important;width:100% !important;margin:0 !important;padding:34px 26px 30px !important;border-radius:var(--yh-radius) !important;background:var(--yh-grad) !important;box-shadow:0 24px 48px -26px rgba(63,5,146,.55) !important;display:flex !important;align-items:center !important;justify-content:center !important} #yh-greviews .wp-gr.rpi .grw-header-inner::before,#yh-greviews .wp-gr.rpi .grw-header-inner::after{content:"" !important;position:absolute !important;pointer-events:none !important;z-index:-1 !important;border-radius:50% !important} #yh-greviews .wp-gr.rpi .grw-header-inner::before{width:260px;height:260px;inset-block-start:-120px;inset-inline-end:-110px;background:radial-gradient(closest-side,rgba(3,218,196,.38),rgba(3,218,196,0)) !important} #yh-greviews .wp-gr.rpi .grw-header-inner::after{width:220px;height:220px;inset-block-end:-120px;inset-inline-start:-90px;border:1.5px solid rgba(255,255,255,.14) !important;box-shadow:0 0 0 26px rgba(255,255,255,.035) !important} #yh-greviews .wp-gr.rpi .grw-header-inner > .rpi-col8{display:flex !important;flex-direction:column !important;align-items:center !important;justify-content:center !important;gap:0 !important;width:100% !important;max-width:100% !important;text-align:center !important} #yh-greviews .wp-gr.rpi .grw-header .wp-google-scale{display:inline-flex !important;align-items:center !important;gap:6px !important;margin:0 0 14px !important;padding:6px 14px !important;border-radius:999px !important;background:rgba(3,218,196,.14) !important;box-shadow:inset 0 0 0 1px rgba(3,218,196,.45) !important;color:var(--yh-turq) !important;font-size:13px !important;font-weight:700 !important;line-height:1.2 !important;letter-spacing:.02em !important} #yh-greviews .wp-gr.rpi .grw-header .rpi-stars{--star-size:24px !important;--star-gap:4px !important;--rpi-star-color:var(--yh-gold);--star-color:var(--yh-gold);position:relative !important;display:block !important;width:auto !important;height:auto !important;min-height:0 !important;margin:0 !important;padding:0 0 38px !important;color:#fff !important;font-size:84px !important;font-weight:700 !important;line-height:.95 !important;letter-spacing:-.03em !important;font-variant-numeric:tabular-nums;direction:ltr !important;unicode-bidi:isolate !important;text-shadow:0 6px 30px rgba(3,218,196,.25)} #yh-greviews .wp-gr.rpi .grw-header .rpi-stars::before,#yh-greviews .wp-gr.rpi .grw-header .rpi-stars::after{top:auto !important;bottom:0 !important;left:50% !important;right:auto !important;transform:translateX(-50%) !important} #yh-greviews .wp-gr.rpi .grw-header .rpi-stars::before{opacity:.35 !important} #yh-greviews .wp-gr.rpi .grw-header .wp-google-based{margin:14px 0 0 !important;color:rgba(255,255,255,.82) !important;font-size:15px !important;font-weight:400 !important;line-height:1.4 !important} #yh-greviews .wp-gr.rpi .grw-header .wp-google-based b{color:#fff !important;font-weight:700 !important} #yh-greviews .wp-gr.rpi .grw-header .wp-google-powered{--goog-height:22px !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;margin:18px 0 0 !important;padding:9px 18px 8px !important;border-radius:999px !important;background:#fff !important;box-shadow:0 10px 24px -12px rgba(0,0,0,.45) !important;line-height:0 !important} #yh-greviews .wp-gr.rpi .grw-content{position:relative !important;flex:1 1 0 !important;width:auto !important;min-width:0 !important;display:flex !important;flex-direction:column !important;justify-content:center !important;padding-bottom:70px !important} #yh-greviews .wp-gr.rpi .grw-content-inner{position:static !important;align-items:stretch !important} #yh-greviews .wp-gr.rpi .rpi-slides{-webkit-mask:none !important;mask:none !important;align-items:stretch !important;padding:8px 0 32px !important;margin:-8px 0 -32px !important;scroll-behavior:var(--rpi-slider-behavior,smooth) !important} #yh-greviews .wp-gr.rpi .rpi-slide.grw-review{overflow:visible !important;padding:0 !important;display:flex !important;align-items:stretch !important} #yh-greviews .wp-gr.rpi .rpi-card > .grw-review-inner{position:relative !important;display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:0 !important;margin:0 !important;width:100% !important;height:auto !important;padding:28px 26px 22px !important;border:1px solid transparent !important;border-radius:var(--yh-radius) !important;background:var(--yh-lav) !important;box-shadow:none !important;transition:transform .35s var(--yh-ease),box-shadow .35s var(--yh-ease),border-color .35s var(--yh-ease),background-color .35s var(--yh-ease) !important} #yh-greviews .wp-gr.rpi .rpi-card > .grw-review-inner.rpi-logo::before{display:none !important} #yh-greviews .wp-gr.rpi .rpi-card > .grw-review-inner::after{content:"" !important;position:absolute !important;inset-block-start:22px !important;inset-inline-end:24px !important;width:38px !important;height:30px !important;background:linear-gradient(135deg,var(--yh-purple),var(--yh-blue)) !important;opacity:.16 !important;-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 32'%3E%3Cpath d='M0 32V19.6C0 8.6 5.4 2 16.2 0l1.9 4.6C12 6.4 9 10 8.6 15H16v17H0zm22 0V19.6C22 8.6 27.4 2 38.2 0l1.8 4.6C34 6.4 31 10 30.6 15H38v17H22z'/%3E%3C/svg%3E") center/contain no-repeat !important;mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 32'%3E%3Cpath d='M0 32V19.6C0 8.6 5.4 2 16.2 0l1.9 4.6C12 6.4 9 10 8.6 15H16v17H0zm22 0V19.6C22 8.6 27.4 2 38.2 0l1.8 4.6C34 6.4 31 10 30.6 15H38v17H22z'/%3E%3C/svg%3E") center/contain no-repeat !important;transition:opacity .35s var(--yh-ease) !important;pointer-events:none !important} #yh-greviews .wp-gr.rpi .rpi-card .grw-review-inner > .rpi-stars{order:1 !important;align-self:flex-start !important;margin:0 0 16px !important;--star-size:18px !important;--star-gap:3px !important;--rpi-star-color:var(--yh-gold-card);--star-color:var(--yh-gold-card)} #yh-greviews .wp-gr.rpi .rpi-card .grw-review-inner > .rpi-flx{order:2 !important;flex:1 1 auto !important;margin:0 0 22px !important;min-width:0 !important} #yh-greviews .wp-gr.rpi .rpi-card .grw-review-inner > .rpi-row12-center{order:3 !important;margin-top:auto !important;padding-top:18px !important;border-top:1px solid var(--yh-line) !important;display:flex !important;flex-wrap:nowrap !important;align-items:center !important;gap:12px !important} #yh-greviews .wp-gr.rpi .rpi-card .wp-google-feedback{--card-text-lines:5;color:var(--yh-text) !important;font-size:16px !important;line-height:1.7 !important;font-weight:400 !important;white-space:normal !important;min-height:calc(3 * 1.7em) !important;padding:0 !important;margin:0 !important;outline:none} #yh-greviews .wp-gr.rpi .rpi-card .wp-google-text{color:inherit !important;padding:0 !important} #yh-greviews .wp-gr.rpi .rpi-card .grw-more,#yh-greviews .wp-gr.rpi .rpi-card .wp-more-toggle{display:inline-block !important;margin-top:6px !important;color:var(--yh-purple) !important;font-size:14px !important;font-weight:700 !important;text-decoration:underline !important;text-decoration-thickness:1.5px !important;text-underline-offset:3px !important;cursor:pointer !important} #yh-greviews .wp-gr.rpi .rpi-card .grw-img-wrap{flex:0 0 auto !important;--img-size:46px;min-width:46px !important;max-width:46px !important} #yh-greviews .wp-gr.rpi .rpi-card .grw-img-wrap::before{width:46px !important;height:46px !important;box-shadow:0 0 0 2px #fff,0 0 0 3.5px var(--yh-dot) !important} #yh-greviews .wp-gr.rpi .rpi-card .grw-img{width:46px !important;min-width:46px !important;max-width:46px !important;height:46px !important;border-radius:50% !important;object-fit:cover !important} #yh-greviews .wp-gr.rpi .rpi-card .rpi-row12-center > .rpi-col6{flex:1 1 auto !important;min-width:0 !important;display:flex !important;flex-direction:column !important;gap:2px !important} #yh-greviews .wp-gr.rpi .rpi-card a.wp-google-name{color:var(--yh-ink) !important;font-size:16px !important;font-weight:700 !important;line-height:1.35 !important;text-decoration:none !important;display:block !important;-webkit-line-clamp:unset !important;max-width:100% !important;white-space:nowrap !important;overflow:hidden !important;text-overflow:ellipsis !important;word-break:normal !important;border-radius:6px !important;transition:color .2s ease !important} #yh-greviews .wp-gr.rpi .rpi-card .wp-google-time{color:var(--yh-muted) !important;font-size:13px !important;line-height:1.4 !important;min-width:0 !important} #yh-greviews .wp-gr.rpi .rpi-card .rpi-row12-center::after{content:"" !important;flex:0 0 auto !important;width:20px !important;height:20px !important;background:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 48'%3E%3Cpath fill='%23FFC107' d='M43.6 20.1H42V20H24v8h11.3C33.7 32.7 29.2 36 24 36c-6.6 0-12-5.4-12-12s5.4-12 12-12c3.1 0 5.8 1.2 7.9 3l5.7-5.7C34 6.1 29.3 4 24 4 12.9 4 4 12.9 4 24s8.9 20 20 20 20-8.9 20-20c0-1.3-.1-2.6-.4-3.9z'/%3E%3Cpath fill='%23FF3D00' d='m6.3 14.7 6.6 4.8C14.7 15.1 19 12 24 12c3.1 0 5.8 1.2 7.9 3l5.7-5.7C34 6.1 29.3 4 24 4 16.3 4 9.7 8.3 6.3 14.7z'/%3E%3Cpath fill='%234CAF50' d='M24 44c5.2 0 9.9-2 13.4-5.2l-6.2-5.2C29.2 35.1 26.7 36 24 36c-5.2 0-9.6-3.3-11.3-7.9l-6.5 5C9.5 39.6 16.2 44 24 44z'/%3E%3Cpath fill='%231976D2' d='M43.6 20.1H42V20H24v8h11.3c-.8 2.2-2.2 4.2-4.1 5.6l6.2 5.2C37 39.2 44 34 44 24c0-1.3-.1-2.6-.4-3.9z'/%3E%3C/svg%3E") center/contain no-repeat !important} @media (hover:hover) and (pointer:fine){#yh-greviews .wp-gr.rpi .rpi-card:hover > .grw-review-inner{transform:translateY(-4px) !important;background:#fff !important;border-color:var(--yh-line) !important;box-shadow:0 14px 28px -18px rgba(63,5,146,.36) !important}#yh-greviews .wp-gr.rpi .rpi-card:hover > .grw-review-inner::after{opacity:.32 !important}#yh-greviews .wp-gr.rpi .rpi-card a.wp-google-name:hover{color:var(--yh-purple) !important;text-decoration:underline !important;text-underline-offset:3px !important}} #yh-greviews .wp-gr.rpi .rpi-card:focus-within > .grw-review-inner{background:#fff !important;border-color:var(--yh-line) !important} #yh-greviews .wp-gr.rpi .rpi-ltgt{position:absolute !important;top:auto !important;bottom:0 !important;margin:0 !important;width:46px !important;height:46px !important;padding:0 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;border:1px solid var(--yh-line) !important;border-radius:14px !important;background:#fff !important;box-shadow:0 10px 22px -12px rgba(63,5,146,.45) !important;cursor:pointer !important;z-index:2 !important;transition:background-color .25s var(--yh-ease),border-color .25s var(--yh-ease),transform .25s var(--yh-ease),box-shadow .25s var(--yh-ease) !important} #yh-greviews .wp-gr.rpi .rpi-ltgt.rpi-lt{left:calc(50% + 87px) !important;right:auto !important} #yh-greviews .wp-gr.rpi .rpi-ltgt.rpi-gt{right:calc(50% + 87px) !important;left:auto !important} #yh-greviews .wp-gr.rpi .rpi-ltgt.rpi-lt::before,#yh-greviews .wp-gr.rpi .rpi-ltgt.rpi-gt::after{width:20px !important;height:20px !important;background-color:var(--yh-purple) !important;-webkit-mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat !important;mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 5l7 7-7 7'/%3E%3C/svg%3E") center/contain no-repeat !important;transition:background-color .25s var(--yh-ease) !important} #yh-greviews .wp-gr.rpi .rpi-ltgt.rpi-lt::before{transform:none !important} #yh-greviews .wp-gr.rpi .rpi-ltgt.rpi-gt::after{transform:scaleX(-1) !important} @media (hover:hover) and (pointer:fine){#yh-greviews .wp-gr.rpi .rpi-ltgt:hover{background:var(--yh-purple) !important;border-color:var(--yh-purple) !important;transform:translateY(-2px) !important;box-shadow:0 14px 26px -12px rgba(63,5,146,.6) !important}#yh-greviews .wp-gr.rpi .rpi-ltgt:hover::before,#yh-greviews .wp-gr.rpi .rpi-ltgt:hover::after{background-color:#fff !important}} #yh-greviews .wp-gr.rpi .rpi-ltgt:active{transform:translateY(0) scale(.96) !important;box-shadow:0 4px 10px -6px rgba(63,5,146,.5) !important} #yh-greviews .wp-gr.rpi .rpi-ltgt:focus{outline:none !important} #yh-greviews .wp-gr.rpi .rpi-ltgt:focus-visible{outline:none !important;box-shadow:var(--yh-focus) !important} #yh-greviews .wp-gr.rpi .rpi-ltgt[disabled],#yh-greviews .wp-gr.rpi .rpi-ltgt[aria-disabled="true"]{opacity:.4 !important;cursor:default !important;transform:none !important} #yh-greviews .wp-gr.rpi .rpi-dots-wrap{position:absolute !important;top:auto !important;bottom:0 !important;left:50% !important;right:auto !important;transform:translateX(-50%) !important;width:150px !important;max-width:150px !important;height:46px !important;margin:0 !important;padding:0 !important;display:flex !important;align-items:center !important;justify-content:center !important} #yh-greviews .wp-gr.rpi .rpi-dots{gap:8px !important;align-items:center !important;padding:4px 2px !important;max-width:100% !important} #yh-greviews .wp-gr.rpi .rpi-dots .rpi-dot{flex:0 0 auto !important;width:8px !important;height:8px !important;border-radius:999px !important;background-color:var(--yh-dot) !important;opacity:1 !important;transform:none !important;cursor:pointer !important;transition:width .35s var(--yh-ease),background-color .35s var(--yh-ease) !important} #yh-greviews .wp-gr.rpi .rpi-dots .rpi-dot:hover{background-color:#A797D6 !important} #yh-greviews .wp-gr.rpi .rpi-dots .rpi-dot.active{width:26px !important;background-color:var(--yh-purple) !important} #yh-greviews .wp-gr.rpi .rpi-dots .rpi-dot.s2,#yh-greviews .wp-gr.rpi .rpi-dots .rpi-dot.s3{transform:none !important} #yh-greviews .wp-gr.rpi a:focus-visible,#yh-greviews .wp-gr.rpi .rpi-dot:focus-visible,#yh-greviews .wp-gr.rpi .wp-google-feedback:focus-visible{outline:3px solid var(--yh-blue) !important;outline-offset:3px !important} #yh-greviews .wp-gr.rpi .rpi-slides:focus-visible{outline:3px solid var(--yh-blue) !important;outline-offset:4px !important;border-radius:var(--yh-radius) !important} #yh-greviews .wp-gr.rpi .grw-row.grw-row-xs,#yh-greviews .wp-gr.rpi .grw-row.grw-row-x{flex-direction:column !important;flex-wrap:nowrap !important;gap:22px !important} #yh-greviews .wp-gr.rpi .grw-row.grw-row-xs .grw-header.rpi-rate,#yh-greviews .wp-gr.rpi .grw-row.grw-row-x .grw-header.rpi-rate{flex:0 0 auto !important;width:100% !important} #yh-greviews .wp-gr.rpi .grw-row.grw-row-xs .grw-content,#yh-greviews .wp-gr.rpi .grw-row.grw-row-x .grw-content{flex:0 0 auto !important;width:100% !important} #yh-greviews .wp-gr.rpi .grw-row.grw-row-x .grw-review{--col:2} #yh-greviews .wp-gr.rpi .grw-row.grw-row-xs .grw-review{--col:1.12} #yh-greviews .wp-gr.rpi .grw-row:is(.grw-row-xs,.grw-row-x) .grw-header-inner{padding:22px 22px !important} #yh-greviews .wp-gr.rpi .grw-row:is(.grw-row-xs,.grw-row-x) .grw-header-inner > .rpi-col8{display:grid !important;grid-template-columns:auto 1fr !important;grid-template-areas:"score scale" "score based" "score powered" !important;column-gap:20px !important;row-gap:6px !important;align-items:center !important;justify-items:start !important;text-align:start !important} #yh-greviews .wp-gr.rpi .grw-row:is(.grw-row-xs,.grw-row-x) .grw-header .rpi-stars{grid-area:score !important;font-size:60px !important;padding:0 0 30px !important;--star-size:17px !important;--star-gap:3px !important} #yh-greviews .wp-gr.rpi .grw-row:is(.grw-row-xs,.grw-row-x) .grw-header .wp-google-scale{grid-area:scale !important;margin:0 !important;padding:5px 12px !important;font-size:12px !important} #yh-greviews .wp-gr.rpi .grw-row:is(.grw-row-xs,.grw-row-x) .grw-header .wp-google-based{grid-area:based !important;margin:2px 0 0 !important;font-size:14px !important} #yh-greviews .wp-gr.rpi .grw-row:is(.grw-row-xs,.grw-row-x) .grw-header .wp-google-powered{grid-area:powered !important;--goog-height:18px !important;margin:4px 0 0 !important;padding:7px 14px 6px !important} #yh-greviews .wp-gr.rpi .grw-row:is(.grw-row-xs,.grw-row-x) .grw-header-inner::before{inset-inline-end:-140px} #yh-greviews .wp-gr.rpi .grw-row.grw-row-xs .rpi-card > .grw-review-inner{padding:24px 22px 20px !important} #yh-greviews .wp-gr.rpi .grw-row.grw-row-xs .grw-content{padding-bottom:66px !important} @media (prefers-reduced-motion:reduce){#yh-greviews .wp-gr.rpi{--rpi-slider-behavior:auto}#yh-greviews .wp-gr.rpi .rpi-slides{scroll-behavior:auto !important}#yh-greviews#yh-greviews .wp-gr.rpi *,#yh-greviews#yh-greviews .wp-gr.rpi *::before,#yh-greviews#yh-greviews .wp-gr.rpi *::after{transition:none !important;animation:none !important}#yh-greviews .wp-gr.rpi .rpi-card:hover > .grw-review-inner,#yh-greviews .wp-gr.rpi .rpi-ltgt:hover,#yh-greviews .wp-gr.rpi .rpi-ltgt:active{transform:none !important}} @media (forced-colors:active){#yh-greviews .wp-gr.rpi .grw-header-inner,#yh-greviews .wp-gr.rpi .rpi-card > .grw-review-inner,#yh-greviews .wp-gr.rpi .rpi-ltgt{border:1px solid CanvasText !important}#yh-greviews .wp-gr.rpi .rpi-ltgt::before,#yh-greviews .wp-gr.rpi .rpi-ltgt::after{background-color:ButtonText !important}} /* ===== Round 2 (Julia): no quote mark, small avatars, gentle fade, more air under the title, clickable rating panel ===== */ #yh-reviews #yh-reviews-in{gap:56px !important} @media (max-width:767px){#yh-reviews #yh-reviews-in{gap:36px !important}} #yh-greviews .wp-gr.rpi .rpi-card > .grw-review-inner::after{content:none !important;display:none !important} #yh-greviews .wp-gr.rpi .rpi-card .grw-img-wrap{--img-size:32px;min-width:32px !important;max-width:32px !important} #yh-greviews .wp-gr.rpi .rpi-card .grw-img-wrap::before{width:32px !important;height:32px !important;box-shadow:0 0 0 2px #fff,0 0 0 3px var(--yh-dot) !important} #yh-greviews .wp-gr.rpi .rpi-card .grw-img{width:32px !important;min-width:32px !important;max-width:32px !important;height:32px !important} #yh-greviews .wp-gr.rpi .rpi-card .grw-review-inner > .rpi-row12-center{gap:10px !important;padding-top:16px !important} #yh-greviews .wp-gr.rpi .rpi-card a.wp-google-name{font-size:15px !important} #yh-greviews .wp-gr.rpi .rpi-card .wp-google-time{font-size:12.5px !important} @keyframes yhGrFade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}} /* fade only with a mouse; touch keeps the native smooth swipe */ @media (hover:hover) and (pointer:fine){#yh-greviews .wp-gr.rpi{--rpi-slider-behavior:auto}#yh-greviews .wp-gr.rpi .rpi-slides{scroll-behavior:auto !important}#yh-greviews .rpi-slides.yh-fade .rpi-slide{animation:yhGrFade .8s cubic-bezier(.22,.61,.36,1) both;animation-delay:var(--yh-d,0ms)}} @media not ((hover:hover) and (pointer:fine)){#yh-greviews .wp-gr.rpi{--rpi-slider-behavior:smooth}#yh-greviews .wp-gr.rpi .rpi-slides{scroll-behavior:smooth !important}} #yh-greviews .wp-gr.rpi .grw-header-inner{cursor:pointer;transition:transform .35s var(--yh-ease),box-shadow .35s var(--yh-ease) !important} #yh-greviews .yh-gr-link{position:absolute;inset:0;z-index:3;border-radius:inherit} #yh-greviews .yh-gr-link:focus-visible{outline:3px solid #03dac4 !important;outline-offset:3px !important} #yh-greviews .yh-gr-more{display:inline-flex;align-items:center;gap:6px;margin:16px 0 0;color:#03dac4;font-size:14px;font-weight:700;line-height:1.2;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:4px} #yh-greviews .yh-gr-more svg{width:16px;height:16px;transition:transform .3s var(--yh-ease)} @media (hover:hover) and (pointer:fine){#yh-greviews .wp-gr.rpi .grw-header-inner:hover{transform:translateY(-4px) !important;box-shadow:0 30px 56px -26px rgba(63,5,146,.7) !important}#yh-greviews .wp-gr.rpi .grw-header-inner:hover .yh-gr-more svg{transform:translateX(-4px)}} #yh-greviews .wp-gr.rpi .grw-row:is(.grw-row-xs,.grw-row-x) .yh-gr-more{grid-column:2;margin:2px 0 0;font-size:13px} @media (prefers-reduced-motion:reduce){#yh-greviews .rpi-slides.yh-fade .rpi-slide{animation:none !important}#yh-greviews .wp-gr.rpi .grw-header-inner:hover{transform:none !important}}/* End custom CSS */ /* Start custom CSS for form, class: .elementor-element-a7f237e */.elementor-234839 .elementor-element.elementor-element-a7f237e label { color: white !important; font-size: 14px !important; line-height:5px !important; } .elementor-234839 .elementor-element.elementor-element-a7f237e a { color: white; } .elementor-234839 .elementor-element.elementor-element-a7f237e .elementor-field-type-acceptance { order: 1; line-height:12px; }/* End custom CSS */