.elementor-114 .elementor-element.elementor-element-35772779{--display:flex;--flex-direction:row-reverse;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-114 .elementor-element.elementor-element-35772779:not(.elementor-motion-effects-element-type-background), .elementor-114 .elementor-element.elementor-element-35772779 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-114 .elementor-element.elementor-element-3315498d{--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-114 .elementor-element.elementor-element-fe15cec{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.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-114 .elementor-element.elementor-element-686307c5:hover{--e-transform-scale:1.2;}.elementor-114 .elementor-element.elementor-element-686307c5{--e-transform-transition-duration:1200ms;}.elementor-114 .elementor-element.elementor-element-686307c5 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:24px;font-weight:400;color:#FFFFFF;}.elementor-widget-divider{--divider-color:var( --e-global-color-secondary );}.elementor-widget-divider .elementor-divider__text{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-divider.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon{color:var( --e-global-color-secondary );border-color:var( --e-global-color-secondary );}.elementor-widget-divider.elementor-view-framed .elementor-icon, .elementor-widget-divider.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-secondary );}.elementor-114 .elementor-element.elementor-element-61a43ba1{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:25px;width:var( --container-widget-width, 3% );max-width:3%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-114 .elementor-element.elementor-element-61a43ba1 .elementor-divider-separator{width:1%;}.elementor-114 .elementor-element.elementor-element-61a43ba1 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-114 .elementor-element.elementor-element-6d6947ed:hover{--e-transform-scale:1.2;}.elementor-114 .elementor-element.elementor-element-6d6947ed{--e-transform-transition-duration:1200ms;}.elementor-114 .elementor-element.elementor-element-6d6947ed .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:24px;font-weight:400;color:#FFFFFF;}.elementor-114 .elementor-element.elementor-element-2c818483{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:25px;width:var( --container-widget-width, 3% );max-width:3%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:3%;--container-widget-flex-grow:0;}.elementor-114 .elementor-element.elementor-element-2c818483 .elementor-divider-separator{width:1%;}.elementor-114 .elementor-element.elementor-element-2c818483 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-114 .elementor-element.elementor-element-41134b5c:hover{--e-transform-scale:1.2;}.elementor-114 .elementor-element.elementor-element-41134b5c{--e-transform-transition-duration:1200ms;}.elementor-114 .elementor-element.elementor-element-41134b5c .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:24px;font-weight:600;color:#FFFFFF;}.elementor-114 .elementor-element.elementor-element-52bbf91f{--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-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-114 .elementor-element.elementor-element-4757df9{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-114 .elementor-element.elementor-element-4757df9:not(.elementor-motion-effects-element-type-background), .elementor-114 .elementor-element.elementor-element-4757df9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mikveh-israel.org.il/wp-content/uploads/2025/11/bg-top.jpg");}.elementor-114 .elementor-element.elementor-element-5d9a0da1{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-114 .elementor-element.elementor-element-5d9a0da1.elementor-element{--flex-grow:1;--flex-shrink:0;}.elementor-114 .elementor-element.elementor-element-5d9a0da1 img{width:100%;max-width:100%;}.elementor-114 .elementor-element.elementor-element-6f6dec87{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--flex-wrap:nowrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:27px;--padding-bottom:27px;--padding-left:27px;--padding-right:27px;}.elementor-114 .elementor-element.elementor-element-6f6dec87:not(.elementor-motion-effects-element-type-background), .elementor-114 .elementor-element.elementor-element-6f6dec87 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F0F8;}.elementor-114 .elementor-element.elementor-element-6f6dec87.e-con{--flex-grow:1;--flex-shrink:0;}.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-114 .elementor-element.elementor-element-598105f2 .elementor-button{background-color:#003652;font-family:"Open Sans", Sans-serif;font-size:25px;font-weight:600;box-shadow:14px 7px 32px 11px rgba(0,0,0,0.5);border-radius:90px 90px 90px 90px;padding:41px 41px 41px 41px;}.elementor-114 .elementor-element.elementor-element-598105f2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;bottom:0px;}.elementor-114 .elementor-element.elementor-element-5161e0a4{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-114 .elementor-element.elementor-element-5161e0a4:not(.elementor-motion-effects-element-type-background), .elementor-114 .elementor-element.elementor-element-5161e0a4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F0F8;}.elementor-114 .elementor-element.elementor-element-7fd73438{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-114 .elementor-element.elementor-element-7b459be2{text-align:left;}.elementor-114 .elementor-element.elementor-element-7b459be2 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:35px;font-weight:900;letter-spacing:-0.8px;}.elementor-114 .elementor-element.elementor-element-2073e171{--divider-border-style:solid;--divider-color:#000;--divider-border-width:3.2px;}.elementor-114 .elementor-element.elementor-element-2073e171 .elementor-divider-separator{width:20%;margin:0 auto;margin-left:0;}.elementor-114 .elementor-element.elementor-element-2073e171 .elementor-divider{text-align:left;padding-block-start:15px;padding-block-end:15px;}.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-114 .elementor-element.elementor-element-3bbdbb9e{text-align:left;}.elementor-114 .elementor-element.elementor-element-6da36d88{--display:flex;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--align-items:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-114 .elementor-element.elementor-element-274a8dba{--e-image-carousel-slides-to-show:5;}.elementor-114 .elementor-element.elementor-element-274a8dba .elementor-image-carousel-wrapper .elementor-image-carousel .swiper-slide-image{border-radius:0px 0px 0px 0px;}.elementor-114 .elementor-element.elementor-element-381b0001{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-114 .elementor-element.elementor-element-381b0001:not(.elementor-motion-effects-element-type-background), .elementor-114 .elementor-element.elementor-element-381b0001 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F0F8;}.elementor-114 .elementor-element.elementor-element-50e469b0{margin:50px 50px calc(var(--kit-widget-spacing, 0px) + 0px) 50px;text-align:center;}.elementor-114 .elementor-element.elementor-element-50e469b0 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:43px;font-weight:900;letter-spacing:-1.4px;}.elementor-114 .elementor-element.elementor-element-56680f{--divider-border-style:solid;--divider-color:#000;--divider-border-width:3.4px;}.elementor-114 .elementor-element.elementor-element-56680f .elementor-divider-separator{width:16%;margin:0 auto;margin-center:0;}.elementor-114 .elementor-element.elementor-element-56680f .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-114 .elementor-element.elementor-element-4267ce84{column-gap:0px;text-align:center;font-family:"Open Sans", Sans-serif;font-size:23px;font-weight:900;color:#000000;}.elementor-114 .elementor-element.elementor-element-4267ce84 p{margin-block-end:0px;}.elementor-114 .elementor-element.elementor-element-34adcc89{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;}.elementor-114 .elementor-element.elementor-element-a9c642{--display:flex;}.elementor-114 .elementor-element.elementor-element-7ae610a9{text-align:center;}.elementor-114 .elementor-element.elementor-element-13edcb41{--display:flex;}.elementor-114 .elementor-element.elementor-element-29c2152f{text-align:center;}.elementor-114 .elementor-element.elementor-element-5069009d{--display:flex;}.elementor-114 .elementor-element.elementor-element-131785a3{text-align:center;}.elementor-114 .elementor-element.elementor-element-34fbd3d0{--display:flex;}.elementor-114 .elementor-element.elementor-element-598f6124{text-align:center;}.elementor-114 .elementor-element.elementor-element-2e2bd518{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 040px) 0px;text-align:center;color:#000000;}.elementor-114 .elementor-element.elementor-element-2e2bd518 p{margin-block-end:0px;}.elementor-114 .elementor-element.elementor-element-228f2382{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-widget-media-carousel .elementor-carousel-image-overlay{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-114 .elementor-element.elementor-element-5514e4e6.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:0px;}.elementor-114 .elementor-element.elementor-element-5514e4e6 .elementor-main-swiper{height:435px;}.elementor-114 .elementor-element.elementor-element-5514e4e6 .elementor-swiper-button{font-size:20px;}.elementor-114 .elementor-element.elementor-element-37f41d{--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;--margin-top:20px;--margin-bottom:20px;--margin-left:20px;--margin-right:90px;}.elementor-114 .elementor-element.elementor-element-32b54669{text-align:left;}.elementor-114 .elementor-element.elementor-element-32b54669 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-weight:600;}.elementor-114 .elementor-element.elementor-element-7e5c3b9c{text-align:left;color:#000000;}.elementor-114 .elementor-element.elementor-element-61c77ce4{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:100px;--padding-bottom:100px;--padding-left:100px;--padding-right:100px;}.elementor-114 .elementor-element.elementor-element-61c77ce4:not(.elementor-motion-effects-element-type-background), .elementor-114 .elementor-element.elementor-element-61c77ce4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mikveh-israel.org.il/wp-content/uploads/2025/11/bg-top.jpg");background-position:bottom center;}.elementor-114 .elementor-element.elementor-element-64e54d81{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-114 .elementor-element.elementor-element-35ae65bc .elementor-heading-title{color:#FFFFFF;}.elementor-114 .elementor-element.elementor-element-1a14717e{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:2.6px;}.elementor-114 .elementor-element.elementor-element-1a14717e .elementor-divider-separator{width:4%;margin:0 auto;margin-center:0;}.elementor-114 .elementor-element.elementor-element-1a14717e .elementor-divider{text-align:center;padding-block-start:15px;padding-block-end:15px;}.elementor-114 .elementor-element.elementor-element-7a429dd8{text-align:center;}.elementor-114 .elementor-element.elementor-element-7a429dd8 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-weight:600;line-height:31px;letter-spacing:-0.9px;color:#FFFFFF;}.elementor-114 .elementor-element.elementor-element-1ba5138f .elementor-button{background-color:#003652;font-family:"Open Sans", Sans-serif;font-size:25px;font-weight:600;box-shadow:14px 7px 32px 11px rgba(0,0,0,0.5);border-radius:90px 90px 90px 90px;padding:36px 36px 36px 36px;}.elementor-114 .elementor-element.elementor-element-1ba5138f{width:100%;max-width:100%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;bottom:-154px;}.elementor-114 .elementor-element.elementor-element-1ba5138f.elementor-element{--align-self:center;}body:not(.rtl) .elementor-114 .elementor-element.elementor-element-1ba5138f{left:-19px;}body.rtl .elementor-114 .elementor-element.elementor-element-1ba5138f{right:-19px;}.elementor-114 .elementor-element.elementor-element-32afecca{--display:flex;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--padding-top:090px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-114 .elementor-element.elementor-element-32afecca:not(.elementor-motion-effects-element-type-background), .elementor-114 .elementor-element.elementor-element-32afecca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#DDDDDD;}.elementor-114 .elementor-element.elementor-element-37dfc0c1{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-114 .elementor-element.elementor-element-37dfc0c1.e-con{--flex-grow:0;--flex-shrink:1;}.elementor-114 .elementor-element.elementor-element-3aedf1a{text-align:left;}.elementor-114 .elementor-element.elementor-element-59378e72{--display:flex;}.elementor-114 .elementor-element.elementor-element-43fabb57{width:var( --container-widget-width, 90.8% );max-width:90.8%;--container-widget-width:90.8%;--container-widget-flex-grow:0;text-align:left;}.elementor-114 .elementor-element.elementor-element-43fabb57.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-114 .elementor-element.elementor-element-6dfcc13c{--display:flex;}.elementor-114 .elementor-element.elementor-element-16a8b8f7{--display:flex;}html{height:100vh;margin:0;overflow:hidden;}body{height:100vh;overflow:auto;scroll-snap-type:y mandatory;}body.elementor-page-114{margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}@media(min-width:768px){.elementor-114 .elementor-element.elementor-element-3315498d{--width:25%;}.elementor-114 .elementor-element.elementor-element-52bbf91f{--width:25%;}.elementor-114 .elementor-element.elementor-element-37f41d{--width:50%;}.elementor-114 .elementor-element.elementor-element-37dfc0c1{--width:100%;}}@media(min-width:1025px){.elementor-114 .elementor-element.elementor-element-61c77ce4:not(.elementor-motion-effects-element-type-background), .elementor-114 .elementor-element.elementor-element-61c77ce4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}@media(max-width:1024px){.elementor-114 .elementor-element.elementor-element-5514e4e6.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-114 .elementor-element.elementor-element-5514e4e6{margin:20px 20px calc(var(--kit-widget-spacing, 0px) + 20px) 20px;}.elementor-114 .elementor-element.elementor-element-5514e4e6 .elementor-main-swiper{height:591px;}.elementor-114 .elementor-element.elementor-element-37f41d{--margin-top:20px;--margin-bottom:20px;--margin-left:20px;--margin-right:20px;}.elementor-114 .elementor-element.elementor-element-32afecca{--padding-top:90px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}}@media(max-width:767px){.elementor-114 .elementor-element.elementor-element-3315498d{--width:500px;--min-height:0px;--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-114 .elementor-element.elementor-element-4757df9:not(.elementor-motion-effects-element-type-background), .elementor-114 .elementor-element.elementor-element-4757df9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mikveh-israel.org.il/wp-content/uploads/2025/11/bg-top.jpg");background-position:733px -544px;background-size:382px auto;}.elementor-114 .elementor-element.elementor-element-4d80a3ff.elementor-element{--align-self:stretch;--flex-grow:1;--flex-shrink:0;}.elementor-114 .elementor-element.elementor-element-4d80a3ff{text-align:center;}.elementor-114 .elementor-element.elementor-element-274a8dba{--e-image-carousel-slides-to-show:2;}.elementor-114 .elementor-element.elementor-element-5514e4e6.elementor-skin-slideshow .elementor-main-swiper:not(.elementor-thumbnails-swiper){margin-bottom:10px;}.elementor-114 .elementor-element.elementor-element-37f41d{--margin-top:20px;--margin-bottom:20px;--margin-left:20px;--margin-right:20px;}.elementor-114 .elementor-element.elementor-element-61c77ce4:not(.elementor-motion-effects-element-type-background), .elementor-114 .elementor-element.elementor-element-61c77ce4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://mikveh-israel.org.il/wp-content/uploads/2025/11/bg-top.jpg");background-position:bottom right;background-size:1000px auto;}.elementor-114 .elementor-element.elementor-element-61c77ce4{--padding-top:41px;--padding-bottom:41px;--padding-left:41px;--padding-right:41px;}.elementor-114 .elementor-element.elementor-element-64e54d81{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-114 .elementor-element.elementor-element-35ae65bc{text-align:center;}.elementor-114 .elementor-element.elementor-element-1a14717e .elementor-divider-separator{width:15%;}.elementor-114 .elementor-element.elementor-element-37dfc0c1{--margin-top:28px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}.elementor-114 .elementor-element.elementor-element-43fabb57{padding:20px 20px 20px 20px;}.elementor-section:not(.elementor-inner-section), .elementor-location-header, .elementor-location-footer, .page-header, .site-header, .elementor-add-section, .e-con:not(.e-child){scroll-snap-align:start;scroll-snap-stop:normal;}}/* Start custom CSS for container, class: .elementor-element-4757df9 */
html, body, #canvas {
width: 100%;
height: 100%;
margin: 0;
}
body {
background-color: #26b4f4;
}
#wrapper {
position: absolute;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
}
#menu {
width: 100%;
}
const rippleSettings = {
maxSize: 100,
animationSpeed: 5,
strokeColor: [148, 217, 255],
};
const canvasSettings = {
blur: 8,
ratio: 1,
};
function Coords(x, y) {
this.x = x || null;
this.y = y || null;
}
const Ripple = function Ripple(x, y, circleSize, ctx) {
this.position = new Coords(x, y);
this.circleSize = circleSize;
this.maxSize = rippleSettings.maxSize;
this.opacity = 1;
this.ctx = ctx;
this.strokeColor = `rgba(${Math.floor(rippleSettings.strokeColor[0])},
${Math.floor(rippleSettings.strokeColor[1])},
${Math.floor(rippleSettings.strokeColor[2])},
${this.opacity})`;
this.animationSpeed = rippleSettings.animationSpeed;
this.opacityStep = (this.animationSpeed / (this.maxSize - circleSize)) / 2;
};
Ripple.prototype = {
update: function update() {
this.circleSize = this.circleSize + this.animationSpeed;
this.opacity = this.opacity - this.opacityStep;
this.strokeColor = `rgba(${Math.floor(rippleSettings.strokeColor[0])},
${Math.floor(rippleSettings.strokeColor[1])},
${Math.floor(rippleSettings.strokeColor[2])},
${this.opacity})`;
},
draw: function draw() {
this.ctx.beginPath();
this.ctx.strokeStyle = this.strokeColor;
this.ctx.arc(this.position.x, this.position.y, this.circleSize, 0,
2 * Math.PI);
this.ctx.stroke();
},
setStatus: function setStatus(status) {
this.status = status;
},
};
const canvas = document.querySelector('#canvas');
const ctx = canvas.getContext('2d');
const ripples = [];
const height = document.body.clientHeight;
const width = document.body.clientWidth;
const rippleStartStatus = 'start';
const isIE11 = !!window.MSInputMethodContext && !!document.documentMode;
canvas.style.filter = `blur(${canvasSettings.blur}px)`;
canvas.width = width * canvasSettings.ratio;
canvas.height = height * canvasSettings.ratio;
canvas.style.width = `${width}px`;
canvas.style.height = `${height}px`;
let animationFrame;
// Add GUI settings
const addGuiSettings = () => {
const gui = new dat.GUI();
gui.add(rippleSettings, 'maxSize', 0, 1000).step(1);
gui.add(rippleSettings, 'animationSpeed', 1, 30).step(1);
gui.addColor(rippleSettings, 'strokeColor');
const blur = gui.add(canvasSettings, 'blur', 0, 20).step(1);
blur.onChange((value) => {
canvas.style.filter = `blur(${value}px)`;
});
};
addGuiSettings();
// Function which is executed on mouse hover on canvas
const canvasMouseOver = (e) => {
const x = e.clientX * canvasSettings.ratio;
const y = e.clientY * canvasSettings.ratio;
ripples.unshift(new Ripple(x, y, 2, ctx));
};
const animation = () => {
ctx.clearRect(0, 0, canvas.width, canvas.height);
const length = ripples.length;
for (let i = length - 1; i >= 0; i -= 1) {
const r = ripples[i];
r.update();
r.draw();
if (r.opacity <= 0) {
ripples[i] = null;
delete ripples[i];
ripples.pop();
}
}
animationFrame = window.requestAnimationFrame(animation);
};
animation();
canvas.addEventListener('mousemove', canvasMouseOver);/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-7a429dd8 */direction: ltr;
text-align: left;/* End custom CSS */
/* Start custom CSS */direction: ltr;
text-align: left;/* End custom CSS */