.elementor-1231 .elementor-element.elementor-element-47742d3:not(.elementor-motion-effects-element-type-background), .elementor-1231 .elementor-element.elementor-element-47742d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://stage.nnudepay.com/wp-content/uploads/2025/03/scott-webb-b7tmTSp7FTU-unsplash-scaled.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-1231 .elementor-element.elementor-element-47742d3 > .elementor-background-overlay{background-color:#A7A7A700;opacity:0.8;mix-blend-mode:screen;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1231 .elementor-element.elementor-element-47742d3 > .elementor-container{min-height:100vh;}.elementor-1231 .elementor-element.elementor-element-47742d3 .elementor-background-overlay{filter:brightness( 100% ) contrast( 100% ) saturate( 100% ) blur( 0px ) hue-rotate( 0deg );}.elementor-1231 .elementor-element.elementor-element-47742d3{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;margin-top:-150px;margin-bottom:-150px;padding:0px 0px 0px 120px;z-index:0;}.elementor-1231 .elementor-element.elementor-element-ef132b5{width:var( --container-widget-width, 50% );max-width:50%;--container-widget-width:50%;--container-widget-flex-grow:0;top:-156px;}.elementor-1231 .elementor-element.elementor-element-ef132b5 > .elementor-widget-container{margin:0px 0px 0px -5px;padding:36px 0px 025px 0px;}body:not(.rtl) .elementor-1231 .elementor-element.elementor-element-ef132b5{left:13px;}body.rtl .elementor-1231 .elementor-element.elementor-element-ef132b5{right:13px;}.elementor-1231 .elementor-element.elementor-element-ef132b5 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:100px;font-weight:900;text-transform:uppercase;line-height:1em;color:var( --e-global-color-primary );}.elementor-1231 .elementor-element.elementor-element-31918911 > .elementor-container{min-height:53vh;}.elementor-1231 .elementor-element.elementor-element-31918911{margin-top:10%;margin-bottom:10%;}.elementor-bc-flex-widget .elementor-1231 .elementor-element.elementor-element-6e61764e.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1231 .elementor-element.elementor-element-6e61764e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1231 .elementor-element.elementor-element-6e61764e > .elementor-element-populated{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:0px 0px 0px 0px;}.elementor-1231 .elementor-element.elementor-element-6e61764e > .elementor-element-populated > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1231 .elementor-element.elementor-element-82f97ee{--spacer-size:88px;}.elementor-1231 .elementor-element.elementor-element-3410664 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:52px;font-weight:700;text-transform:none;font-style:normal;text-decoration:none;line-height:60px;letter-spacing:1px;color:var( --e-global-color-72bc1f0 );}.elementor-1231 .elementor-element.elementor-element-c33e076 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:-12px;}.elementor-1231 .elementor-element.elementor-element-c33e076 > .elementor-element-populated{margin:0px 0px 0px 29px;--e-column-margin-right:0px;--e-column-margin-left:29px;}.elementor-1231 .elementor-element.elementor-element-fcb9e0c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(4px/2);}.elementor-1231 .elementor-element.elementor-element-fcb9e0c .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(4px/2);}.elementor-1231 .elementor-element.elementor-element-fcb9e0c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(4px/2);}.elementor-1231 .elementor-element.elementor-element-fcb9e0c .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-4px/2);}.elementor-1231 .elementor-element.elementor-element-fcb9e0c .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-4px/2);}.elementor-1231 .elementor-element.elementor-element-fcb9e0c .elementor-icon-list-icon i{color:var( --e-global-color-127751b );transition:color 0.3s;}.elementor-1231 .elementor-element.elementor-element-fcb9e0c .elementor-icon-list-icon svg{fill:var( --e-global-color-127751b );transition:fill 0.3s;}.elementor-1231 .elementor-element.elementor-element-fcb9e0c .elementor-icon-list-item:hover .elementor-icon-list-icon i{color:var( --e-global-color-72bc1f0 );}.elementor-1231 .elementor-element.elementor-element-fcb9e0c .elementor-icon-list-item:hover .elementor-icon-list-icon svg{fill:var( --e-global-color-72bc1f0 );}.elementor-1231 .elementor-element.elementor-element-fcb9e0c{--e-icon-list-icon-size:17px;--icon-vertical-offset:0px;}.elementor-1231 .elementor-element.elementor-element-fcb9e0c .elementor-icon-list-icon{padding-inline-end:3px;}.elementor-1231 .elementor-element.elementor-element-fcb9e0c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1231 .elementor-element.elementor-element-fcb9e0c .elementor-icon-list-item > a{font-family:"Inter", Sans-serif;font-size:18px;font-weight:600;font-style:normal;text-decoration:none;letter-spacing:1.1px;}.elementor-1231 .elementor-element.elementor-element-fcb9e0c .elementor-icon-list-text{color:var( --e-global-color-accent );transition:color 0.3s;}.elementor-1231 .elementor-element.elementor-element-fcb9e0c .elementor-icon-list-item:hover .elementor-icon-list-text{color:var( --e-global-color-72bc1f0 );}.elementor-1231 .elementor-element.elementor-element-684f75a{--spacer-size:30px;}.elementor-1231 .elementor-element.elementor-element-59d1339{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-secondary );}.elementor-1231 .elementor-element.elementor-element-a2843cc{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-secondary );}.elementor-1231 .elementor-element.elementor-element-787b434 > .elementor-widget-container{margin:8px 0px 10px 0px;}.elementor-1231 .elementor-element.elementor-element-787b434{text-align:center;}.elementor-1231 .elementor-element.elementor-element-787b434 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:32px;font-weight:700;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.3em;letter-spacing:1.5px;color:var( --e-global-color-72bc1f0 );}.elementor-1231 .elementor-element.elementor-element-de18cf0 .elementor-icon-wrapper{text-align:center;}.elementor-1231 .elementor-element.elementor-element-de18cf0.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-1231 .elementor-element.elementor-element-de18cf0.elementor-view-framed .elementor-icon, .elementor-1231 .elementor-element.elementor-element-de18cf0.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-1231 .elementor-element.elementor-element-de18cf0.elementor-view-framed .elementor-icon, .elementor-1231 .elementor-element.elementor-element-de18cf0.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-1231 .elementor-element.elementor-element-8b29105:not(.elementor-motion-effects-element-type-background), .elementor-1231 .elementor-element.elementor-element-8b29105 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://stage.nnudepay.com/wp-content/uploads/2025/03/IMG-20200610-WA0018.jpg");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-1231 .elementor-element.elementor-element-8b29105 > .elementor-background-overlay{background-color:#272727;opacity:0.41;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1231 .elementor-element.elementor-element-8b29105 > .elementor-container{min-height:770px;}.elementor-1231 .elementor-element.elementor-element-8b29105{border-style:solid;border-width:0px 0px 10px 0px;border-color:var( --e-global-color-primary );transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1231 .elementor-element.elementor-element-223a656{width:var( --container-widget-width, 113.782% );max-width:113.782%;--container-widget-width:113.782%;--container-widget-flex-grow:0;text-align:start;font-family:"Inter", Sans-serif;font-size:20px;font-weight:500;font-style:normal;text-decoration:none;letter-spacing:1.1px;color:var( --e-global-color-21bfb04 );}.elementor-1231 .elementor-element.elementor-element-223a656 > .elementor-widget-container{margin:16px 16px 16px 16px;}.elementor-1231 .elementor-element.elementor-element-c80b183 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:99px;font-weight:900;line-height:1em;color:var( --e-global-color-21bfb04 );}.elementor-1231 .elementor-element.elementor-element-7d36fb9:not(.elementor-motion-effects-element-type-background), .elementor-1231 .elementor-element.elementor-element-7d36fb9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://stage.nnudepay.com/wp-content/uploads/2025/03/IMG-20230418-WA0006.jpg");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-1231 .elementor-element.elementor-element-7d36fb9 > .elementor-background-overlay{background-color:var( --e-global-color-text );opacity:0.4;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1231 .elementor-element.elementor-element-7d36fb9 > .elementor-container{min-height:770px;}.elementor-1231 .elementor-element.elementor-element-7d36fb9{border-style:solid;border-width:0px 0px 10px 0px;border-color:var( --e-global-color-primary );transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1231 .elementor-element.elementor-element-7d36fb9, .elementor-1231 .elementor-element.elementor-element-7d36fb9 > .elementor-background-overlay{border-radius:0px 0px 0px 0px;}.elementor-1231 .elementor-element.elementor-element-c3dfc9a > .elementor-widget-container{margin:16px 16px 16px 16px;}.elementor-1231 .elementor-element.elementor-element-c3dfc9a{text-align:start;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-21bfb04 );}.elementor-1231 .elementor-element.elementor-element-0f6ea74 > .elementor-widget-wrap > .elementor-widget:not(.elementor-widget__width-auto):not(.elementor-widget__width-initial):not(:last-child):not(.elementor-absolute){margin-block-end:0px;}.elementor-1231 .elementor-element.elementor-element-da20302 .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:99px;font-weight:900;line-height:1em;color:var( --e-global-color-21bfb04 );}.elementor-1231 .elementor-element.elementor-element-890e90e:not(.elementor-motion-effects-element-type-background), .elementor-1231 .elementor-element.elementor-element-890e90e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://stage.nnudepay.com/wp-content/uploads/2025/03/IMG-20240611-WA0053-scaled-1-1.jpg");background-position:center right;background-repeat:no-repeat;background-size:cover;}.elementor-1231 .elementor-element.elementor-element-890e90e > .elementor-background-overlay{background-color:var( --e-global-color-text );opacity:0.4;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1231 .elementor-element.elementor-element-890e90e > .elementor-container{min-height:770px;}.elementor-1231 .elementor-element.elementor-element-890e90e{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1231 .elementor-element.elementor-element-f74de06 > .elementor-widget-container{margin:16px 16px 16px 16px;}.elementor-1231 .elementor-element.elementor-element-f74de06{text-align:start;font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );font-style:var( --e-global-typography-text-font-style );text-decoration:var( --e-global-typography-text-text-decoration );letter-spacing:var( --e-global-typography-text-letter-spacing );color:var( --e-global-color-21bfb04 );}.elementor-1231 .elementor-element.elementor-element-9ca603b .elementor-heading-title{font-family:"Raleway", Sans-serif;font-size:99px;font-weight:900;line-height:1em;color:var( --e-global-color-21bfb04 );}.elementor-1231 .elementor-element.elementor-element-157811b:not(.elementor-motion-effects-element-type-background), .elementor-1231 .elementor-element.elementor-element-157811b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-1231 .elementor-element.elementor-element-157811b{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;}.elementor-1231 .elementor-element.elementor-element-157811b > .elementor-background-overlay{transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-1231 .elementor-element.elementor-element-7261911{--spacer-size:75px;}.elementor-1231 .elementor-element.elementor-element-7aab62a{text-align:center;}.elementor-1231 .elementor-element.elementor-element-7aab62a .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:52px;font-weight:700;text-transform:none;font-style:normal;text-decoration:none;line-height:60px;letter-spacing:1px;color:var( --e-global-color-72bc1f0 );}.elementor-1231 .elementor-element.elementor-element-a83fb1c{--spacer-size:15px;}.elementor-1231 .elementor-element.elementor-element-e979d45{text-align:center;}.elementor-1231 .elementor-element.elementor-element-e979d45 .elementor-heading-title{font-family:"Inter", Sans-serif;font-size:32px;font-weight:700;text-transform:capitalize;font-style:normal;text-decoration:none;line-height:1.3em;letter-spacing:1.5px;-webkit-text-stroke-color:#000;stroke:#000;color:var( --e-global-color-accent );}.elementor-1231 .elementor-element.elementor-element-911b8f6{--spacer-size:20px;}.elementor-1231 .elementor-element.elementor-element-2e2cc1b .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-61eed76-font-family ), Sans-serif;font-size:var( --e-global-typography-61eed76-font-size );font-weight:var( --e-global-typography-61eed76-font-weight );line-height:var( --e-global-typography-61eed76-line-height );box-shadow:0px 0px 10px 0px rgba(0,0,0,0.5);border-style:none;border-radius:21px 21px 21px 21px;}.elementor-1231 .elementor-element.elementor-element-2e2cc1b .elementor-button:hover, .elementor-1231 .elementor-element.elementor-element-2e2cc1b .elementor-button:focus{color:var( --e-global-color-72bc1f0 );}.elementor-1231 .elementor-element.elementor-element-2e2cc1b .elementor-button:hover svg, .elementor-1231 .elementor-element.elementor-element-2e2cc1b .elementor-button:focus svg{fill:var( --e-global-color-72bc1f0 );}.elementor-1231 .elementor-element.elementor-element-e9a2a35{--spacer-size:75px;}@media(min-width:768px){.elementor-1231 .elementor-element.elementor-element-f2f4a2d{width:60%;}.elementor-1231 .elementor-element.elementor-element-c33e076{width:39.959%;}.elementor-1231 .elementor-element.elementor-element-1e245e9{width:45%;}.elementor-1231 .elementor-element.elementor-element-f66b439{width:55%;}.elementor-1231 .elementor-element.elementor-element-68de8cd{width:45%;}.elementor-1231 .elementor-element.elementor-element-0f6ea74{width:55%;}.elementor-1231 .elementor-element.elementor-element-4cb79bc{width:45%;}.elementor-1231 .elementor-element.elementor-element-b3139e1{width:55%;}}@media(max-width:1024px){.elementor-1231 .elementor-element.elementor-element-ef132b5 .elementor-heading-title{font-size:60px;}.elementor-1231 .elementor-element.elementor-element-31918911 > .elementor-container{min-height:64vh;}.elementor-1231 .elementor-element.elementor-element-31918911{margin-top:6%;margin-bottom:6%;}.elementor-bc-flex-widget .elementor-1231 .elementor-element.elementor-element-6e61764e.elementor-column .elementor-widget-wrap{align-items:center;}.elementor-1231 .elementor-element.elementor-element-6e61764e.elementor-column.elementor-element[data-element_type="column"] > .elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center;}.elementor-1231 .elementor-element.elementor-element-3410664 .elementor-heading-title{font-size:36px;line-height:1.2em;}.elementor-1231 .elementor-element.elementor-element-fcb9e0c .elementor-icon-list-item > .elementor-icon-list-text, .elementor-1231 .elementor-element.elementor-element-fcb9e0c .elementor-icon-list-item > a{font-size:15px;line-height:23px;}.elementor-1231 .elementor-element.elementor-element-59d1339{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-1231 .elementor-element.elementor-element-a2843cc{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-1231 .elementor-element.elementor-element-787b434 .elementor-heading-title{font-size:26px;letter-spacing:1px;}.elementor-1231 .elementor-element.elementor-element-223a656{font-size:15px;line-height:23px;}.elementor-1231 .elementor-element.elementor-element-c3dfc9a{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-1231 .elementor-element.elementor-element-f74de06{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-1231 .elementor-element.elementor-element-7aab62a .elementor-heading-title{font-size:36px;line-height:1.2em;}.elementor-1231 .elementor-element.elementor-element-e979d45 .elementor-heading-title{font-size:26px;letter-spacing:1px;}.elementor-1231 .elementor-element.elementor-element-2e2cc1b .elementor-button{font-size:var( --e-global-typography-61eed76-font-size );line-height:var( --e-global-typography-61eed76-line-height );}}@media(max-width:767px){.elementor-1231 .elementor-element.elementor-element-ef132b5 .elementor-heading-title{font-size:33px;}.elementor-1231 .elementor-element.elementor-element-3410664 .elementor-heading-title{font-size:28px;}.elementor-1231 .elementor-element.elementor-element-59d1339{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-1231 .elementor-element.elementor-element-a2843cc{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-1231 .elementor-element.elementor-element-787b434 .elementor-heading-title{font-size:22px;}.elementor-1231 .elementor-element.elementor-element-c80b183 .elementor-heading-title{font-size:180px;}.elementor-1231 .elementor-element.elementor-element-c3dfc9a{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-1231 .elementor-element.elementor-element-da20302 .elementor-heading-title{font-size:180px;}.elementor-1231 .elementor-element.elementor-element-f74de06{font-size:var( --e-global-typography-text-font-size );letter-spacing:var( --e-global-typography-text-letter-spacing );}.elementor-1231 .elementor-element.elementor-element-9ca603b .elementor-heading-title{font-size:180px;}.elementor-1231 .elementor-element.elementor-element-7aab62a .elementor-heading-title{font-size:28px;}.elementor-1231 .elementor-element.elementor-element-e979d45 .elementor-heading-title{font-size:22px;}.elementor-1231 .elementor-element.elementor-element-2e2cc1b .elementor-button{font-size:var( --e-global-typography-61eed76-font-size );line-height:var( --e-global-typography-61eed76-line-height );}}@media(min-width:1025px){.elementor-1231 .elementor-element.elementor-element-47742d3:not(.elementor-motion-effects-element-type-background), .elementor-1231 .elementor-element.elementor-element-47742d3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:fixed;}}/* Start custom CSS for section, class: .elementor-element-47742d3 */.elementor-1231 .elementor-element.elementor-element-47742d3::before {
  content: "";
  position: absolute;
  top: 0; 
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000; /* fallback */
  background: rgba(0, 0, 0, 0.5); /* overlay with transparency */
  -webkit-clip-path: polygon(0 0, 100% 0, 65% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 0, 100% 15%, 9% 100%, 0 100%);
  z-index: 1;
  pointer-events: none;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-8b29105 *//* Ensure the section is properly positioned */
.rainscreen-section {
    position: relative;
    overflow: hidden;
}

/* Create the sliding overlay */
.rainscreen-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 100%; /* Start off-screen from the right */
    width: 100%;
    height: 100%;
    background: linear-gradient(135deg,
    rgba(60, 110, 78, 0.8),
    rgba(168, 196, 159, 0.6)
  );
    backdrop-filter: blur(6px); /* Optional blur effect */
    transition: left 0.7s ease-out; /* Slide in from the right */
}

/* Create a container for overlay text */
.rainscreen-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 24px;
    font-weight: bold;
    opacity: 0; /* Hidden initially */
    transition: opacity 0.5s ease-out;
    text-align: center;
    z-index: 2; /* Make sure it appears above the overlay */
}

/* Hide the existing heading when hovered */
.rainscreen-section:hover .rainscreen-heading {
    opacity: 0;
    transition: opacity 0.3s ease-out;
}

/* Show overlay and text on hover */
.rainscreen-section:hover::before {
    left: 0; /* Move the overlay into view from the right */
}

.rainscreen-section:hover .rainscreen-text {
    opacity: 1; /* Show the text */
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-7d36fb9 *//* Ensure the section is properly positioned */
.rainscreen-left {
    position: relative;
    overflow: hidden;
}

/* Create the sliding overlay */
.rainscreen-left::before {
    content: "";
    position: absolute;
    top: 0;
    left: -100%; /* Start off-screen from the left */
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); /* Dark semi-transparent overlay */
    backdrop-filter: blur(10px); /* Optional blur effect */
    transition: left 0.5s ease-out; /* Slide in from the left */
}

/* Create a container for overlay text */
.rainscreen-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 24px;
    font-weight: bold;
    opacity: 0; /* Hidden initially */
    transition: opacity 0.5s ease-out;
    text-align: center;
    z-index: 2; /* Make sure it appears above the overlay */
}

/* Hide the existing heading when hovered */
.rainscreen-left:hover .rainscreen-heading {
    opacity: 0;
    transition: opacity 0.3s ease-out;
}

/* Show overlay and text on hover */
.rainscreen-left:hover::before {
    left: 0; /* Move the overlay into view from the left */
}

.rainscreen-left:hover .rainscreen-text {
    opacity: 1; /* Show the text */
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-890e90e *//* Ensure the section is properly positioned */
.rainscreen-section {
    position: relative;
    overflow: hidden;
}

/* Create the sliding overlay */
.rainscreen-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 100%; /* Start off-screen from the right */
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.4); /* Dark semi-transparent overlay */
    backdrop-filter: blur(10px); /* Optional blur effect */
    transition: left 0.5s ease-out; /* Slide in from the right */
}

/* Create a container for overlay text */
.rainscreen-text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: white;
    font-size: 24px;
    font-weight: bold;
    opacity: 0; /* Hidden initially */
    transition: opacity 0.5s ease-out;
    text-align: center;
    z-index: 2; /* Make sure it appears above the overlay */
}

/* Hide the existing heading when hovered */
.rainscreen-section:hover .rainscreen-heading {
    opacity: 0;
    transition: opacity 0.3s ease-out;
}

/* Show overlay and text on hover */
.rainscreen-section:hover::before {
    left: 0; /* Move the overlay into view from the right */
}

.rainscreen-section:hover .rainscreen-text {
    opacity: 1; /* Show the text */
}/* End custom CSS */