.elementor-435 .elementor-element.elementor-element-2c74200{--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;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-435 .elementor-element.elementor-element-2c74200:not(.elementor-motion-effects-element-type-background), .elementor-435 .elementor-element.elementor-element-2c74200 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C1C1DE;}.elementor-435 .elementor-element.elementor-element-2c74200 > .elementor-shape-bottom .elementor-shape-fill, .elementor-435 .elementor-element.elementor-element-2c74200 > .e-con-inner > .elementor-shape-bottom .elementor-shape-fill{fill:var( --e-global-color-primary );}.elementor-435 .elementor-element.elementor-element-2c74200 > .elementor-shape-bottom svg, .elementor-435 .elementor-element.elementor-element-2c74200 > .e-con-inner > .elementor-shape-bottom svg{width:calc(124% + 1.3px);height:120px;transform:translateX(-50%) rotateY(180deg);}.elementor-435 .elementor-element.elementor-element-11550d5{--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;--justify-content:center;--padding-top:0px;--padding-bottom:80px;--padding-left:40px;--padding-right:0px;}.elementor-435 .elementor-element.elementor-element-487132e{text-align:start;}.elementor-435 .elementor-element.elementor-element-487132e .elementor-heading-title{font-family:"Merriweather", Sans-serif;font-size:62px;font-weight:600;color:#363663;}.elementor-435 .elementor-element.elementor-element-a89de1e{--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-435 .elementor-element.elementor-element-72ff436{--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-435 .elementor-element.elementor-element-f431943{--display:flex;}.elementor-435 .elementor-element.elementor-element-fd62c96{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-435 .elementor-element.elementor-element-a01ffd2 .wpr-flip-box-item{-webkit-transition-duration:0.5s;transition-duration:0.5s;border-radius:24px;}.elementor-435 .elementor-element.elementor-element-a01ffd2 .wpr-flip-box-front{background-color:#363663;background-image:url("https://shreesaiindustry.in/wp-content/uploads/2025/11/images-2.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-435 .elementor-element.elementor-element-a01ffd2 .wpr-flip-box-front .wpr-flip-box-content{text-align:left;padding:0px 20px 0px 20px;-webkit-justify-content:flex-end;justify-content:flex-end;}.elementor-435 .elementor-element.elementor-element-a01ffd2 .wpr-flip-box-back{background-color:transparent;background-image:linear-gradient(135deg, var( --e-global-color-primary ) 20%, var( --e-global-color-secondary ) 180%);}.elementor-435 .elementor-element.elementor-element-a01ffd2 .wpr-flip-box-back .wpr-flip-box-content{text-align:center;padding:20px 20px 20px 20px;-webkit-justify-content:center;justify-content:center;}.elementor-435 .elementor-element.elementor-element-a01ffd2{border-style:none;border-radius:24px 24px 24px 24px;}.elementor-435 .elementor-element.elementor-element-a01ffd2 .wpr-flip-box{height:350px;border-radius:24px;}.elementor-435 .elementor-element.elementor-element-a01ffd2 .wpr-flip-box-overlay{border-radius:24px;}.elementor-435 .elementor-element.elementor-element-a01ffd2 .wpr-flip-box-front .wpr-flip-box-title{color:var( --e-global-color-rishi5 );font-family:"Merriweather", Sans-serif;font-size:24px;line-height:28px;margin:0 0 20px;}.elementor-435 .elementor-element.elementor-element-a01ffd2 .wpr-flip-box-front .wpr-flip-box-description{color:#ffffff;margin-bottom:20px;}.elementor-435 .elementor-element.elementor-element-a01ffd2 .wpr-flip-box-back .wpr-flip-box-title{color:#ffffff;font-family:"Merriweather", Sans-serif;margin:0 0 12px;}.elementor-435 .elementor-element.elementor-element-a01ffd2 .wpr-flip-box-back .wpr-flip-box-description{color:#ffffff;margin-bottom:20px;}.elementor-435 .elementor-element.elementor-element-5f32150 .wpr-flip-box-item{-webkit-transition-duration:0.5s;transition-duration:0.5s;border-radius:24px;}.elementor-435 .elementor-element.elementor-element-5f32150 .wpr-flip-box-front{background-color:#363663;background-image:url("https://shreesaiindustry.in/wp-content/uploads/2025/12/SIDE-SEALED-BAGS.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-435 .elementor-element.elementor-element-5f32150 .wpr-flip-box-front .wpr-flip-box-content{text-align:left;padding:0px 20px 0px 20px;-webkit-justify-content:flex-end;justify-content:flex-end;}.elementor-435 .elementor-element.elementor-element-5f32150 .wpr-flip-box-back{background-color:transparent;background-image:linear-gradient(135deg, var( --e-global-color-primary ) 20%, var( --e-global-color-secondary ) 180%);}.elementor-435 .elementor-element.elementor-element-5f32150 .wpr-flip-box-back .wpr-flip-box-content{text-align:center;padding:20px 20px 20px 20px;-webkit-justify-content:center;justify-content:center;}.elementor-435 .elementor-element.elementor-element-5f32150{border-style:none;border-radius:24px 24px 24px 24px;}.elementor-435 .elementor-element.elementor-element-5f32150 .wpr-flip-box{height:350px;border-radius:24px;}.elementor-435 .elementor-element.elementor-element-5f32150 .wpr-flip-box-overlay{border-radius:24px;}.elementor-435 .elementor-element.elementor-element-5f32150 .wpr-flip-box-front .wpr-flip-box-title{color:var( --e-global-color-rishi5 );font-family:"Merriweather", Sans-serif;font-size:24px;line-height:28px;margin:0 0 20px;}.elementor-435 .elementor-element.elementor-element-5f32150 .wpr-flip-box-front .wpr-flip-box-description{color:#ffffff;margin-bottom:20px;}.elementor-435 .elementor-element.elementor-element-5f32150 .wpr-flip-box-back .wpr-flip-box-title{color:#ffffff;font-family:"Merriweather", Sans-serif;margin:0 0 12px;}.elementor-435 .elementor-element.elementor-element-5f32150 .wpr-flip-box-back .wpr-flip-box-description{color:#ffffff;margin-bottom:20px;}.elementor-435 .elementor-element.elementor-element-4b5ac05 .wpr-flip-box-item{-webkit-transition-duration:0.5s;transition-duration:0.5s;border-radius:24px;}.elementor-435 .elementor-element.elementor-element-4b5ac05 .wpr-flip-box-front{background-color:#363663;background-image:url("https://shreesaiindustry.in/wp-content/uploads/2025/11/Untitled-design-23.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-435 .elementor-element.elementor-element-4b5ac05 .wpr-flip-box-front .wpr-flip-box-content{text-align:left;padding:0px 20px 0px 20px;-webkit-justify-content:flex-end;justify-content:flex-end;}.elementor-435 .elementor-element.elementor-element-4b5ac05 .wpr-flip-box-back{background-color:transparent;background-image:linear-gradient(135deg, var( --e-global-color-primary ) 20%, var( --e-global-color-secondary ) 180%);}.elementor-435 .elementor-element.elementor-element-4b5ac05 .wpr-flip-box-back .wpr-flip-box-content{text-align:center;padding:20px 20px 20px 20px;-webkit-justify-content:center;justify-content:center;}.elementor-435 .elementor-element.elementor-element-4b5ac05{border-style:none;border-radius:24px 24px 24px 24px;}.elementor-435 .elementor-element.elementor-element-4b5ac05 .wpr-flip-box{height:350px;border-radius:24px;}.elementor-435 .elementor-element.elementor-element-4b5ac05 .wpr-flip-box-overlay{border-radius:24px;}.elementor-435 .elementor-element.elementor-element-4b5ac05 .wpr-flip-box-front .wpr-flip-box-title{color:var( --e-global-color-rishi5 );font-family:"Merriweather", Sans-serif;font-size:24px;line-height:28px;margin:0 0 20px;}.elementor-435 .elementor-element.elementor-element-4b5ac05 .wpr-flip-box-front .wpr-flip-box-description{color:#ffffff;margin-bottom:20px;}.elementor-435 .elementor-element.elementor-element-4b5ac05 .wpr-flip-box-back .wpr-flip-box-title{color:#ffffff;font-family:"Merriweather", Sans-serif;margin:0 0 12px;}.elementor-435 .elementor-element.elementor-element-4b5ac05 .wpr-flip-box-back .wpr-flip-box-description{color:#ffffff;margin-bottom:20px;}.elementor-435 .elementor-element.elementor-element-c5b2f15 .wpr-flip-box-item{-webkit-transition-duration:0.5s;transition-duration:0.5s;border-radius:24px;}.elementor-435 .elementor-element.elementor-element-c5b2f15 .wpr-flip-box-front{background-color:#363663;background-image:url("https://shreesaiindustry.in/wp-content/uploads/2025/11/Untitled-design-24.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-435 .elementor-element.elementor-element-c5b2f15 .wpr-flip-box-front .wpr-flip-box-content{text-align:left;padding:0px 20px 0px 20px;-webkit-justify-content:flex-end;justify-content:flex-end;}.elementor-435 .elementor-element.elementor-element-c5b2f15 .wpr-flip-box-back{background-color:transparent;background-image:linear-gradient(135deg, var( --e-global-color-primary ) 20%, var( --e-global-color-secondary ) 180%);}.elementor-435 .elementor-element.elementor-element-c5b2f15 .wpr-flip-box-back .wpr-flip-box-content{text-align:center;padding:20px 20px 20px 20px;-webkit-justify-content:center;justify-content:center;}.elementor-435 .elementor-element.elementor-element-c5b2f15{border-style:none;border-radius:24px 24px 24px 24px;}.elementor-435 .elementor-element.elementor-element-c5b2f15 .wpr-flip-box{height:350px;border-radius:24px;}.elementor-435 .elementor-element.elementor-element-c5b2f15 .wpr-flip-box-overlay{border-radius:24px;}.elementor-435 .elementor-element.elementor-element-c5b2f15 .wpr-flip-box-front .wpr-flip-box-title{color:var( --e-global-color-rishi5 );font-family:"Merriweather", Sans-serif;font-size:24px;line-height:28px;margin:0 0 20px;}.elementor-435 .elementor-element.elementor-element-c5b2f15 .wpr-flip-box-front .wpr-flip-box-description{color:#ffffff;margin-bottom:20px;}.elementor-435 .elementor-element.elementor-element-c5b2f15 .wpr-flip-box-back .wpr-flip-box-title{color:#ffffff;font-family:"Merriweather", Sans-serif;margin:0 0 12px;}.elementor-435 .elementor-element.elementor-element-c5b2f15 .wpr-flip-box-back .wpr-flip-box-description{color:#ffffff;margin-bottom:20px;}.elementor-435 .elementor-element.elementor-element-0e167dd .wpr-flip-box-item{-webkit-transition-duration:0.5s;transition-duration:0.5s;border-radius:24px;}.elementor-435 .elementor-element.elementor-element-0e167dd .wpr-flip-box-front{background-color:#363663;background-image:url("https://shreesaiindustry.in/wp-content/uploads/2025/11/Untitled-design-25.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-435 .elementor-element.elementor-element-0e167dd .wpr-flip-box-front .wpr-flip-box-content{text-align:left;padding:0px 20px 0px 20px;-webkit-justify-content:flex-end;justify-content:flex-end;}.elementor-435 .elementor-element.elementor-element-0e167dd .wpr-flip-box-back{background-color:transparent;background-image:linear-gradient(135deg, var( --e-global-color-primary ) 20%, var( --e-global-color-secondary ) 180%);}.elementor-435 .elementor-element.elementor-element-0e167dd .wpr-flip-box-back .wpr-flip-box-content{text-align:center;padding:20px 20px 20px 20px;-webkit-justify-content:center;justify-content:center;}.elementor-435 .elementor-element.elementor-element-0e167dd{border-style:none;border-radius:24px 24px 24px 24px;}.elementor-435 .elementor-element.elementor-element-0e167dd .wpr-flip-box{height:350px;border-radius:24px;}.elementor-435 .elementor-element.elementor-element-0e167dd .wpr-flip-box-overlay{border-radius:24px;}.elementor-435 .elementor-element.elementor-element-0e167dd .wpr-flip-box-front .wpr-flip-box-title{color:var( --e-global-color-rishi5 );font-family:"Merriweather", Sans-serif;font-size:24px;line-height:28px;margin:0 0 20px;}.elementor-435 .elementor-element.elementor-element-0e167dd .wpr-flip-box-front .wpr-flip-box-description{color:#ffffff;margin-bottom:20px;}.elementor-435 .elementor-element.elementor-element-0e167dd .wpr-flip-box-back .wpr-flip-box-title{color:#ffffff;font-family:"Merriweather", Sans-serif;margin:0 0 12px;}.elementor-435 .elementor-element.elementor-element-0e167dd .wpr-flip-box-back .wpr-flip-box-description{color:#ffffff;margin-bottom:20px;}.elementor-435 .elementor-element.elementor-element-ccf53b9 .wpr-flip-box-item{-webkit-transition-duration:0.5s;transition-duration:0.5s;border-radius:24px;}.elementor-435 .elementor-element.elementor-element-ccf53b9 .wpr-flip-box-front{background-color:#363663;background-image:url("https://shreesaiindustry.in/wp-content/uploads/2025/11/Untitled-design-35.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-435 .elementor-element.elementor-element-ccf53b9 .wpr-flip-box-front .wpr-flip-box-content{text-align:left;padding:0px 20px 0px 20px;-webkit-justify-content:flex-end;justify-content:flex-end;}.elementor-435 .elementor-element.elementor-element-ccf53b9 .wpr-flip-box-back{background-color:transparent;background-image:linear-gradient(135deg, var( --e-global-color-primary ) 20%, var( --e-global-color-secondary ) 180%);}.elementor-435 .elementor-element.elementor-element-ccf53b9 .wpr-flip-box-back .wpr-flip-box-content{text-align:center;padding:20px 20px 20px 20px;-webkit-justify-content:center;justify-content:center;}.elementor-435 .elementor-element.elementor-element-ccf53b9{border-style:none;border-radius:24px 24px 24px 24px;}.elementor-435 .elementor-element.elementor-element-ccf53b9 .wpr-flip-box{height:350px;border-radius:24px;}.elementor-435 .elementor-element.elementor-element-ccf53b9 .wpr-flip-box-overlay{border-radius:24px;}.elementor-435 .elementor-element.elementor-element-ccf53b9 .wpr-flip-box-front .wpr-flip-box-title{color:var( --e-global-color-rishi5 );font-family:"Merriweather", Sans-serif;font-size:24px;line-height:28px;margin:0 0 20px;}.elementor-435 .elementor-element.elementor-element-ccf53b9 .wpr-flip-box-front .wpr-flip-box-description{color:#ffffff;margin-bottom:20px;}.elementor-435 .elementor-element.elementor-element-ccf53b9 .wpr-flip-box-back .wpr-flip-box-title{color:#ffffff;font-family:"Merriweather", Sans-serif;margin:0 0 12px;}.elementor-435 .elementor-element.elementor-element-ccf53b9 .wpr-flip-box-back .wpr-flip-box-description{color:#ffffff;margin-bottom:20px;}.elementor-435 .elementor-element.elementor-element-c5088cd .wpr-flip-box-item{-webkit-transition-duration:0.5s;transition-duration:0.5s;border-radius:24px;}.elementor-435 .elementor-element.elementor-element-c5088cd .wpr-flip-box-front{background-color:#363663;background-image:url("https://shreesaiindustry.in/wp-content/uploads/2025/11/Untitled-design-36.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-435 .elementor-element.elementor-element-c5088cd .wpr-flip-box-front .wpr-flip-box-content{text-align:left;padding:0px 20px 0px 20px;-webkit-justify-content:flex-end;justify-content:flex-end;}.elementor-435 .elementor-element.elementor-element-c5088cd .wpr-flip-box-back{background-color:transparent;background-image:linear-gradient(135deg, var( --e-global-color-primary ) 20%, var( --e-global-color-secondary ) 180%);}.elementor-435 .elementor-element.elementor-element-c5088cd .wpr-flip-box-back .wpr-flip-box-content{text-align:center;padding:20px 20px 20px 20px;-webkit-justify-content:center;justify-content:center;}.elementor-435 .elementor-element.elementor-element-c5088cd{border-style:none;border-radius:24px 24px 24px 24px;}.elementor-435 .elementor-element.elementor-element-c5088cd .wpr-flip-box{height:350px;border-radius:24px;}.elementor-435 .elementor-element.elementor-element-c5088cd .wpr-flip-box-overlay{border-radius:24px;}.elementor-435 .elementor-element.elementor-element-c5088cd .wpr-flip-box-front .wpr-flip-box-title{color:var( --e-global-color-rishi5 );font-family:"Merriweather", Sans-serif;font-size:24px;line-height:28px;margin:0 0 20px;}.elementor-435 .elementor-element.elementor-element-c5088cd .wpr-flip-box-front .wpr-flip-box-description{color:#ffffff;margin-bottom:20px;}.elementor-435 .elementor-element.elementor-element-c5088cd .wpr-flip-box-back .wpr-flip-box-title{color:#ffffff;font-family:"Merriweather", Sans-serif;margin:0 0 12px;}.elementor-435 .elementor-element.elementor-element-c5088cd .wpr-flip-box-back .wpr-flip-box-description{color:#ffffff;margin-bottom:20px;}.elementor-435 .elementor-element.elementor-element-db0eb02{--display:flex;}.elementor-435 .elementor-element.elementor-element-c78170b{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-435 .elementor-element.elementor-element-c6e5f91 .wpr-flip-box-item{-webkit-transition-duration:0.5s;transition-duration:0.5s;border-radius:24px;}.elementor-435 .elementor-element.elementor-element-c6e5f91 .wpr-flip-box-front{background-color:#363663;background-image:url("https://shreesaiindustry.in/wp-content/uploads/2025/11/Untitled-design-22.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-435 .elementor-element.elementor-element-c6e5f91 .wpr-flip-box-front .wpr-flip-box-content{text-align:left;padding:0px 20px 0px 20px;-webkit-justify-content:flex-end;justify-content:flex-end;}.elementor-435 .elementor-element.elementor-element-c6e5f91 .wpr-flip-box-back{background-color:transparent;background-image:linear-gradient(135deg, var( --e-global-color-primary ) 20%, var( --e-global-color-secondary ) 180%);}.elementor-435 .elementor-element.elementor-element-c6e5f91 .wpr-flip-box-back .wpr-flip-box-content{text-align:center;padding:20px 20px 20px 20px;-webkit-justify-content:center;justify-content:center;}.elementor-435 .elementor-element.elementor-element-c6e5f91{border-style:none;border-radius:24px 24px 24px 24px;}.elementor-435 .elementor-element.elementor-element-c6e5f91 .wpr-flip-box{height:350px;border-radius:24px;}.elementor-435 .elementor-element.elementor-element-c6e5f91 .wpr-flip-box-overlay{border-radius:24px;}.elementor-435 .elementor-element.elementor-element-c6e5f91 .wpr-flip-box-front .wpr-flip-box-title{color:var( --e-global-color-rishi5 );font-family:"Merriweather", Sans-serif;font-size:24px;line-height:28px;margin:0 0 20px;}.elementor-435 .elementor-element.elementor-element-c6e5f91 .wpr-flip-box-front .wpr-flip-box-description{color:#ffffff;margin-bottom:20px;}.elementor-435 .elementor-element.elementor-element-c6e5f91 .wpr-flip-box-back .wpr-flip-box-title{color:#ffffff;font-family:"Merriweather", Sans-serif;margin:0 0 12px;}.elementor-435 .elementor-element.elementor-element-c6e5f91 .wpr-flip-box-back .wpr-flip-box-description{color:#ffffff;margin-bottom:20px;}.elementor-435 .elementor-element.elementor-element-0800504{--display:flex;}.elementor-435 .elementor-element.elementor-element-76be1d9{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-435 .elementor-element.elementor-element-03a6e57 .wpr-flip-box-item{-webkit-transition-duration:0.5s;transition-duration:0.5s;border-radius:24px;}.elementor-435 .elementor-element.elementor-element-03a6e57 .wpr-flip-box-front{background-color:#363663;background-image:url("https://shreesaiindustry.in/wp-content/uploads/2025/11/flat-bottom-pouches-500x500-1.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-435 .elementor-element.elementor-element-03a6e57 .wpr-flip-box-front .wpr-flip-box-content{text-align:left;padding:0px 20px 0px 20px;-webkit-justify-content:flex-end;justify-content:flex-end;}.elementor-435 .elementor-element.elementor-element-03a6e57 .wpr-flip-box-back{background-color:transparent;background-image:linear-gradient(135deg, var( --e-global-color-primary ) 20%, var( --e-global-color-secondary ) 180%);}.elementor-435 .elementor-element.elementor-element-03a6e57 .wpr-flip-box-back .wpr-flip-box-content{text-align:center;padding:20px 20px 20px 20px;-webkit-justify-content:center;justify-content:center;}.elementor-435 .elementor-element.elementor-element-03a6e57{border-style:none;border-radius:24px 24px 24px 24px;}.elementor-435 .elementor-element.elementor-element-03a6e57 .wpr-flip-box{height:350px;border-radius:24px;}.elementor-435 .elementor-element.elementor-element-03a6e57 .wpr-flip-box-overlay{border-radius:24px;}.elementor-435 .elementor-element.elementor-element-03a6e57 .wpr-flip-box-front .wpr-flip-box-title{color:var( --e-global-color-rishi5 );font-family:"Merriweather", Sans-serif;font-size:24px;line-height:28px;margin:0 0 20px;}.elementor-435 .elementor-element.elementor-element-03a6e57 .wpr-flip-box-front .wpr-flip-box-description{color:#ffffff;margin-bottom:20px;}.elementor-435 .elementor-element.elementor-element-03a6e57 .wpr-flip-box-back .wpr-flip-box-title{color:#ffffff;font-family:"Merriweather", Sans-serif;margin:0 0 12px;}.elementor-435 .elementor-element.elementor-element-03a6e57 .wpr-flip-box-back .wpr-flip-box-description{color:#ffffff;margin-bottom:20px;}.elementor-435 .elementor-element.elementor-element-6f82f43 .wpr-flip-box-item{-webkit-transition-duration:0.5s;transition-duration:0.5s;border-radius:24px;}.elementor-435 .elementor-element.elementor-element-6f82f43 .wpr-flip-box-front{background-color:#363663;background-image:url("https://shreesaiindustry.in/wp-content/uploads/2025/11/Untitled-design-19.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-435 .elementor-element.elementor-element-6f82f43 .wpr-flip-box-front .wpr-flip-box-content{text-align:left;padding:0px 20px 0px 20px;-webkit-justify-content:flex-end;justify-content:flex-end;}.elementor-435 .elementor-element.elementor-element-6f82f43 .wpr-flip-box-back{background-color:transparent;background-image:linear-gradient(135deg, var( --e-global-color-primary ) 20%, var( --e-global-color-secondary ) 180%);}.elementor-435 .elementor-element.elementor-element-6f82f43 .wpr-flip-box-back .wpr-flip-box-content{text-align:center;padding:20px 20px 20px 20px;-webkit-justify-content:center;justify-content:center;}.elementor-435 .elementor-element.elementor-element-6f82f43{border-style:none;border-radius:24px 24px 24px 24px;}.elementor-435 .elementor-element.elementor-element-6f82f43 .wpr-flip-box{height:350px;border-radius:24px;}.elementor-435 .elementor-element.elementor-element-6f82f43 .wpr-flip-box-overlay{border-radius:24px;}.elementor-435 .elementor-element.elementor-element-6f82f43 .wpr-flip-box-front .wpr-flip-box-title{color:var( --e-global-color-rishi5 );font-family:"Merriweather", Sans-serif;font-size:24px;line-height:28px;margin:0 0 20px;}.elementor-435 .elementor-element.elementor-element-6f82f43 .wpr-flip-box-front .wpr-flip-box-description{color:#ffffff;margin-bottom:20px;}.elementor-435 .elementor-element.elementor-element-6f82f43 .wpr-flip-box-back .wpr-flip-box-title{color:#ffffff;font-family:"Merriweather", Sans-serif;margin:0 0 12px;}.elementor-435 .elementor-element.elementor-element-6f82f43 .wpr-flip-box-back .wpr-flip-box-description{color:#ffffff;margin-bottom:20px;}.elementor-435 .elementor-element.elementor-element-b4892fb .wpr-flip-box-item{-webkit-transition-duration:0.5s;transition-duration:0.5s;border-radius:24px;}.elementor-435 .elementor-element.elementor-element-b4892fb .wpr-flip-box-front{background-color:#363663;background-image:url("https://shreesaiindustry.in/wp-content/uploads/2025/11/Untitled-design-20.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-435 .elementor-element.elementor-element-b4892fb .wpr-flip-box-front .wpr-flip-box-content{text-align:left;padding:0px 20px 0px 20px;-webkit-justify-content:flex-end;justify-content:flex-end;}.elementor-435 .elementor-element.elementor-element-b4892fb .wpr-flip-box-back{background-color:transparent;background-image:linear-gradient(135deg, var( --e-global-color-primary ) 20%, var( --e-global-color-secondary ) 180%);}.elementor-435 .elementor-element.elementor-element-b4892fb .wpr-flip-box-back .wpr-flip-box-content{text-align:center;padding:20px 20px 20px 20px;-webkit-justify-content:center;justify-content:center;}.elementor-435 .elementor-element.elementor-element-b4892fb{border-style:none;border-radius:24px 24px 24px 24px;}.elementor-435 .elementor-element.elementor-element-b4892fb .wpr-flip-box{height:350px;border-radius:24px;}.elementor-435 .elementor-element.elementor-element-b4892fb .wpr-flip-box-overlay{border-radius:24px;}.elementor-435 .elementor-element.elementor-element-b4892fb .wpr-flip-box-front .wpr-flip-box-title{color:var( --e-global-color-rishi5 );font-family:"Merriweather", Sans-serif;font-size:24px;line-height:28px;margin:0 0 20px;}.elementor-435 .elementor-element.elementor-element-b4892fb .wpr-flip-box-front .wpr-flip-box-description{color:#ffffff;margin-bottom:20px;}.elementor-435 .elementor-element.elementor-element-b4892fb .wpr-flip-box-back .wpr-flip-box-title{color:#ffffff;font-family:"Merriweather", Sans-serif;margin:0 0 12px;}.elementor-435 .elementor-element.elementor-element-b4892fb .wpr-flip-box-back .wpr-flip-box-description{color:#ffffff;margin-bottom:20px;}.elementor-435 .elementor-element.elementor-element-f561265 .wpr-flip-box-item{-webkit-transition-duration:0.5s;transition-duration:0.5s;border-radius:24px;}.elementor-435 .elementor-element.elementor-element-f561265 .wpr-flip-box-front{background-color:#363663;background-image:url("https://shreesaiindustry.in/wp-content/uploads/2025/11/Untitled-design-26.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-435 .elementor-element.elementor-element-f561265 .wpr-flip-box-front .wpr-flip-box-content{text-align:left;padding:0px 20px 0px 20px;-webkit-justify-content:flex-end;justify-content:flex-end;}.elementor-435 .elementor-element.elementor-element-f561265 .wpr-flip-box-back{background-color:transparent;background-image:linear-gradient(135deg, var( --e-global-color-primary ) 20%, var( --e-global-color-secondary ) 180%);}.elementor-435 .elementor-element.elementor-element-f561265 .wpr-flip-box-back .wpr-flip-box-content{text-align:center;padding:20px 20px 20px 20px;-webkit-justify-content:center;justify-content:center;}.elementor-435 .elementor-element.elementor-element-f561265{border-style:none;border-radius:24px 24px 24px 24px;}.elementor-435 .elementor-element.elementor-element-f561265 .wpr-flip-box{height:350px;border-radius:24px;}.elementor-435 .elementor-element.elementor-element-f561265 .wpr-flip-box-overlay{border-radius:24px;}.elementor-435 .elementor-element.elementor-element-f561265 .wpr-flip-box-front .wpr-flip-box-title{color:var( --e-global-color-rishi5 );font-family:"Merriweather", Sans-serif;font-size:24px;line-height:28px;margin:0 0 20px;}.elementor-435 .elementor-element.elementor-element-f561265 .wpr-flip-box-front .wpr-flip-box-description{color:#ffffff;margin-bottom:20px;}.elementor-435 .elementor-element.elementor-element-f561265 .wpr-flip-box-back .wpr-flip-box-title{color:#ffffff;font-family:"Merriweather", Sans-serif;margin:0 0 12px;}.elementor-435 .elementor-element.elementor-element-f561265 .wpr-flip-box-back .wpr-flip-box-description{color:#ffffff;margin-bottom:20px;}.elementor-435 .elementor-element.elementor-element-6b721c5 .wpr-flip-box-item{-webkit-transition-duration:0.5s;transition-duration:0.5s;border-radius:24px;}.elementor-435 .elementor-element.elementor-element-6b721c5 .wpr-flip-box-front{background-color:#363663;background-image:url("https://shreesaiindustry.in/wp-content/uploads/2025/11/Untitled-design-27.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-435 .elementor-element.elementor-element-6b721c5 .wpr-flip-box-front .wpr-flip-box-content{text-align:left;padding:0px 20px 0px 20px;-webkit-justify-content:flex-end;justify-content:flex-end;}.elementor-435 .elementor-element.elementor-element-6b721c5 .wpr-flip-box-back{background-color:transparent;background-image:linear-gradient(135deg, var( --e-global-color-primary ) 20%, var( --e-global-color-secondary ) 180%);}.elementor-435 .elementor-element.elementor-element-6b721c5 .wpr-flip-box-back .wpr-flip-box-content{text-align:center;padding:20px 20px 20px 20px;-webkit-justify-content:center;justify-content:center;}.elementor-435 .elementor-element.elementor-element-6b721c5{border-style:none;border-radius:24px 24px 24px 24px;}.elementor-435 .elementor-element.elementor-element-6b721c5 .wpr-flip-box{height:350px;border-radius:24px;}.elementor-435 .elementor-element.elementor-element-6b721c5 .wpr-flip-box-overlay{border-radius:24px;}.elementor-435 .elementor-element.elementor-element-6b721c5 .wpr-flip-box-front .wpr-flip-box-title{color:var( --e-global-color-rishi5 );font-family:"Merriweather", Sans-serif;font-size:24px;line-height:28px;margin:0 0 20px;}.elementor-435 .elementor-element.elementor-element-6b721c5 .wpr-flip-box-front .wpr-flip-box-description{color:#ffffff;margin-bottom:20px;}.elementor-435 .elementor-element.elementor-element-6b721c5 .wpr-flip-box-back .wpr-flip-box-title{color:#ffffff;font-family:"Merriweather", Sans-serif;margin:0 0 12px;}.elementor-435 .elementor-element.elementor-element-6b721c5 .wpr-flip-box-back .wpr-flip-box-description{color:#ffffff;margin-bottom:20px;}.elementor-435 .elementor-element.elementor-element-0631553 .wpr-flip-box-item{-webkit-transition-duration:0.5s;transition-duration:0.5s;border-radius:24px;}.elementor-435 .elementor-element.elementor-element-0631553 .wpr-flip-box-front{background-color:#363663;background-image:url("https://shreesaiindustry.in/wp-content/uploads/2025/11/Untitled-design-34-1.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-435 .elementor-element.elementor-element-0631553 .wpr-flip-box-front .wpr-flip-box-content{text-align:left;padding:0px 20px 0px 20px;-webkit-justify-content:flex-end;justify-content:flex-end;}.elementor-435 .elementor-element.elementor-element-0631553 .wpr-flip-box-back{background-color:transparent;background-image:linear-gradient(135deg, var( --e-global-color-primary ) 20%, var( --e-global-color-secondary ) 180%);}.elementor-435 .elementor-element.elementor-element-0631553 .wpr-flip-box-back .wpr-flip-box-content{text-align:center;padding:20px 20px 20px 20px;-webkit-justify-content:center;justify-content:center;}.elementor-435 .elementor-element.elementor-element-0631553{border-style:none;border-radius:24px 24px 24px 24px;}.elementor-435 .elementor-element.elementor-element-0631553 .wpr-flip-box{height:350px;border-radius:24px;}.elementor-435 .elementor-element.elementor-element-0631553 .wpr-flip-box-overlay{border-radius:24px;}.elementor-435 .elementor-element.elementor-element-0631553 .wpr-flip-box-front .wpr-flip-box-title{color:var( --e-global-color-rishi5 );font-family:"Merriweather", Sans-serif;font-size:24px;line-height:28px;margin:0 0 20px;}.elementor-435 .elementor-element.elementor-element-0631553 .wpr-flip-box-front .wpr-flip-box-description{color:#ffffff;margin-bottom:20px;}.elementor-435 .elementor-element.elementor-element-0631553 .wpr-flip-box-back .wpr-flip-box-title{color:#ffffff;font-family:"Merriweather", Sans-serif;margin:0 0 12px;}.elementor-435 .elementor-element.elementor-element-0631553 .wpr-flip-box-back .wpr-flip-box-description{color:#ffffff;margin-bottom:20px;}.elementor-435 .elementor-element.elementor-element-d90f316 .wpr-flip-box-item{-webkit-transition-duration:0.5s;transition-duration:0.5s;border-radius:24px;}.elementor-435 .elementor-element.elementor-element-d90f316 .wpr-flip-box-front{background-color:#363663;background-image:url("https://shreesaiindustry.in/wp-content/uploads/2025/11/Untitled-design-29.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-435 .elementor-element.elementor-element-d90f316 .wpr-flip-box-front .wpr-flip-box-content{text-align:left;padding:0px 20px 0px 20px;-webkit-justify-content:flex-end;justify-content:flex-end;}.elementor-435 .elementor-element.elementor-element-d90f316 .wpr-flip-box-back{background-color:transparent;background-image:linear-gradient(135deg, var( --e-global-color-primary ) 20%, var( --e-global-color-secondary ) 180%);}.elementor-435 .elementor-element.elementor-element-d90f316 .wpr-flip-box-back .wpr-flip-box-content{text-align:center;padding:20px 20px 20px 20px;-webkit-justify-content:center;justify-content:center;}.elementor-435 .elementor-element.elementor-element-d90f316{border-style:none;border-radius:24px 24px 24px 24px;}.elementor-435 .elementor-element.elementor-element-d90f316 .wpr-flip-box{height:350px;border-radius:24px;}.elementor-435 .elementor-element.elementor-element-d90f316 .wpr-flip-box-overlay{border-radius:24px;}.elementor-435 .elementor-element.elementor-element-d90f316 .wpr-flip-box-front .wpr-flip-box-title{color:var( --e-global-color-rishi5 );font-family:"Merriweather", Sans-serif;font-size:24px;line-height:28px;margin:0 0 20px;}.elementor-435 .elementor-element.elementor-element-d90f316 .wpr-flip-box-front .wpr-flip-box-description{color:#ffffff;margin-bottom:20px;}.elementor-435 .elementor-element.elementor-element-d90f316 .wpr-flip-box-back .wpr-flip-box-title{color:#ffffff;font-family:"Merriweather", Sans-serif;margin:0 0 12px;}.elementor-435 .elementor-element.elementor-element-d90f316 .wpr-flip-box-back .wpr-flip-box-description{color:#ffffff;margin-bottom:20px;}.elementor-435 .elementor-element.elementor-element-f7fd630 .wpr-flip-box-item{-webkit-transition-duration:0.5s;transition-duration:0.5s;border-radius:24px;}.elementor-435 .elementor-element.elementor-element-f7fd630 .wpr-flip-box-front{background-color:#363663;background-image:url("https://shreesaiindustry.in/wp-content/uploads/2025/11/Untitled-design-30.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-435 .elementor-element.elementor-element-f7fd630 .wpr-flip-box-front .wpr-flip-box-content{text-align:left;padding:0px 20px 0px 20px;-webkit-justify-content:flex-end;justify-content:flex-end;}.elementor-435 .elementor-element.elementor-element-f7fd630 .wpr-flip-box-back{background-color:transparent;background-image:linear-gradient(135deg, var( --e-global-color-primary ) 20%, var( --e-global-color-secondary ) 180%);}.elementor-435 .elementor-element.elementor-element-f7fd630 .wpr-flip-box-back .wpr-flip-box-content{text-align:center;padding:20px 20px 20px 20px;-webkit-justify-content:center;justify-content:center;}.elementor-435 .elementor-element.elementor-element-f7fd630{border-style:none;border-radius:24px 24px 24px 24px;}.elementor-435 .elementor-element.elementor-element-f7fd630 .wpr-flip-box{height:350px;border-radius:24px;}.elementor-435 .elementor-element.elementor-element-f7fd630 .wpr-flip-box-overlay{border-radius:24px;}.elementor-435 .elementor-element.elementor-element-f7fd630 .wpr-flip-box-front .wpr-flip-box-title{color:var( --e-global-color-rishi5 );font-family:"Merriweather", Sans-serif;font-size:24px;line-height:28px;margin:0 0 20px;}.elementor-435 .elementor-element.elementor-element-f7fd630 .wpr-flip-box-front .wpr-flip-box-description{color:#ffffff;margin-bottom:20px;}.elementor-435 .elementor-element.elementor-element-f7fd630 .wpr-flip-box-back .wpr-flip-box-title{color:#ffffff;font-family:"Merriweather", Sans-serif;margin:0 0 12px;}.elementor-435 .elementor-element.elementor-element-f7fd630 .wpr-flip-box-back .wpr-flip-box-description{color:#ffffff;margin-bottom:20px;}.elementor-435 .elementor-element.elementor-element-6e7a7fc .wpr-flip-box-item{-webkit-transition-duration:0.5s;transition-duration:0.5s;border-radius:24px;}.elementor-435 .elementor-element.elementor-element-6e7a7fc .wpr-flip-box-front{background-color:#363663;background-image:url("https://shreesaiindustry.in/wp-content/uploads/2025/11/Untitled-design-31.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-435 .elementor-element.elementor-element-6e7a7fc .wpr-flip-box-front .wpr-flip-box-content{text-align:left;padding:0px 20px 0px 20px;-webkit-justify-content:flex-end;justify-content:flex-end;}.elementor-435 .elementor-element.elementor-element-6e7a7fc .wpr-flip-box-back{background-color:transparent;background-image:linear-gradient(135deg, var( --e-global-color-primary ) 20%, var( --e-global-color-secondary ) 180%);}.elementor-435 .elementor-element.elementor-element-6e7a7fc .wpr-flip-box-back .wpr-flip-box-content{text-align:center;padding:20px 20px 20px 20px;-webkit-justify-content:center;justify-content:center;}.elementor-435 .elementor-element.elementor-element-6e7a7fc{border-style:none;border-radius:24px 24px 24px 24px;}.elementor-435 .elementor-element.elementor-element-6e7a7fc .wpr-flip-box{height:350px;border-radius:24px;}.elementor-435 .elementor-element.elementor-element-6e7a7fc .wpr-flip-box-overlay{border-radius:24px;}.elementor-435 .elementor-element.elementor-element-6e7a7fc .wpr-flip-box-front .wpr-flip-box-title{color:var( --e-global-color-rishi5 );font-family:"Merriweather", Sans-serif;font-size:24px;line-height:28px;margin:0 0 20px;}.elementor-435 .elementor-element.elementor-element-6e7a7fc .wpr-flip-box-front .wpr-flip-box-description{color:#ffffff;margin-bottom:20px;}.elementor-435 .elementor-element.elementor-element-6e7a7fc .wpr-flip-box-back .wpr-flip-box-title{color:#ffffff;font-family:"Merriweather", Sans-serif;margin:0 0 12px;}.elementor-435 .elementor-element.elementor-element-6e7a7fc .wpr-flip-box-back .wpr-flip-box-description{color:#ffffff;margin-bottom:20px;}.elementor-435 .elementor-element.elementor-element-6a37f10 .wpr-flip-box-item{-webkit-transition-duration:0.5s;transition-duration:0.5s;border-radius:24px;}.elementor-435 .elementor-element.elementor-element-6a37f10 .wpr-flip-box-front{background-color:#363663;background-image:url("https://shreesaiindustry.in/wp-content/uploads/2025/11/Untitled-design-33.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-435 .elementor-element.elementor-element-6a37f10 .wpr-flip-box-front .wpr-flip-box-content{text-align:left;padding:0px 20px 0px 20px;-webkit-justify-content:flex-end;justify-content:flex-end;}.elementor-435 .elementor-element.elementor-element-6a37f10 .wpr-flip-box-back{background-color:transparent;background-image:linear-gradient(135deg, var( --e-global-color-primary ) 20%, var( --e-global-color-secondary ) 180%);}.elementor-435 .elementor-element.elementor-element-6a37f10 .wpr-flip-box-back .wpr-flip-box-content{text-align:center;padding:20px 20px 20px 20px;-webkit-justify-content:center;justify-content:center;}.elementor-435 .elementor-element.elementor-element-6a37f10{border-style:none;border-radius:24px 24px 24px 24px;}.elementor-435 .elementor-element.elementor-element-6a37f10 .wpr-flip-box{height:350px;border-radius:24px;}.elementor-435 .elementor-element.elementor-element-6a37f10 .wpr-flip-box-overlay{border-radius:24px;}.elementor-435 .elementor-element.elementor-element-6a37f10 .wpr-flip-box-front .wpr-flip-box-title{color:var( --e-global-color-rishi5 );font-family:"Merriweather", Sans-serif;font-size:24px;line-height:28px;margin:0 0 20px;}.elementor-435 .elementor-element.elementor-element-6a37f10 .wpr-flip-box-front .wpr-flip-box-description{color:#ffffff;margin-bottom:20px;}.elementor-435 .elementor-element.elementor-element-6a37f10 .wpr-flip-box-back .wpr-flip-box-title{color:#ffffff;font-family:"Merriweather", Sans-serif;margin:0 0 12px;}.elementor-435 .elementor-element.elementor-element-6a37f10 .wpr-flip-box-back .wpr-flip-box-description{color:#ffffff;margin-bottom:20px;}.elementor-435 .elementor-element.elementor-element-8f2c3c2{--display:flex;}.elementor-435 .elementor-element.elementor-element-2a57cd3{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(1, 1fr);--grid-auto-flow:row;--padding-top:40px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-435 .elementor-element.elementor-element-0c769a2 .wpr-flip-box-item{-webkit-transition-duration:0.5s;transition-duration:0.5s;border-radius:24px;}.elementor-435 .elementor-element.elementor-element-0c769a2 .wpr-flip-box-front{background-color:#363663;background-image:url("https://shreesaiindustry.in/wp-content/uploads/2025/11/images-5.png");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-435 .elementor-element.elementor-element-0c769a2 .wpr-flip-box-front .wpr-flip-box-content{text-align:left;padding:0px 20px 0px 20px;-webkit-justify-content:flex-end;justify-content:flex-end;}.elementor-435 .elementor-element.elementor-element-0c769a2 .wpr-flip-box-back{background-color:transparent;background-image:linear-gradient(135deg, var( --e-global-color-primary ) 20%, var( --e-global-color-secondary ) 180%);}.elementor-435 .elementor-element.elementor-element-0c769a2 .wpr-flip-box-back .wpr-flip-box-content{text-align:center;padding:20px 20px 20px 20px;-webkit-justify-content:center;justify-content:center;}.elementor-435 .elementor-element.elementor-element-0c769a2{border-style:none;border-radius:24px 24px 24px 24px;}.elementor-435 .elementor-element.elementor-element-0c769a2 .wpr-flip-box{height:350px;border-radius:24px;}.elementor-435 .elementor-element.elementor-element-0c769a2 .wpr-flip-box-overlay{border-radius:24px;}.elementor-435 .elementor-element.elementor-element-0c769a2 .wpr-flip-box-front .wpr-flip-box-title{color:var( --e-global-color-rishi5 );font-family:"Merriweather", Sans-serif;font-size:24px;line-height:28px;margin:0 0 20px;}.elementor-435 .elementor-element.elementor-element-0c769a2 .wpr-flip-box-front .wpr-flip-box-description{color:#ffffff;margin-bottom:20px;}.elementor-435 .elementor-element.elementor-element-0c769a2 .wpr-flip-box-back .wpr-flip-box-title{color:#ffffff;font-family:"Merriweather", Sans-serif;margin:0 0 12px;}.elementor-435 .elementor-element.elementor-element-0c769a2 .wpr-flip-box-back .wpr-flip-box-description{color:#ffffff;margin-bottom:20px;}.elementor-435 .elementor-element.elementor-element-3eb7f81{--n-tabs-direction:column;--n-tabs-heading-direction:row;--n-tabs-heading-width:initial;--n-tabs-title-flex-basis:content;--n-tabs-title-flex-shrink:0;--n-tabs-heading-justify-content:flex-start;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-border-radius:8px 8px 8px 8px;--n-tabs-title-padding-top:05px;--n-tabs-title-padding-right:012px;--n-tabs-title-padding-bottom:05px;--n-tabs-title-padding-left:012px;--n-tabs-title-font-size:16px;--n-tabs-title-color:var( --e-global-color-primary );}.elementor-435 .elementor-element.elementor-element-3eb7f81 > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#C1C1DE;}.elementor-435 .elementor-element.elementor-element-3eb7f81.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-primary );}.elementor-435 .elementor-element.elementor-element-3eb7f81.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-435 .elementor-element.elementor-element-3eb7f81.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:var( --e-global-color-primary );}.elementor-435 .elementor-element.elementor-element-3eb7f81.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > :is( .e-n-tab-title > .e-n-tab-title-text, .e-n-tab-title ){font-family:"Merriweather", Sans-serif;}@media(min-width:768px){.elementor-435 .elementor-element.elementor-element-11550d5{--width:50%;}.elementor-435 .elementor-element.elementor-element-a89de1e{--width:50%;}}@media(max-width:1024px){.elementor-435 .elementor-element.elementor-element-2c74200 > .elementor-shape-bottom svg, .elementor-435 .elementor-element.elementor-element-2c74200 > .e-con-inner > .elementor-shape-bottom svg{height:90px;}.elementor-435 .elementor-element.elementor-element-487132e .elementor-heading-title{font-size:42px;}.elementor-435 .elementor-element.elementor-element-fd62c96{--e-con-grid-template-columns:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-435 .elementor-element.elementor-element-c78170b{--grid-auto-flow:row;}.elementor-435 .elementor-element.elementor-element-76be1d9{--grid-auto-flow:row;}.elementor-435 .elementor-element.elementor-element-2a57cd3{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-435 .elementor-element.elementor-element-2c74200{--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-435 .elementor-element.elementor-element-2c74200 > .elementor-shape-bottom svg, .elementor-435 .elementor-element.elementor-element-2c74200 > .e-con-inner > .elementor-shape-bottom svg{width:calc(190% + 1.3px);height:90px;}.elementor-435 .elementor-element.elementor-element-11550d5{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:20px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-435 .elementor-element.elementor-element-487132e{text-align:center;}.elementor-435 .elementor-element.elementor-element-487132e .elementor-heading-title{font-size:38px;}.elementor-435 .elementor-element.elementor-element-fd62c96{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-435 .elementor-element.elementor-element-c78170b{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-435 .elementor-element.elementor-element-76be1d9{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-435 .elementor-element.elementor-element-2a57cd3{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}.elementor-435 .elementor-element.elementor-element-3eb7f81{--n-tabs-title-gap:8px;--n-tabs-gap:0px;--n-tabs-title-border-radius:8px 8px 8px 8px;--n-tabs-title-padding-top:6px;--n-tabs-title-padding-right:8px;--n-tabs-title-padding-bottom:6px;--n-tabs-title-padding-left:8px;--n-tabs-title-font-size:14px;}}/* Start custom CSS for wpr-flip-box, class: .elementor-element-a01ffd2 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-a01ffd2 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-a01ffd2 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-a01ffd2 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-a01ffd2:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-5f32150 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-5f32150 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-5f32150 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-5f32150 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-5f32150:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-4b5ac05 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-4b5ac05 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-4b5ac05 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-4b5ac05 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-4b5ac05:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-c5b2f15 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-c5b2f15 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-c5b2f15 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-c5b2f15 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-c5b2f15:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-0e167dd *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-0e167dd .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-0e167dd .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-0e167dd .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-0e167dd:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-ccf53b9 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-ccf53b9 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-ccf53b9 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-ccf53b9 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-ccf53b9:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-c5088cd *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-c5088cd .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-c5088cd .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-c5088cd .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-c5088cd:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-c6e5f91 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-c6e5f91 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-c6e5f91 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-c6e5f91 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-c6e5f91:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-03a6e57 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-03a6e57 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-03a6e57 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-03a6e57 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-03a6e57:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-6f82f43 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-6f82f43 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-6f82f43 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-6f82f43 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-6f82f43:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-b4892fb *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-b4892fb .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-b4892fb .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-b4892fb .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-b4892fb:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-f561265 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-f561265 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-f561265 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-f561265 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-f561265:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-6b721c5 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-6b721c5 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-6b721c5 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-6b721c5 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-6b721c5:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-0631553 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-0631553 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-0631553 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-0631553 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-0631553:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-d90f316 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-d90f316 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-d90f316 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-d90f316 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-d90f316:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-f7fd630 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-f7fd630 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-f7fd630 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-f7fd630 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-f7fd630:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-6e7a7fc *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-6e7a7fc .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-6e7a7fc .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-6e7a7fc .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-6e7a7fc:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-6a37f10 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-6a37f10 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-6a37f10 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-6a37f10 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-6a37f10:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-0c769a2 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-0c769a2 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-0c769a2 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-0c769a2 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-0c769a2:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-a01ffd2 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-a01ffd2 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-a01ffd2 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-a01ffd2 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-a01ffd2:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-5f32150 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-5f32150 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-5f32150 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-5f32150 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-5f32150:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-4b5ac05 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-4b5ac05 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-4b5ac05 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-4b5ac05 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-4b5ac05:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-c5b2f15 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-c5b2f15 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-c5b2f15 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-c5b2f15 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-c5b2f15:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-0e167dd *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-0e167dd .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-0e167dd .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-0e167dd .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-0e167dd:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-ccf53b9 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-ccf53b9 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-ccf53b9 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-ccf53b9 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-ccf53b9:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-c5088cd *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-c5088cd .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-c5088cd .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-c5088cd .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-c5088cd:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-c6e5f91 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-c6e5f91 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-c6e5f91 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-c6e5f91 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-c6e5f91:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-03a6e57 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-03a6e57 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-03a6e57 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-03a6e57 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-03a6e57:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-6f82f43 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-6f82f43 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-6f82f43 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-6f82f43 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-6f82f43:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-b4892fb *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-b4892fb .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-b4892fb .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-b4892fb .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-b4892fb:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-f561265 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-f561265 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-f561265 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-f561265 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-f561265:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-6b721c5 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-6b721c5 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-6b721c5 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-6b721c5 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-6b721c5:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-0631553 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-0631553 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-0631553 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-0631553 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-0631553:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-d90f316 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-d90f316 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-d90f316 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-d90f316 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-d90f316:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-f7fd630 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-f7fd630 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-f7fd630 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-f7fd630 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-f7fd630:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-6e7a7fc *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-6e7a7fc .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-6e7a7fc .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-6e7a7fc .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-6e7a7fc:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-6a37f10 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-6a37f10 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-6a37f10 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-6a37f10 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-6a37f10:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-0c769a2 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-0c769a2 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-0c769a2 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-0c769a2 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-0c769a2:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-a01ffd2 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-a01ffd2 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-a01ffd2 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-a01ffd2 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-a01ffd2:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-5f32150 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-5f32150 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-5f32150 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-5f32150 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-5f32150:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-4b5ac05 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-4b5ac05 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-4b5ac05 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-4b5ac05 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-4b5ac05:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-c5b2f15 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-c5b2f15 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-c5b2f15 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-c5b2f15 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-c5b2f15:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-0e167dd *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-0e167dd .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-0e167dd .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-0e167dd .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-0e167dd:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-ccf53b9 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-ccf53b9 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-ccf53b9 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-ccf53b9 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-ccf53b9:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-c5088cd *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-c5088cd .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-c5088cd .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-c5088cd .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-c5088cd:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-c6e5f91 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-c6e5f91 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-c6e5f91 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-c6e5f91 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-c6e5f91:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-03a6e57 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-03a6e57 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-03a6e57 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-03a6e57 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-03a6e57:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-6f82f43 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-6f82f43 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-6f82f43 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-6f82f43 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-6f82f43:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-b4892fb *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-b4892fb .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-b4892fb .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-b4892fb .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-b4892fb:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-f561265 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-f561265 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-f561265 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-f561265 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-f561265:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-6b721c5 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-6b721c5 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-6b721c5 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-6b721c5 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-6b721c5:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-0631553 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-0631553 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-0631553 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-0631553 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-0631553:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-d90f316 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-d90f316 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-d90f316 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-d90f316 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-d90f316:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-f7fd630 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-f7fd630 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-f7fd630 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-f7fd630 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-f7fd630:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-6e7a7fc *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-6e7a7fc .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-6e7a7fc .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-6e7a7fc .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-6e7a7fc:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-6a37f10 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-6a37f10 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-6a37f10 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-6a37f10 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-6a37f10:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-0c769a2 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-0c769a2 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-0c769a2 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-0c769a2 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-0c769a2:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-a01ffd2 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-a01ffd2 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-a01ffd2 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-a01ffd2 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-a01ffd2:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-5f32150 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-5f32150 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-5f32150 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-5f32150 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-5f32150:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-4b5ac05 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-4b5ac05 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-4b5ac05 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-4b5ac05 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-4b5ac05:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-c5b2f15 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-c5b2f15 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-c5b2f15 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-c5b2f15 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-c5b2f15:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-0e167dd *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-0e167dd .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-0e167dd .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-0e167dd .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-0e167dd:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-ccf53b9 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-ccf53b9 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-ccf53b9 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-ccf53b9 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-ccf53b9:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-c5088cd *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-c5088cd .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-c5088cd .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-c5088cd .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-c5088cd:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-c6e5f91 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-c6e5f91 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-c6e5f91 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-c6e5f91 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-c6e5f91:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-03a6e57 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-03a6e57 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-03a6e57 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-03a6e57 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-03a6e57:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-6f82f43 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-6f82f43 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-6f82f43 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-6f82f43 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-6f82f43:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-b4892fb *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-b4892fb .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-b4892fb .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-b4892fb .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-b4892fb:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-f561265 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-f561265 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-f561265 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-f561265 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-f561265:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-6b721c5 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-6b721c5 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-6b721c5 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-6b721c5 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-6b721c5:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-0631553 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-0631553 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-0631553 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-0631553 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-0631553:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-d90f316 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-d90f316 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-d90f316 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-d90f316 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-d90f316:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-f7fd630 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-f7fd630 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-f7fd630 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-f7fd630 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-f7fd630:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-6e7a7fc *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-6e7a7fc .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-6e7a7fc .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-6e7a7fc .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-6e7a7fc:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-6a37f10 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-6a37f10 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-6a37f10 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-6a37f10 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-6a37f10:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-0c769a2 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-0c769a2 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-0c769a2 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-0c769a2 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-0c769a2:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-a01ffd2 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-a01ffd2 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-a01ffd2 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-a01ffd2 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-a01ffd2:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-5f32150 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-5f32150 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-5f32150 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-5f32150 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-5f32150:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-4b5ac05 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-4b5ac05 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-4b5ac05 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-4b5ac05 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-4b5ac05:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-c5b2f15 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-c5b2f15 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-c5b2f15 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-c5b2f15 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-c5b2f15:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-0e167dd *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-0e167dd .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-0e167dd .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-0e167dd .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-0e167dd:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-ccf53b9 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-ccf53b9 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-ccf53b9 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-ccf53b9 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-ccf53b9:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-c5088cd *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-c5088cd .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-c5088cd .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-c5088cd .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-c5088cd:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-c6e5f91 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-c6e5f91 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-c6e5f91 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-c6e5f91 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-c6e5f91:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-03a6e57 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-03a6e57 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-03a6e57 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-03a6e57 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-03a6e57:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-6f82f43 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-6f82f43 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-6f82f43 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-6f82f43 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-6f82f43:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-b4892fb *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-b4892fb .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-b4892fb .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-b4892fb .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-b4892fb:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-f561265 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-f561265 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-f561265 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-f561265 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-f561265:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-6b721c5 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-6b721c5 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-6b721c5 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-6b721c5 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-6b721c5:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-0631553 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-0631553 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-0631553 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-0631553 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-0631553:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-d90f316 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-d90f316 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-d90f316 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-d90f316 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-d90f316:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-f7fd630 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-f7fd630 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-f7fd630 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-f7fd630 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-f7fd630:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-6e7a7fc *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-6e7a7fc .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-6e7a7fc .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-6e7a7fc .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-6e7a7fc:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-6a37f10 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-6a37f10 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-6a37f10 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-6a37f10 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-6a37f10:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */
/* Start custom CSS for wpr-flip-box, class: .elementor-element-0c769a2 *//* === Gradient Overlay Only on Front Side (Bottom to Top, Color #363663) === */

/* Ensure front side container can hold overlay */
.elementor-435 .elementor-element.elementor-element-0c769a2 .wpr-flip-box-front {
  position: relative;
  overflow: hidden;
}

/* Gradient overlay straight from bottom to top */
.elementor-435 .elementor-element.elementor-element-0c769a2 .wpr-flip-box-front .wpr-flip-box-overlay {
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to top,
    rgba(0, 0, 0, 0.9) 0%,   /* bottom: dark #363663 */
    rgba(0, 0, 0, 0.6) 35%,  /* mid tone */
    rgba(0, 0, 0, 0.2) 65%,  /* fade */
    rgba(0, 0, 0, 0) 100%    /* top: transparent */
  );
  transition: background 0.25s ease;
}

/* Keep text above overlay */
.elementor-435 .elementor-element.elementor-element-0c769a2 .wpr-flip-box-front .wpr-flip-box-content {
  position: relative;
  z-index: 10;
  color: #fff;
  text-shadow: 0 2px 6px rgba(0,0,0,0.4);
}

/* Slightly darker gradient on hover */
.elementor-435 .elementor-element.elementor-element-0c769a2:hover .wpr-flip-box-front .wpr-flip-box-overlay {
  background: linear-gradient(
    to top,
    rgba(54, 54, 99, 1) 0%,
    rgba(54, 54, 99, 0.75) 35%,
    rgba(54, 54, 99, 0.3) 65%,
    rgba(54, 54, 99, 0) 100%
  );
}/* End custom CSS */