.elementor-83352 .elementor-element.elementor-element-4bde6ac{--display:flex;--min-height:690px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:70px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-486f7d5{--display:flex;--justify-content:center;}.elementor-83352 .elementor-element.elementor-element-761252e .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:46px;font-weight:800;line-height:64px;letter-spacing:0px;color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-9226375{font-family:"Jost", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-4616b14 .elementor-button{background-color:#F26E21;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-radius:11px 11px 11px 11px;padding:16px 24px 016px 024px;}.elementor-83352 .elementor-element.elementor-element-4616b14 .elementor-button:hover, .elementor-83352 .elementor-element.elementor-element-4616b14 .elementor-button:focus{background-color:#F26E21;color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-4616b14{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-4616b14 .elementor-button:hover svg, .elementor-83352 .elementor-element.elementor-element-4616b14 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-dc26c99{--display:flex;--min-height:934px;--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:flex-start;--overlay-opacity:1;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-dc26c99::before, .elementor-83352 .elementor-element.elementor-element-dc26c99 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-dc26c99 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-dc26c99 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-dc26c99 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-dc26c99 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-83352 .elementor-element.elementor-element-9507742{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-9507742 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:34px;font-weight:600;line-height:42px;color:#151515;}.elementor-83352 .elementor-element.elementor-element-fc01bf5{--divider-border-style:solid;--divider-color:#1174D1;--divider-border-width:4px;margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-fc01bf5 .elementor-divider-separator{width:33%;}.elementor-83352 .elementor-element.elementor-element-fc01bf5 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-83352 .elementor-element.elementor-element-a81e5ad{padding:0px 0px 0px 0px;font-weight:500;color:#242424;}.elementor-83352 .elementor-element.elementor-element-ce71666{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-ffe9c33{--display:flex;--min-height:250px;--justify-content:flex-start;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--background-transition:0.3s;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);--padding-top:10px;--padding-bottom:10px;--padding-left:16px;--padding-right:16px;}.elementor-83352 .elementor-element.elementor-element-ffe9c33:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-ffe9c33 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3FAFF;}.elementor-83352 .elementor-element.elementor-element-ffe9c33:hover{background-color:#1174D1;}.elementor-83352 .elementor-element.elementor-element-4a446ef{padding:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-4a446ef .elementor-icon-wrapper{text-align:left;}.elementor-83352 .elementor-element.elementor-element-4a446ef .elementor-icon{font-size:64px;}.elementor-83352 .elementor-element.elementor-element-4a446ef .elementor-icon svg{height:64px;}.elementor-83352 .elementor-element.elementor-element-2b79e53{padding:0px 0px 0px 0px;text-align:left;}.elementor-83352 .elementor-element.elementor-element-2b79e53 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:22px;font-weight:700;color:#151515;}.elementor-83352 .elementor-element.elementor-element-ebf6911{--display:flex;--min-height:168px;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-69342b5{padding:0px 0px 0px 0px;font-family:"Jost", Sans-serif;font-size:14px;font-weight:500;line-height:24px;color:#242424;}.elementor-83352 .elementor-element.elementor-element-b5d7e46 .elementor-button{background-color:#02010100;font-family:"Jost", Sans-serif;font-size:14px;font-weight:500;fill:#1174D1;color:#1174D1;}.elementor-83352 .elementor-element.elementor-element-b5d7e46{padding:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-b5d7e46 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-83352 .elementor-element.elementor-element-b5d7e46 .elementor-button .elementor-button-content-wrapper{gap:9px;}.elementor-83352 .elementor-element.elementor-element-b5d7e46 .elementor-button:hover, .elementor-83352 .elementor-element.elementor-element-b5d7e46 .elementor-button:focus{color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-b5d7e46 .elementor-button:hover svg, .elementor-83352 .elementor-element.elementor-element-b5d7e46 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-bb27674{--display:flex;--min-height:250px;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--background-transition:0.3s;--border-radius:16px 16px 16px 16px;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);--padding-top:10px;--padding-bottom:10px;--padding-left:016px;--padding-right:016px;}.elementor-83352 .elementor-element.elementor-element-bb27674:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-bb27674 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3FAFF;}.elementor-83352 .elementor-element.elementor-element-bb27674:hover{background-color:#1174D1;}.elementor-83352 .elementor-element.elementor-element-4517a5a{padding:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-4517a5a .elementor-icon-wrapper{text-align:left;}.elementor-83352 .elementor-element.elementor-element-4517a5a .elementor-icon{font-size:64px;}.elementor-83352 .elementor-element.elementor-element-4517a5a .elementor-icon svg{height:64px;}.elementor-83352 .elementor-element.elementor-element-803254f{padding:0px 0px 0px 0px;text-align:left;}.elementor-83352 .elementor-element.elementor-element-803254f .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:22px;font-weight:700;color:#151515;}.elementor-83352 .elementor-element.elementor-element-e1f1084{--display:flex;--min-height:168px;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-035f64c{font-size:16px;font-weight:500;color:#242424;}.elementor-83352 .elementor-element.elementor-element-a8b6149 .elementor-button{background-color:#02010100;font-family:"Jost", Sans-serif;font-size:14px;font-weight:500;fill:#1174D1;color:#1174D1;}.elementor-83352 .elementor-element.elementor-element-a8b6149{padding:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-a8b6149 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-83352 .elementor-element.elementor-element-a8b6149 .elementor-button .elementor-button-content-wrapper{gap:9px;}.elementor-83352 .elementor-element.elementor-element-a8b6149 .elementor-button:hover, .elementor-83352 .elementor-element.elementor-element-a8b6149 .elementor-button:focus{color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-a8b6149 .elementor-button:hover svg, .elementor-83352 .elementor-element.elementor-element-a8b6149 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-386dbee{--display:flex;--min-height:250px;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--background-transition:0.3s;--border-radius:16px 16px 16px 16px;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);--padding-top:10px;--padding-bottom:10px;--padding-left:016px;--padding-right:016px;}.elementor-83352 .elementor-element.elementor-element-386dbee:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-386dbee > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3FAFF;}.elementor-83352 .elementor-element.elementor-element-386dbee:hover{background-color:#1174D1;}.elementor-83352 .elementor-element.elementor-element-11da3dd{padding:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-11da3dd .elementor-icon-wrapper{text-align:left;}.elementor-83352 .elementor-element.elementor-element-11da3dd .elementor-icon{font-size:64px;}.elementor-83352 .elementor-element.elementor-element-11da3dd .elementor-icon svg{height:64px;}.elementor-83352 .elementor-element.elementor-element-388bc02{padding:0px 0px 0px 0px;text-align:left;}.elementor-83352 .elementor-element.elementor-element-388bc02 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:22px;font-weight:700;color:#151515;}.elementor-83352 .elementor-element.elementor-element-e6687b3{--display:flex;--min-height:168px;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-97549e9{font-size:16px;font-weight:500;color:#242424;}.elementor-83352 .elementor-element.elementor-element-b1d9c78 .elementor-button{background-color:#02010100;font-family:"Jost", Sans-serif;font-size:14px;font-weight:500;fill:#1174D1;color:#1174D1;}.elementor-83352 .elementor-element.elementor-element-b1d9c78{padding:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-b1d9c78 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-83352 .elementor-element.elementor-element-b1d9c78 .elementor-button .elementor-button-content-wrapper{gap:9px;}.elementor-83352 .elementor-element.elementor-element-b1d9c78 .elementor-button:hover, .elementor-83352 .elementor-element.elementor-element-b1d9c78 .elementor-button:focus{color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-b1d9c78 .elementor-button:hover svg, .elementor-83352 .elementor-element.elementor-element-b1d9c78 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-3edef31{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-56a76b4{--display:flex;--min-height:250px;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--background-transition:0.3s;--border-radius:10px 10px 10px 10px;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);--padding-top:10px;--padding-bottom:10px;--padding-left:16px;--padding-right:16px;}.elementor-83352 .elementor-element.elementor-element-56a76b4:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-56a76b4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3FAFF;}.elementor-83352 .elementor-element.elementor-element-56a76b4:hover{background-color:#1174D1;}.elementor-83352 .elementor-element.elementor-element-7c85082{padding:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-7c85082 .elementor-icon-wrapper{text-align:left;}.elementor-83352 .elementor-element.elementor-element-7c85082 .elementor-icon{font-size:64px;}.elementor-83352 .elementor-element.elementor-element-7c85082 .elementor-icon svg{height:64px;}.elementor-83352 .elementor-element.elementor-element-c7d4cdd{padding:0px 0px 0px 0px;text-align:left;}.elementor-83352 .elementor-element.elementor-element-c7d4cdd .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:22px;font-weight:700;color:#151515;}.elementor-83352 .elementor-element.elementor-element-c65644f{--display:flex;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-12c2922{padding:0px 0px 0px 0px;font-family:"Jost", Sans-serif;font-size:16px;font-weight:500;line-height:24px;color:#242424;}.elementor-83352 .elementor-element.elementor-element-40a8cd2 .elementor-button{background-color:#02010100;font-family:"Jost", Sans-serif;font-size:14px;font-weight:500;fill:#1174D1;color:#1174D1;}.elementor-83352 .elementor-element.elementor-element-40a8cd2{padding:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-40a8cd2 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-83352 .elementor-element.elementor-element-40a8cd2 .elementor-button .elementor-button-content-wrapper{gap:9px;}.elementor-83352 .elementor-element.elementor-element-40a8cd2 .elementor-button:hover, .elementor-83352 .elementor-element.elementor-element-40a8cd2 .elementor-button:focus{color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-40a8cd2 .elementor-button:hover svg, .elementor-83352 .elementor-element.elementor-element-40a8cd2 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-cef24f3{--display:flex;--min-height:250px;--justify-content:flex-start;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--background-transition:0.3s;--border-radius:16px 16px 16px 16px;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);--padding-top:10px;--padding-bottom:10px;--padding-left:016px;--padding-right:016px;}.elementor-83352 .elementor-element.elementor-element-cef24f3:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-cef24f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3FAFF;}.elementor-83352 .elementor-element.elementor-element-cef24f3:hover{background-color:#1174D1;}.elementor-83352 .elementor-element.elementor-element-5cb207a{padding:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-5cb207a .elementor-icon-wrapper{text-align:left;}.elementor-83352 .elementor-element.elementor-element-5cb207a .elementor-icon{font-size:64px;}.elementor-83352 .elementor-element.elementor-element-5cb207a .elementor-icon svg{height:64px;}.elementor-83352 .elementor-element.elementor-element-9800d01{padding:0px 0px 0px 0px;text-align:left;}.elementor-83352 .elementor-element.elementor-element-9800d01 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:22px;font-weight:700;color:#151515;}.elementor-83352 .elementor-element.elementor-element-6924cf5{--display:flex;--min-height:193px;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-88b8a4f{font-size:16px;font-weight:500;color:#242424;}.elementor-83352 .elementor-element.elementor-element-5a8fe77 .elementor-button{background-color:#02010100;font-family:"Jost", Sans-serif;font-size:14px;font-weight:500;fill:#1174D1;color:#1174D1;}.elementor-83352 .elementor-element.elementor-element-5a8fe77{padding:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-5a8fe77 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-83352 .elementor-element.elementor-element-5a8fe77 .elementor-button .elementor-button-content-wrapper{gap:9px;}.elementor-83352 .elementor-element.elementor-element-5a8fe77 .elementor-button:hover, .elementor-83352 .elementor-element.elementor-element-5a8fe77 .elementor-button:focus{color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-5a8fe77 .elementor-button:hover svg, .elementor-83352 .elementor-element.elementor-element-5a8fe77 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-6726cb6{--display:flex;--min-height:250px;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--background-transition:0.3s;--border-radius:16px 16px 16px 16px;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);--padding-top:10px;--padding-bottom:10px;--padding-left:016px;--padding-right:016px;}.elementor-83352 .elementor-element.elementor-element-6726cb6:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-6726cb6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3FAFF;}.elementor-83352 .elementor-element.elementor-element-6726cb6:hover{background-color:#1174D1;}.elementor-83352 .elementor-element.elementor-element-2130423{padding:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-2130423 .elementor-icon-wrapper{text-align:left;}.elementor-83352 .elementor-element.elementor-element-2130423 .elementor-icon{font-size:64px;}.elementor-83352 .elementor-element.elementor-element-2130423 .elementor-icon svg{height:64px;}.elementor-83352 .elementor-element.elementor-element-c9b4671{padding:0px 0px 0px 0px;text-align:left;}.elementor-83352 .elementor-element.elementor-element-c9b4671 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:22px;font-weight:700;color:#151515;}.elementor-83352 .elementor-element.elementor-element-27a5b59{--display:flex;--justify-content:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-b3cadab{padding:0px 0px 0px 0px;font-family:"Jost", Sans-serif;font-size:16px;font-weight:500;line-height:24px;color:#242424;}.elementor-83352 .elementor-element.elementor-element-8bc02a3 .elementor-button{background-color:#02010100;font-family:"Jost", Sans-serif;font-size:14px;font-weight:500;fill:#1174D1;color:#1174D1;}.elementor-83352 .elementor-element.elementor-element-8bc02a3{padding:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-8bc02a3 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-83352 .elementor-element.elementor-element-8bc02a3 .elementor-button .elementor-button-content-wrapper{gap:9px;}.elementor-83352 .elementor-element.elementor-element-8bc02a3 .elementor-button:hover, .elementor-83352 .elementor-element.elementor-element-8bc02a3 .elementor-button:focus{color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-8bc02a3 .elementor-button:hover svg, .elementor-83352 .elementor-element.elementor-element-8bc02a3 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-061cb63{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-061cb63:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-061cb63 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://10decoders.com/wp-content/uploads/2025/10/freepicdownloader.com-paper-style-white-monochrome-background-large-1.png");background-repeat:no-repeat;background-size:cover;}.elementor-83352 .elementor-element.elementor-element-83d3b93{--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;--overlay-opacity:1;--padding-top:0px;--padding-bottom:0px;--padding-left:40px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-83d3b93:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-83d3b93 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1174D1;}.elementor-83352 .elementor-element.elementor-element-83d3b93::before, .elementor-83352 .elementor-element.elementor-element-83d3b93 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-83d3b93 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-83d3b93 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-83d3b93 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-83d3b93 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://10decoders.com/wp-content/uploads/2025/09/Group-9568.png");--background-overlay:'';background-repeat:no-repeat;background-size:contain;}.elementor-83352 .elementor-element.elementor-element-36ce42e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-36ce42e .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:34px;font-weight:600;line-height:42px;color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-d487554{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:4px;margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-d487554 .elementor-divider-separator{width:48%;}.elementor-83352 .elementor-element.elementor-element-d487554 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-83352 .elementor-element.elementor-element-8fbf2bb{font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-8db08e1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--gap:40px 20px;--row-gap:40px;--column-gap:20px;--padding-top:40px;--padding-bottom:40px;--padding-left:30px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-7a3a206{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-7f4201c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-a3bfa90 .elementor-icon-box-wrapper{text-align:left;}.elementor-83352 .elementor-element.elementor-element-a3bfa90{--icon-box-icon-margin:15px;}.elementor-83352 .elementor-element.elementor-element-a3bfa90 .elementor-icon{font-size:60px;}.elementor-83352 .elementor-element.elementor-element-a3bfa90 .elementor-icon-box-title, .elementor-83352 .elementor-element.elementor-element-a3bfa90 .elementor-icon-box-title a{font-size:22px;font-weight:700;}.elementor-83352 .elementor-element.elementor-element-a3bfa90 .elementor-icon-box-title{color:#000000;}.elementor-83352 .elementor-element.elementor-element-a3bfa90 .elementor-icon-box-description{font-size:16px;font-weight:400;}.elementor-83352 .elementor-element.elementor-element-813169a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-dfa6c64 .elementor-icon-box-wrapper{text-align:left;}.elementor-83352 .elementor-element.elementor-element-dfa6c64{--icon-box-icon-margin:15px;}.elementor-83352 .elementor-element.elementor-element-dfa6c64 .elementor-icon-box-title, .elementor-83352 .elementor-element.elementor-element-dfa6c64 .elementor-icon-box-title a{font-size:22px;font-weight:700;}.elementor-83352 .elementor-element.elementor-element-dfa6c64 .elementor-icon-box-title{color:#000000;}.elementor-83352 .elementor-element.elementor-element-dfa6c64 .elementor-icon-box-description{font-size:16px;font-weight:400;}.elementor-83352 .elementor-element.elementor-element-bae191d{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-6edab85{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-7aa9055 .elementor-icon-box-wrapper{text-align:left;}.elementor-83352 .elementor-element.elementor-element-7aa9055{--icon-box-icon-margin:15px;}.elementor-83352 .elementor-element.elementor-element-7aa9055 .elementor-icon-box-title, .elementor-83352 .elementor-element.elementor-element-7aa9055 .elementor-icon-box-title a{font-size:22px;font-weight:700;}.elementor-83352 .elementor-element.elementor-element-7aa9055 .elementor-icon-box-title{color:#000000;}.elementor-83352 .elementor-element.elementor-element-7aa9055 .elementor-icon-box-description{font-size:16px;font-weight:400;}.elementor-83352 .elementor-element.elementor-element-680c2af{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-e09b43e .elementor-icon-box-wrapper{text-align:left;}.elementor-83352 .elementor-element.elementor-element-e09b43e{--icon-box-icon-margin:15px;}.elementor-83352 .elementor-element.elementor-element-e09b43e .elementor-icon-box-title, .elementor-83352 .elementor-element.elementor-element-e09b43e .elementor-icon-box-title a{font-size:22px;font-weight:700;}.elementor-83352 .elementor-element.elementor-element-e09b43e .elementor-icon-box-title{color:#000000;}.elementor-83352 .elementor-element.elementor-element-e09b43e .elementor-icon-box-description{font-size:16px;font-weight:400;}.elementor-83352 .elementor-element.elementor-element-33b02ec{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-c479c19{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-07500fe .elementor-icon-box-wrapper{text-align:left;}.elementor-83352 .elementor-element.elementor-element-07500fe{--icon-box-icon-margin:15px;}.elementor-83352 .elementor-element.elementor-element-07500fe .elementor-icon-box-title, .elementor-83352 .elementor-element.elementor-element-07500fe .elementor-icon-box-title a{font-size:22px;font-weight:700;}.elementor-83352 .elementor-element.elementor-element-07500fe .elementor-icon-box-title{color:#000000;}.elementor-83352 .elementor-element.elementor-element-07500fe .elementor-icon-box-description{font-size:16px;font-weight:400;}.elementor-83352 .elementor-element.elementor-element-be61faf{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-63e5b3b .elementor-icon-box-wrapper{text-align:left;}.elementor-83352 .elementor-element.elementor-element-63e5b3b{--icon-box-icon-margin:15px;}.elementor-83352 .elementor-element.elementor-element-63e5b3b .elementor-icon-box-title, .elementor-83352 .elementor-element.elementor-element-63e5b3b .elementor-icon-box-title a{font-size:22px;font-weight:700;}.elementor-83352 .elementor-element.elementor-element-63e5b3b .elementor-icon-box-title{color:#000000;}.elementor-83352 .elementor-element.elementor-element-63e5b3b .elementor-icon-box-description{font-size:16px;font-weight:400;}.elementor-83352 .elementor-element.elementor-element-3149096{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-2be498c{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-2be498c .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:34px;font-weight:600;line-height:42px;color:#151515;}.elementor-83352 .elementor-element.elementor-element-ca0077f{--divider-border-style:solid;--divider-color:#1174D1;--divider-border-width:4px;margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-ca0077f .elementor-divider-separator{width:33%;}.elementor-83352 .elementor-element.elementor-element-ca0077f .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-83352 .elementor-element.elementor-element-9bad3ac{--display:flex;--min-height:340px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-3b41900{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-b54405a{--display:flex;--min-height:340px;--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;--overlay-opacity:0.85;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-b54405a:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-b54405a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-83352 .elementor-element.elementor-element-b54405a::before, .elementor-83352 .elementor-element.elementor-element-b54405a > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-b54405a > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-b54405a > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-b54405a > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-b54405a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://10decoders.com/wp-content/uploads/2025/10/Group-9671.png");--background-overlay:'';background-position:53px -24px;background-repeat:no-repeat;background-size:cover;}.elementor-83352 .elementor-element.elementor-element-cca0d30 .elementor-icon-wrapper{text-align:center;}.elementor-83352 .elementor-element.elementor-element-cca0d30 .elementor-icon{font-size:80px;}.elementor-83352 .elementor-element.elementor-element-cca0d30 .elementor-icon svg{height:80px;}.elementor-83352 .elementor-element.elementor-element-9048b3b{text-align:center;}.elementor-83352 .elementor-element.elementor-element-9048b3b .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-83352 .elementor-element.elementor-element-9ccfbce{text-align:center;font-size:16px;font-weight:400;}.elementor-83352 .elementor-element.elementor-element-0ad8728{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-d810178{--display:flex;--min-height:340px;--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;--overlay-opacity:0.85;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-d810178:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-d810178 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-83352 .elementor-element.elementor-element-d810178::before, .elementor-83352 .elementor-element.elementor-element-d810178 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-d810178 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-d810178 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-d810178 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-d810178 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://10decoders.com/wp-content/uploads/2025/10/Group-9671.png");--background-overlay:'';background-position:53px -24px;background-repeat:no-repeat;background-size:cover;}.elementor-83352 .elementor-element.elementor-element-dab52a1 .elementor-icon-wrapper{text-align:center;}.elementor-83352 .elementor-element.elementor-element-dab52a1 .elementor-icon{font-size:80px;}.elementor-83352 .elementor-element.elementor-element-dab52a1 .elementor-icon svg{height:80px;}.elementor-83352 .elementor-element.elementor-element-9f2b473{text-align:center;}.elementor-83352 .elementor-element.elementor-element-9f2b473 .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-83352 .elementor-element.elementor-element-74d00a6{text-align:center;font-size:16px;font-weight:400;}.elementor-83352 .elementor-element.elementor-element-8f98686{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-4cf994f{--display:flex;--min-height:340px;--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;--overlay-opacity:0.85;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-4cf994f:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-4cf994f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-83352 .elementor-element.elementor-element-4cf994f::before, .elementor-83352 .elementor-element.elementor-element-4cf994f > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-4cf994f > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-4cf994f > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-4cf994f > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-4cf994f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://10decoders.com/wp-content/uploads/2025/10/Group-9671.png");--background-overlay:'';background-position:53px -24px;background-repeat:no-repeat;background-size:cover;}.elementor-83352 .elementor-element.elementor-element-24cadbc .elementor-icon-wrapper{text-align:center;}.elementor-83352 .elementor-element.elementor-element-24cadbc .elementor-icon{font-size:80px;}.elementor-83352 .elementor-element.elementor-element-24cadbc .elementor-icon svg{height:80px;}.elementor-83352 .elementor-element.elementor-element-6a5e1a0{text-align:center;}.elementor-83352 .elementor-element.elementor-element-6a5e1a0 .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-83352 .elementor-element.elementor-element-23cde4d{text-align:center;font-size:16px;font-weight:400;}.elementor-83352 .elementor-element.elementor-element-d029563{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-86010fc{--display:flex;--min-height:340px;--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;--overlay-opacity:0.85;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-86010fc:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-86010fc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-83352 .elementor-element.elementor-element-86010fc::before, .elementor-83352 .elementor-element.elementor-element-86010fc > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-86010fc > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-86010fc > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-86010fc > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-86010fc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://10decoders.com/wp-content/uploads/2025/10/Group-9671.png");--background-overlay:'';background-position:53px -24px;background-repeat:no-repeat;background-size:cover;}.elementor-83352 .elementor-element.elementor-element-3f4876d .elementor-icon-wrapper{text-align:center;}.elementor-83352 .elementor-element.elementor-element-3f4876d .elementor-icon{font-size:80px;}.elementor-83352 .elementor-element.elementor-element-3f4876d .elementor-icon svg{height:80px;}.elementor-83352 .elementor-element.elementor-element-3d18470{text-align:center;}.elementor-83352 .elementor-element.elementor-element-3d18470 .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-83352 .elementor-element.elementor-element-fdcca1f{text-align:center;font-size:16px;font-weight:400;}.elementor-83352 .elementor-element.elementor-element-9741d6c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-c0cd2f3{--display:flex;--min-height:340px;--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;--overlay-opacity:0.85;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-c0cd2f3:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-c0cd2f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-83352 .elementor-element.elementor-element-c0cd2f3::before, .elementor-83352 .elementor-element.elementor-element-c0cd2f3 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-c0cd2f3 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-c0cd2f3 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-c0cd2f3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-c0cd2f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://10decoders.com/wp-content/uploads/2025/10/Group-9671.png");--background-overlay:'';background-position:53px -24px;background-repeat:no-repeat;background-size:cover;}.elementor-83352 .elementor-element.elementor-element-d634030 .elementor-icon-wrapper{text-align:center;}.elementor-83352 .elementor-element.elementor-element-d634030 .elementor-icon{font-size:80px;}.elementor-83352 .elementor-element.elementor-element-d634030 .elementor-icon svg{height:80px;}.elementor-83352 .elementor-element.elementor-element-09bc803{text-align:center;}.elementor-83352 .elementor-element.elementor-element-09bc803 .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-83352 .elementor-element.elementor-element-f86cf44{text-align:center;font-size:16px;font-weight:400;}.elementor-83352 .elementor-element.elementor-element-f2855d5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-9f66728{--display:flex;--min-height:340px;--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;--overlay-opacity:0.85;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-9f66728:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-9f66728 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-83352 .elementor-element.elementor-element-9f66728::before, .elementor-83352 .elementor-element.elementor-element-9f66728 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-9f66728 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-9f66728 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-9f66728 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-9f66728 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://10decoders.com/wp-content/uploads/2025/10/Group-9671.png");--background-overlay:'';background-position:53px -24px;background-repeat:no-repeat;background-size:cover;}.elementor-83352 .elementor-element.elementor-element-2b89728 .elementor-icon-wrapper{text-align:center;}.elementor-83352 .elementor-element.elementor-element-2b89728 .elementor-icon{font-size:80px;}.elementor-83352 .elementor-element.elementor-element-2b89728 .elementor-icon svg{height:80px;}.elementor-83352 .elementor-element.elementor-element-f3f1d48{text-align:center;}.elementor-83352 .elementor-element.elementor-element-f3f1d48 .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-83352 .elementor-element.elementor-element-668c157{text-align:center;font-size:16px;font-weight:400;}.elementor-83352 .elementor-element.elementor-element-df2609a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-9100366{--display:flex;--min-height:340px;--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;--overlay-opacity:0.85;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-9100366:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-9100366 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-83352 .elementor-element.elementor-element-9100366::before, .elementor-83352 .elementor-element.elementor-element-9100366 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-9100366 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-9100366 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-9100366 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-9100366 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://10decoders.com/wp-content/uploads/2025/10/Group-9671.png");--background-overlay:'';background-position:53px -24px;background-repeat:no-repeat;background-size:cover;}.elementor-83352 .elementor-element.elementor-element-d7ea673 .elementor-icon-wrapper{text-align:center;}.elementor-83352 .elementor-element.elementor-element-d7ea673 .elementor-icon{font-size:80px;}.elementor-83352 .elementor-element.elementor-element-d7ea673 .elementor-icon svg{height:80px;}.elementor-83352 .elementor-element.elementor-element-f944577{text-align:center;}.elementor-83352 .elementor-element.elementor-element-f944577 .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-83352 .elementor-element.elementor-element-2e597e0{text-align:center;font-size:16px;font-weight:400;}.elementor-83352 .elementor-element.elementor-element-7fec93c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-02a5fed{--display:flex;--min-height:340px;--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;--overlay-opacity:0.85;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-02a5fed:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-02a5fed > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-83352 .elementor-element.elementor-element-02a5fed::before, .elementor-83352 .elementor-element.elementor-element-02a5fed > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-02a5fed > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-02a5fed > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-02a5fed > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-02a5fed > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://10decoders.com/wp-content/uploads/2025/10/Group-9671.png");--background-overlay:'';background-position:53px -24px;background-repeat:no-repeat;background-size:cover;}.elementor-83352 .elementor-element.elementor-element-e2eaa73 .elementor-icon-wrapper{text-align:center;}.elementor-83352 .elementor-element.elementor-element-e2eaa73 .elementor-icon{font-size:80px;}.elementor-83352 .elementor-element.elementor-element-e2eaa73 .elementor-icon svg{height:80px;}.elementor-83352 .elementor-element.elementor-element-6b4bcd1{text-align:center;}.elementor-83352 .elementor-element.elementor-element-6b4bcd1 .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-83352 .elementor-element.elementor-element-7a797fe{text-align:center;font-size:16px;font-weight:400;}.elementor-83352 .elementor-element.elementor-element-ffc920a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-01d00bc{--display:flex;--min-height:340px;--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;--overlay-opacity:0.85;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-01d00bc:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-01d00bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-83352 .elementor-element.elementor-element-01d00bc::before, .elementor-83352 .elementor-element.elementor-element-01d00bc > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-01d00bc > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-01d00bc > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-01d00bc > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-01d00bc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://10decoders.com/wp-content/uploads/2025/10/Group-9671.png");--background-overlay:'';background-position:53px -24px;background-repeat:no-repeat;background-size:cover;}.elementor-83352 .elementor-element.elementor-element-6ba6ef2 .elementor-icon-wrapper{text-align:center;}.elementor-83352 .elementor-element.elementor-element-6ba6ef2 .elementor-icon{font-size:80px;}.elementor-83352 .elementor-element.elementor-element-6ba6ef2 .elementor-icon svg{height:80px;}.elementor-83352 .elementor-element.elementor-element-ba67a7a{text-align:center;}.elementor-83352 .elementor-element.elementor-element-ba67a7a .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-83352 .elementor-element.elementor-element-b07a48c{text-align:center;font-size:16px;font-weight:400;}.elementor-83352 .elementor-element.elementor-element-3a6309c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-3bf53ca{--display:flex;--min-height:340px;--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;--overlay-opacity:0.85;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-3bf53ca:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-3bf53ca > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-83352 .elementor-element.elementor-element-3bf53ca::before, .elementor-83352 .elementor-element.elementor-element-3bf53ca > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-3bf53ca > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-3bf53ca > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-3bf53ca > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-3bf53ca > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://10decoders.com/wp-content/uploads/2025/10/Group-9671.png");--background-overlay:'';background-position:53px -24px;background-repeat:no-repeat;background-size:cover;}.elementor-83352 .elementor-element.elementor-element-98ad0b3 .elementor-icon-wrapper{text-align:center;}.elementor-83352 .elementor-element.elementor-element-98ad0b3 .elementor-icon{font-size:80px;}.elementor-83352 .elementor-element.elementor-element-98ad0b3 .elementor-icon svg{height:80px;}.elementor-83352 .elementor-element.elementor-element-d22d54e{text-align:center;}.elementor-83352 .elementor-element.elementor-element-d22d54e .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-83352 .elementor-element.elementor-element-e1f6355{text-align:center;font-size:16px;font-weight:400;}.elementor-83352 .elementor-element.elementor-element-f024604{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-position:422px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:211px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:418px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:211px;--e-n-carousel-arrow-size:40px;--e-n-carousel-swiper-pagination-size:10px;--e-n-carousel-dots-normal-color:#D9D9D9;--e-n-carousel-dots-horizontal-position:50%;--e-n-carousel-dots-horizontal-transform:-50%;--e-n-carousel-dots-vertical-offset:10px;}.elementor-83352 .elementor-element.elementor-element-f6373da{--display:flex;}.elementor-83352 .elementor-element.elementor-element-d8d63c2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-b0d960b{--display:flex;--min-height:340px;--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;--overlay-opacity:0.85;border-style:none;--border-style:none;--border-radius:012px 012px 012px 012px;}.elementor-83352 .elementor-element.elementor-element-b0d960b:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-b0d960b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-83352 .elementor-element.elementor-element-b0d960b::before, .elementor-83352 .elementor-element.elementor-element-b0d960b > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-b0d960b > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-b0d960b > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-b0d960b > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-b0d960b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://10decoders.com/wp-content/uploads/2025/10/Group-9671.png");--background-overlay:'';background-position:53px -24px;background-repeat:no-repeat;background-size:cover;}.elementor-83352 .elementor-element.elementor-element-c01629a .elementor-icon-wrapper{text-align:center;}.elementor-83352 .elementor-element.elementor-element-c01629a .elementor-icon{font-size:80px;}.elementor-83352 .elementor-element.elementor-element-c01629a .elementor-icon svg{height:80px;}.elementor-83352 .elementor-element.elementor-element-a903ebb{text-align:center;}.elementor-83352 .elementor-element.elementor-element-a903ebb .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-83352 .elementor-element.elementor-element-65ff001{text-align:center;font-size:16px;font-weight:400;}.elementor-83352 .elementor-element.elementor-element-623d0e4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-46fbdd6{--display:flex;--min-height:340px;--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;--overlay-opacity:0.85;border-style:none;--border-style:none;--border-radius:012px 012px 012px 012px;}.elementor-83352 .elementor-element.elementor-element-46fbdd6:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-46fbdd6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-83352 .elementor-element.elementor-element-46fbdd6::before, .elementor-83352 .elementor-element.elementor-element-46fbdd6 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-46fbdd6 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-46fbdd6 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-46fbdd6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-46fbdd6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://10decoders.com/wp-content/uploads/2025/10/Group-9671.png");--background-overlay:'';background-position:53px -24px;background-repeat:no-repeat;background-size:cover;}.elementor-83352 .elementor-element.elementor-element-d51fa1e .elementor-icon-wrapper{text-align:center;}.elementor-83352 .elementor-element.elementor-element-d51fa1e .elementor-icon{font-size:80px;}.elementor-83352 .elementor-element.elementor-element-d51fa1e .elementor-icon svg{height:80px;}.elementor-83352 .elementor-element.elementor-element-cd33b4b{text-align:center;}.elementor-83352 .elementor-element.elementor-element-cd33b4b .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-83352 .elementor-element.elementor-element-20af507{text-align:center;font-size:16px;font-weight:400;}.elementor-83352 .elementor-element.elementor-element-4caa2e1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-61eb979{--display:flex;--min-height:340px;--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;--overlay-opacity:0.85;border-style:none;--border-style:none;--border-radius:012px 012px 012px 012px;}.elementor-83352 .elementor-element.elementor-element-61eb979:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-61eb979 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-83352 .elementor-element.elementor-element-61eb979::before, .elementor-83352 .elementor-element.elementor-element-61eb979 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-61eb979 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-61eb979 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-61eb979 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-61eb979 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://10decoders.com/wp-content/uploads/2025/10/Group-9671.png");--background-overlay:'';background-position:53px -24px;background-repeat:no-repeat;background-size:cover;}.elementor-83352 .elementor-element.elementor-element-003c245 .elementor-icon-wrapper{text-align:center;}.elementor-83352 .elementor-element.elementor-element-003c245 .elementor-icon{font-size:80px;}.elementor-83352 .elementor-element.elementor-element-003c245 .elementor-icon svg{height:80px;}.elementor-83352 .elementor-element.elementor-element-cf2fd35{text-align:center;}.elementor-83352 .elementor-element.elementor-element-cf2fd35 .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-83352 .elementor-element.elementor-element-8854de8{text-align:center;font-size:16px;font-weight:400;}.elementor-83352 .elementor-element.elementor-element-4be46a7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-a5b346d{--display:flex;--min-height:340px;--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;--overlay-opacity:0.85;border-style:none;--border-style:none;--border-radius:012px 012px 012px 012px;}.elementor-83352 .elementor-element.elementor-element-a5b346d:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-a5b346d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-83352 .elementor-element.elementor-element-a5b346d::before, .elementor-83352 .elementor-element.elementor-element-a5b346d > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-a5b346d > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-a5b346d > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-a5b346d > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-a5b346d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://10decoders.com/wp-content/uploads/2025/10/Group-9671.png");--background-overlay:'';background-position:53px -24px;background-repeat:no-repeat;background-size:cover;}.elementor-83352 .elementor-element.elementor-element-ea8cfe0 .elementor-icon-wrapper{text-align:center;}.elementor-83352 .elementor-element.elementor-element-ea8cfe0 .elementor-icon{font-size:80px;}.elementor-83352 .elementor-element.elementor-element-ea8cfe0 .elementor-icon svg{height:80px;}.elementor-83352 .elementor-element.elementor-element-05f2e49{text-align:center;}.elementor-83352 .elementor-element.elementor-element-05f2e49 .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-83352 .elementor-element.elementor-element-5cda676{text-align:center;font-size:16px;font-weight:400;}.elementor-83352 .elementor-element.elementor-element-efcf1a5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-6799487{--display:flex;--min-height:340px;--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;--overlay-opacity:0.85;border-style:none;--border-style:none;--border-radius:012px 012px 012px 012px;}.elementor-83352 .elementor-element.elementor-element-6799487:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-6799487 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-83352 .elementor-element.elementor-element-6799487::before, .elementor-83352 .elementor-element.elementor-element-6799487 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-6799487 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-6799487 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-6799487 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-6799487 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://10decoders.com/wp-content/uploads/2025/10/Group-9671.png");--background-overlay:'';background-position:53px -24px;background-repeat:no-repeat;background-size:cover;}.elementor-83352 .elementor-element.elementor-element-a8daa04 .elementor-icon-wrapper{text-align:center;}.elementor-83352 .elementor-element.elementor-element-a8daa04 .elementor-icon{font-size:80px;}.elementor-83352 .elementor-element.elementor-element-a8daa04 .elementor-icon svg{height:80px;}.elementor-83352 .elementor-element.elementor-element-3e329be{text-align:center;}.elementor-83352 .elementor-element.elementor-element-3e329be .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-83352 .elementor-element.elementor-element-4fee37b{text-align:center;font-size:16px;font-weight:400;}.elementor-83352 .elementor-element.elementor-element-ca0cf87{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-6fba379{--display:flex;--min-height:340px;--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;--overlay-opacity:0.85;border-style:none;--border-style:none;--border-radius:012px 012px 012px 012px;}.elementor-83352 .elementor-element.elementor-element-6fba379:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-6fba379 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-83352 .elementor-element.elementor-element-6fba379::before, .elementor-83352 .elementor-element.elementor-element-6fba379 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-6fba379 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-6fba379 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-6fba379 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-6fba379 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://10decoders.com/wp-content/uploads/2025/10/Group-9671.png");--background-overlay:'';background-position:53px -24px;background-repeat:no-repeat;background-size:cover;}.elementor-83352 .elementor-element.elementor-element-21b7b90 .elementor-icon-wrapper{text-align:center;}.elementor-83352 .elementor-element.elementor-element-21b7b90 .elementor-icon{font-size:80px;}.elementor-83352 .elementor-element.elementor-element-21b7b90 .elementor-icon svg{height:80px;}.elementor-83352 .elementor-element.elementor-element-5da3522{text-align:center;}.elementor-83352 .elementor-element.elementor-element-5da3522 .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-83352 .elementor-element.elementor-element-423fac7{text-align:center;font-size:16px;font-weight:400;}.elementor-83352 .elementor-element.elementor-element-4b3f226{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-20dd21e{--display:flex;--min-height:340px;--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;--overlay-opacity:0.85;border-style:none;--border-style:none;--border-radius:012px 012px 012px 012px;}.elementor-83352 .elementor-element.elementor-element-20dd21e:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-20dd21e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-83352 .elementor-element.elementor-element-20dd21e::before, .elementor-83352 .elementor-element.elementor-element-20dd21e > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-20dd21e > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-20dd21e > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-20dd21e > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-20dd21e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://10decoders.com/wp-content/uploads/2025/10/Group-9671.png");--background-overlay:'';background-position:53px -24px;background-repeat:no-repeat;background-size:cover;}.elementor-83352 .elementor-element.elementor-element-43c38c5 .elementor-icon-wrapper{text-align:center;}.elementor-83352 .elementor-element.elementor-element-43c38c5 .elementor-icon{font-size:80px;}.elementor-83352 .elementor-element.elementor-element-43c38c5 .elementor-icon svg{height:80px;}.elementor-83352 .elementor-element.elementor-element-8a3bc9d{text-align:center;}.elementor-83352 .elementor-element.elementor-element-8a3bc9d .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-83352 .elementor-element.elementor-element-83e7209{text-align:center;font-size:16px;font-weight:400;}.elementor-83352 .elementor-element.elementor-element-cb05354{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-cffd2ce{--display:flex;--min-height:340px;--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;--overlay-opacity:0.85;border-style:none;--border-style:none;--border-radius:012px 012px 012px 012px;}.elementor-83352 .elementor-element.elementor-element-cffd2ce:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-cffd2ce > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-83352 .elementor-element.elementor-element-cffd2ce::before, .elementor-83352 .elementor-element.elementor-element-cffd2ce > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-cffd2ce > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-cffd2ce > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-cffd2ce > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-cffd2ce > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://10decoders.com/wp-content/uploads/2025/10/Group-9671.png");--background-overlay:'';background-position:53px -24px;background-repeat:no-repeat;background-size:cover;}.elementor-83352 .elementor-element.elementor-element-92034d2 .elementor-icon-wrapper{text-align:center;}.elementor-83352 .elementor-element.elementor-element-92034d2 .elementor-icon{font-size:80px;}.elementor-83352 .elementor-element.elementor-element-92034d2 .elementor-icon svg{height:80px;}.elementor-83352 .elementor-element.elementor-element-390b10c{text-align:center;}.elementor-83352 .elementor-element.elementor-element-390b10c .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-83352 .elementor-element.elementor-element-d6e7b8f{text-align:center;font-size:16px;font-weight:400;}.elementor-83352 .elementor-element.elementor-element-2910b0a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-825d00d{--display:flex;--min-height:340px;--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;--overlay-opacity:0.85;border-style:none;--border-style:none;--border-radius:012px 012px 012px 012px;}.elementor-83352 .elementor-element.elementor-element-825d00d:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-825d00d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-83352 .elementor-element.elementor-element-825d00d::before, .elementor-83352 .elementor-element.elementor-element-825d00d > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-825d00d > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-825d00d > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-825d00d > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-825d00d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://10decoders.com/wp-content/uploads/2025/10/Group-9671.png");--background-overlay:'';background-position:53px -24px;background-repeat:no-repeat;background-size:cover;}.elementor-83352 .elementor-element.elementor-element-daa162e .elementor-icon-wrapper{text-align:center;}.elementor-83352 .elementor-element.elementor-element-daa162e .elementor-icon{font-size:80px;}.elementor-83352 .elementor-element.elementor-element-daa162e .elementor-icon svg{height:80px;}.elementor-83352 .elementor-element.elementor-element-381a2ac{text-align:center;}.elementor-83352 .elementor-element.elementor-element-381a2ac .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-83352 .elementor-element.elementor-element-175903e{text-align:center;font-size:16px;font-weight:400;}.elementor-83352 .elementor-element.elementor-element-dd4490c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-65fcefc{--display:flex;--min-height:340px;--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;--overlay-opacity:0.85;border-style:none;--border-style:none;--border-radius:012px 012px 012px 012px;}.elementor-83352 .elementor-element.elementor-element-65fcefc:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-65fcefc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-83352 .elementor-element.elementor-element-65fcefc::before, .elementor-83352 .elementor-element.elementor-element-65fcefc > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-65fcefc > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-65fcefc > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-65fcefc > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-65fcefc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-image:url("https://10decoders.com/wp-content/uploads/2025/10/Group-9671.png");--background-overlay:'';background-position:53px -24px;background-repeat:no-repeat;background-size:cover;}.elementor-83352 .elementor-element.elementor-element-4fa70be .elementor-icon-wrapper{text-align:center;}.elementor-83352 .elementor-element.elementor-element-4fa70be .elementor-icon{font-size:80px;}.elementor-83352 .elementor-element.elementor-element-4fa70be .elementor-icon svg{height:80px;}.elementor-83352 .elementor-element.elementor-element-3e18382{text-align:center;}.elementor-83352 .elementor-element.elementor-element-3e18382 .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-83352 .elementor-element.elementor-element-66b4a82{text-align:center;font-size:16px;font-weight:400;}.elementor-83352 .elementor-element.elementor-element-e291832{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-83352 .elementor-element.elementor-element-4534bb4{--display:flex;--min-height:387px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-4534bb4:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-4534bb4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-83352 .elementor-element.elementor-element-16ca76c{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-dd25086{--display:flex;}.elementor-83352 .elementor-element.elementor-element-78a8ef4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-78a8ef4 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:34px;font-weight:600;line-height:42px;color:#151515;}.elementor-83352 .elementor-element.elementor-element-430e774{--divider-border-style:solid;--divider-color:#1174D1;--divider-border-width:4px;margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-430e774 .elementor-divider-separator{width:33%;}.elementor-83352 .elementor-element.elementor-element-430e774 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-83352 .elementor-element.elementor-element-95371e2{padding:0px 0px 0px 0px;font-weight:500;color:#242424;}.elementor-83352 .elementor-element.elementor-element-85ffa9a{--display:flex;}.elementor-83352 .elementor-element.elementor-element-0cdadf4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:0px 0px 0px 0px;--margin-top:-78px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-86cda00{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-a5d4a19{--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:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-83352 .elementor-element.elementor-element-b3b249f .elementor-heading-title{font-size:30px;font-weight:700;line-height:38px;}.elementor-83352 .elementor-element.elementor-element-78d5967{font-weight:500;color:#242424CC;}.elementor-83352 .elementor-element.elementor-element-7895b52{--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-83352 .elementor-element.elementor-element-c7d9c08{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-60a7c57{--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:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-83352 .elementor-element.elementor-element-2b09911 .elementor-heading-title{font-size:30px;font-weight:700;line-height:38px;}.elementor-83352 .elementor-element.elementor-element-633d265{font-weight:500;color:#242424CC;}.elementor-83352 .elementor-element.elementor-element-b344f5f{--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-83352 .elementor-element.elementor-element-e03c034{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-efdc38d{--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:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-83352 .elementor-element.elementor-element-2df6984 .elementor-heading-title{font-size:30px;font-weight:700;line-height:38px;}.elementor-83352 .elementor-element.elementor-element-18c4b7b{font-weight:500;color:#242424CC;}.elementor-83352 .elementor-element.elementor-element-37f36a0{--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-83352 .elementor-element.elementor-element-6d36f82{--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;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-2a3ac31{--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:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-83352 .elementor-element.elementor-element-98c463b .elementor-heading-title{font-size:30px;font-weight:700;line-height:38px;}.elementor-83352 .elementor-element.elementor-element-b13b920{font-weight:500;color:#242424CC;}.elementor-83352 .elementor-element.elementor-element-b4b55d3{--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-83352 .elementor-element.elementor-element-fd8281f{--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:0px;--n-tabs-gap:52px;--n-tabs-title-border-radius:012px 012px 0px 0px;--n-tabs-title-color:#242424;--n-tabs-title-color-active:#1174D1;}.elementor-83352 .elementor-element.elementor-element-fd8281f > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#E5F2FC;}.elementor-83352 .elementor-element.elementor-element-fd8281f.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='false'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-fd8281f.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-83352 .elementor-element.elementor-element-fd8281f.elementor-widget-n-tabs > .e-n-tabs[data-touch-mode='true'] > .e-n-tabs-heading > .e-n-tab-title[aria-selected="false"]:hover{background:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-fd8281f.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-weight:600;}.elementor-83352 .elementor-element.elementor-element-fd8281f [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#1174D1;}.elementor-83352 .elementor-element.elementor-element-4922d9d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-4922d9d:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-4922d9d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-83352 .elementor-element.elementor-element-8cfbb2b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-8cfbb2b .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:34px;font-weight:600;line-height:42px;color:#151515;}.elementor-83352 .elementor-element.elementor-element-690fe69{--divider-border-style:solid;--divider-color:#1174D1;--divider-border-width:4px;margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-690fe69 .elementor-divider-separator{width:33%;}.elementor-83352 .elementor-element.elementor-element-690fe69 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-83352 .elementor-element.elementor-element-2fa5770{padding:0px 0px 0px 0px;font-weight:500;color:#242424;}.elementor-83352 .elementor-element.elementor-element-bd1a4b8{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-2bb4b2f{--display:flex;--min-height:353px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-1ac82b8{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 0px 01px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:01px;--border-left-width:0px;border-color:#88B9E8;--border-color:#88B9E8;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-746af28 .elementor-icon-box-wrapper{align-items:center;}.elementor-83352 .elementor-element.elementor-element-746af28{--icon-box-icon-margin:15px;}.elementor-83352 .elementor-element.elementor-element-746af28 .elementor-icon{font-size:50px;}.elementor-83352 .elementor-element.elementor-element-746af28 .elementor-icon-box-title, .elementor-83352 .elementor-element.elementor-element-746af28 .elementor-icon-box-title a{font-size:24px;font-weight:700;}.elementor-83352 .elementor-element.elementor-element-746af28 .elementor-icon-box-title{color:#151515;}.elementor-83352 .elementor-element.elementor-element-b99095a{color:#242424CC;}.elementor-83352 .elementor-element.elementor-element-de38262{color:#242424CC;}.elementor-83352 .elementor-element.elementor-element-6a2a821{--display:flex;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-bc66c01 img{height:406px;}.elementor-83352 .elementor-element.elementor-element-a38d014{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-16b0fa6{--display:flex;border-style:solid;--border-style:solid;border-width:0px 01px 0px 0px;--border-top-width:0px;--border-right-width:01px;--border-bottom-width:0px;--border-left-width:0px;border-color:#88B9E8;--border-color:#88B9E8;--border-radius:0px 0px 0px 0px;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-e1f1e2a .elementor-icon-box-wrapper{align-items:center;}.elementor-83352 .elementor-element.elementor-element-e1f1e2a{--icon-box-icon-margin:15px;}.elementor-83352 .elementor-element.elementor-element-e1f1e2a .elementor-icon{font-size:50px;}.elementor-83352 .elementor-element.elementor-element-e1f1e2a .elementor-icon-box-title, .elementor-83352 .elementor-element.elementor-element-e1f1e2a .elementor-icon-box-title a{font-size:24px;font-weight:700;}.elementor-83352 .elementor-element.elementor-element-e1f1e2a .elementor-icon-box-title{color:#151515;}.elementor-83352 .elementor-element.elementor-element-5b23d55{color:#242424CC;}.elementor-83352 .elementor-element.elementor-element-f48ec69{color:#242424CC;}.elementor-83352 .elementor-element.elementor-element-268f8d1{--display:flex;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-89522f3 .elementor-icon-box-wrapper{align-items:center;}.elementor-83352 .elementor-element.elementor-element-89522f3{--icon-box-icon-margin:15px;}.elementor-83352 .elementor-element.elementor-element-89522f3 .elementor-icon{font-size:50px;}.elementor-83352 .elementor-element.elementor-element-89522f3 .elementor-icon-box-title, .elementor-83352 .elementor-element.elementor-element-89522f3 .elementor-icon-box-title a{font-size:24px;font-weight:700;}.elementor-83352 .elementor-element.elementor-element-89522f3 .elementor-icon-box-title{color:#151515;}.elementor-83352 .elementor-element.elementor-element-b4f9669{color:#242424CC;}.elementor-83352 .elementor-element.elementor-element-c1da0e4{color:#242424CC;}.elementor-83352 .elementor-element.elementor-element-fa973c8{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-8325afa{--display:flex;--border-radius:16px 16px 16px 16px;--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-83352 .elementor-element.elementor-element-8325afa:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-8325afa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C1E4FF36;}.elementor-83352 .elementor-element.elementor-element-9c4f2f7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-9c4f2f7 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:34px;font-weight:600;line-height:42px;color:#151515;}.elementor-83352 .elementor-element.elementor-element-d138e48{--divider-border-style:solid;--divider-color:#1174D1;--divider-border-width:4px;margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-d138e48 .elementor-divider-separator{width:33%;}.elementor-83352 .elementor-element.elementor-element-d138e48 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-83352 .elementor-element.elementor-element-71dceaf{font-weight:500;color:#242424;}.elementor-83352 .elementor-element.elementor-element-fe09fbf{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-6cc85da{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-83352 .elementor-element.elementor-element-92a3122 .elementor-icon-wrapper{text-align:left;}.elementor-83352 .elementor-element.elementor-element-92a3122 .elementor-icon{font-size:60px;}.elementor-83352 .elementor-element.elementor-element-92a3122 .elementor-icon svg{height:60px;}.elementor-83352 .elementor-element.elementor-element-a025338{padding:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-a025338 .elementor-heading-title{font-size:22px;font-weight:600;line-height:26px;color:#000000;}.elementor-83352 .elementor-element.elementor-element-4b75262{padding:10px 0px 0px 0px;font-size:16px;font-weight:500;line-height:24px;}.elementor-83352 .elementor-element.elementor-element-cbae1ae{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-83352 .elementor-element.elementor-element-07061cb .elementor-icon-wrapper{text-align:left;}.elementor-83352 .elementor-element.elementor-element-07061cb .elementor-icon{font-size:60px;}.elementor-83352 .elementor-element.elementor-element-07061cb .elementor-icon svg{height:60px;}.elementor-83352 .elementor-element.elementor-element-8902c50{padding:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-8902c50 .elementor-heading-title{font-size:22px;font-weight:600;line-height:26px;color:#000000;}.elementor-83352 .elementor-element.elementor-element-addb805{padding:10px 0px 0px 0px;font-size:16px;font-weight:500;}.elementor-83352 .elementor-element.elementor-element-9277367{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-83352 .elementor-element.elementor-element-6d3f03f .elementor-icon-wrapper{text-align:left;}.elementor-83352 .elementor-element.elementor-element-6d3f03f .elementor-icon{font-size:60px;}.elementor-83352 .elementor-element.elementor-element-6d3f03f .elementor-icon svg{height:60px;}.elementor-83352 .elementor-element.elementor-element-354796f{padding:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-354796f .elementor-heading-title{font-size:22px;font-weight:600;line-height:26px;color:#000000;}.elementor-83352 .elementor-element.elementor-element-bb11e95{padding:10px 0px 0px 0px;font-size:16px;font-weight:500;}.elementor-83352 .elementor-element.elementor-element-e4b802d{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-83352 .elementor-element.elementor-element-9aa4089 .elementor-icon-wrapper{text-align:left;}.elementor-83352 .elementor-element.elementor-element-9aa4089 .elementor-icon{font-size:60px;}.elementor-83352 .elementor-element.elementor-element-9aa4089 .elementor-icon svg{height:60px;}.elementor-83352 .elementor-element.elementor-element-307ee10{padding:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-307ee10 .elementor-heading-title{font-size:22px;font-weight:600;line-height:26px;color:#000000;}.elementor-83352 .elementor-element.elementor-element-17be101{padding:10px 0px 0px 0px;font-size:16px;font-weight:500;}.elementor-83352 .elementor-element.elementor-element-eb33e3b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-6def462 .elementor-heading-title{font-size:34px;line-height:42px;}.elementor-83352 .elementor-element.elementor-element-5a485bb{--divider-border-style:solid;--divider-color:#1174D1;--divider-border-width:4px;margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-5a485bb .elementor-divider-separator{width:33%;}.elementor-83352 .elementor-element.elementor-element-5a485bb .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-83352 .elementor-element.elementor-element-58af58d{--display:flex;--min-height:430px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-37ed8a6{--display:flex;--min-height:430px;--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;--border-radius:4px 4px 4px 4px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-a6601b6{--display:flex;--min-height:430px;--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;--border-radius:4px 4px 4px 4px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-a6601b6:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-a6601b6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F6FAFF;}.elementor-83352 .elementor-element.elementor-element-005cb2b{--display:flex;}.elementor-83352 .elementor-element.elementor-element-f8a5fa0{--display:flex;--min-height:350px;--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:space-between;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.5;--border-radius:4px 4px 4px 4px;--padding-top:016px;--padding-bottom:016px;--padding-left:016px;--padding-right:016px;}.elementor-83352 .elementor-element.elementor-element-f8a5fa0:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-f8a5fa0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E8F2FB;}.elementor-83352 .elementor-element.elementor-element-f8a5fa0::before, .elementor-83352 .elementor-element.elementor-element-f8a5fa0 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-f8a5fa0 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-f8a5fa0 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-f8a5fa0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-f8a5fa0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-position:306px 131px;background-repeat:no-repeat;}.elementor-83352 .elementor-element.elementor-element-e0e6463{font-family:"Jost", Sans-serif;font-size:14px;font-weight:400;color:#242424;}.elementor-83352 .elementor-element.elementor-element-3bc5c84{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-fdf66a4.elementor-position-right .elementor-image-box-img{margin-left:16px;}.elementor-83352 .elementor-element.elementor-element-fdf66a4.elementor-position-left .elementor-image-box-img{margin-right:16px;}.elementor-83352 .elementor-element.elementor-element-fdf66a4.elementor-position-top .elementor-image-box-img{margin-bottom:16px;}.elementor-83352 .elementor-element.elementor-element-fdf66a4 .elementor-image-box-title{margin-bottom:2px;font-size:18px;font-weight:500;color:#151515;}.elementor-83352 .elementor-element.elementor-element-fdf66a4 .elementor-image-box-wrapper .elementor-image-box-img{width:20%;}.elementor-83352 .elementor-element.elementor-element-fdf66a4 .elementor-image-box-img img{border-radius:100px;transition-duration:0.3s;}.elementor-83352 .elementor-element.elementor-element-fdf66a4 .elementor-image-box-description{font-size:14px;font-weight:400;color:#151515;}.elementor-83352 .elementor-element.elementor-element-960836a{--display:flex;}.elementor-83352 .elementor-element.elementor-element-63eb1c1{--display:flex;--min-height:350px;--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:space-between;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.5;--border-radius:4px 4px 4px 4px;--padding-top:016px;--padding-bottom:016px;--padding-left:016px;--padding-right:016px;}.elementor-83352 .elementor-element.elementor-element-63eb1c1:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-63eb1c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E8F2FB;}.elementor-83352 .elementor-element.elementor-element-63eb1c1::before, .elementor-83352 .elementor-element.elementor-element-63eb1c1 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-63eb1c1 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-63eb1c1 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-63eb1c1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-63eb1c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-position:306px 131px;background-repeat:no-repeat;}.elementor-83352 .elementor-element.elementor-element-6c1d273{font-family:"Jost", Sans-serif;font-size:14px;font-weight:400;color:#242424;}.elementor-83352 .elementor-element.elementor-element-42122a9{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-a6f5d11.elementor-position-right .elementor-image-box-img{margin-left:16px;}.elementor-83352 .elementor-element.elementor-element-a6f5d11.elementor-position-left .elementor-image-box-img{margin-right:16px;}.elementor-83352 .elementor-element.elementor-element-a6f5d11.elementor-position-top .elementor-image-box-img{margin-bottom:16px;}.elementor-83352 .elementor-element.elementor-element-a6f5d11 .elementor-image-box-title{margin-bottom:2px;font-size:18px;font-weight:500;color:#151515;}.elementor-83352 .elementor-element.elementor-element-a6f5d11 .elementor-image-box-wrapper .elementor-image-box-img{width:20%;}.elementor-83352 .elementor-element.elementor-element-a6f5d11 .elementor-image-box-img img{border-radius:100px;transition-duration:0.3s;}.elementor-83352 .elementor-element.elementor-element-a6f5d11 .elementor-image-box-description{font-size:14px;font-weight:400;color:#151515;}.elementor-83352 .elementor-element.elementor-element-ee39da1{--display:flex;}.elementor-83352 .elementor-element.elementor-element-4afada0{--display:flex;--min-height:350px;--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:space-between;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.5;--border-radius:4px 4px 4px 4px;--padding-top:016px;--padding-bottom:016px;--padding-left:016px;--padding-right:016px;}.elementor-83352 .elementor-element.elementor-element-4afada0:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-4afada0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E8F2FB;}.elementor-83352 .elementor-element.elementor-element-4afada0::before, .elementor-83352 .elementor-element.elementor-element-4afada0 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-4afada0 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-4afada0 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-4afada0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-4afada0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-position:306px 131px;background-repeat:no-repeat;}.elementor-83352 .elementor-element.elementor-element-211d770.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-83352 .elementor-element.elementor-element-211d770{font-family:"Jost", Sans-serif;font-size:14px;font-weight:400;color:#242424;}.elementor-83352 .elementor-element.elementor-element-f0421b3{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-8c1f4ab.elementor-position-right .elementor-image-box-img{margin-left:16px;}.elementor-83352 .elementor-element.elementor-element-8c1f4ab.elementor-position-left .elementor-image-box-img{margin-right:16px;}.elementor-83352 .elementor-element.elementor-element-8c1f4ab.elementor-position-top .elementor-image-box-img{margin-bottom:16px;}.elementor-83352 .elementor-element.elementor-element-8c1f4ab .elementor-image-box-title{margin-bottom:2px;font-size:18px;font-weight:500;color:#151515;}.elementor-83352 .elementor-element.elementor-element-8c1f4ab .elementor-image-box-wrapper .elementor-image-box-img{width:20%;}.elementor-83352 .elementor-element.elementor-element-8c1f4ab .elementor-image-box-img img{border-radius:100px;transition-duration:0.3s;}.elementor-83352 .elementor-element.elementor-element-8c1f4ab .elementor-image-box-description{font-size:14px;font-weight:400;color:#151515;}.elementor-83352 .elementor-element.elementor-element-f3c3eb1{--display:flex;}.elementor-83352 .elementor-element.elementor-element-50b5345{--display:flex;--min-height:350px;--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:space-between;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.5;--border-radius:4px 4px 4px 4px;--padding-top:016px;--padding-bottom:016px;--padding-left:016px;--padding-right:016px;}.elementor-83352 .elementor-element.elementor-element-50b5345:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-50b5345 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E8F2FB;}.elementor-83352 .elementor-element.elementor-element-50b5345::before, .elementor-83352 .elementor-element.elementor-element-50b5345 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-50b5345 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-50b5345 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-50b5345 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-50b5345 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-position:306px 131px;background-repeat:no-repeat;}.elementor-83352 .elementor-element.elementor-element-1a1ebd7.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-83352 .elementor-element.elementor-element-1a1ebd7{font-family:"Jost", Sans-serif;font-size:14px;font-weight:400;color:#242424;}.elementor-83352 .elementor-element.elementor-element-92b93db{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-97c2ec3.elementor-position-right .elementor-image-box-img{margin-left:16px;}.elementor-83352 .elementor-element.elementor-element-97c2ec3.elementor-position-left .elementor-image-box-img{margin-right:16px;}.elementor-83352 .elementor-element.elementor-element-97c2ec3.elementor-position-top .elementor-image-box-img{margin-bottom:16px;}.elementor-83352 .elementor-element.elementor-element-97c2ec3 .elementor-image-box-title{margin-bottom:2px;font-size:18px;font-weight:500;color:#151515;}.elementor-83352 .elementor-element.elementor-element-97c2ec3 .elementor-image-box-wrapper .elementor-image-box-img{width:20%;}.elementor-83352 .elementor-element.elementor-element-97c2ec3 .elementor-image-box-img img{border-radius:100px;transition-duration:0.3s;}.elementor-83352 .elementor-element.elementor-element-97c2ec3 .elementor-image-box-description{font-size:14px;font-weight:400;color:#151515;}.elementor-83352 .elementor-element.elementor-element-3126726{--display:flex;}.elementor-83352 .elementor-element.elementor-element-e51c008{--display:flex;--min-height:350px;--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:space-between;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--overlay-opacity:0.5;--border-radius:4px 4px 4px 4px;--padding-top:016px;--padding-bottom:016px;--padding-left:016px;--padding-right:016px;}.elementor-83352 .elementor-element.elementor-element-e51c008:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-e51c008 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E8F2FB;}.elementor-83352 .elementor-element.elementor-element-e51c008::before, .elementor-83352 .elementor-element.elementor-element-e51c008 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-e51c008 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-e51c008 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-e51c008 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-e51c008 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';background-position:306px 131px;background-repeat:no-repeat;}.elementor-83352 .elementor-element.elementor-element-b10306c.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-83352 .elementor-element.elementor-element-b10306c{font-family:"Jost", Sans-serif;font-size:14px;font-weight:400;color:#242424;}.elementor-83352 .elementor-element.elementor-element-1256848{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-7daf8fb.elementor-position-right .elementor-image-box-img{margin-left:16px;}.elementor-83352 .elementor-element.elementor-element-7daf8fb.elementor-position-left .elementor-image-box-img{margin-right:16px;}.elementor-83352 .elementor-element.elementor-element-7daf8fb.elementor-position-top .elementor-image-box-img{margin-bottom:16px;}.elementor-83352 .elementor-element.elementor-element-7daf8fb .elementor-image-box-title{margin-bottom:2px;font-size:18px;font-weight:500;color:#151515;}.elementor-83352 .elementor-element.elementor-element-7daf8fb .elementor-image-box-wrapper .elementor-image-box-img{width:20%;}.elementor-83352 .elementor-element.elementor-element-7daf8fb .elementor-image-box-img img{border-radius:100px;transition-duration:0.3s;}.elementor-83352 .elementor-element.elementor-element-7daf8fb .elementor-image-box-description{font-size:14px;font-weight:400;color:#151515;}.elementor-83352 .elementor-element.elementor-element-f8fdfcf{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-offset-size:120px;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:11px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:213px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:456px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:215px;--e-n-carousel-arrow-size:40px;--e-n-carousel-swiper-pagination-size:9px;--e-n-carousel-dots-horizontal-position:50%;--e-n-carousel-dots-horizontal-transform:-50%;--e-n-carousel-dots-horizontal-offset:218px;--e-n-carousel-dots-vertical-position:100%;--e-n-carousel-dots-vertical-transform:-100%;--e-n-carousel-dots-vertical-offset:15px;}.elementor-83352 .elementor-element.elementor-element-e50b9ac{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-61be39f .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:34px;font-weight:600;line-height:42px;}.elementor-83352 .elementor-element.elementor-element-da40e2b{--divider-border-style:solid;--divider-color:#1174D1;--divider-border-width:4px;margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-da40e2b .elementor-divider-separator{width:13%;}.elementor-83352 .elementor-element.elementor-element-da40e2b .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-83352 .elementor-element.elementor-element-34853d1{padding:0px 0px 0px 0px;font-size:16px;font-weight:500;color:#242424;}.elementor-83352 .elementor-element.elementor-element-b1f8dad{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-f13da95{--display:flex;--min-height:499px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:16px 16px 16px 16px;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-f13da95:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-f13da95 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cloud.10decoders.co.in/home/bg-for-casestudy-1.jpg");background-size:cover;}.elementor-83352 .elementor-element.elementor-element-fd1e457{--display:flex;--min-height:499px;--justify-content:center;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:60px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-fd1e457.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-83352 .elementor-element.elementor-element-3470ae7{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF;--border-color:#FFFFFF;--border-radius:10px 10px 10px 10px;}.elementor-83352 .elementor-element.elementor-element-3470ae7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-83352 .elementor-element.elementor-element-b1aa64f .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:18px;font-weight:500;color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-738e3be{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-78b3657 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:20px;font-weight:600;line-height:34px;color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-9511593{padding:0px 0px 0px 0px;font-size:14px;font-weight:300;line-height:24px;color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-23cd579{--divider-border-style:solid;--divider-color:#FFFFFF30;--divider-border-width:1px;padding:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-23cd579 .elementor-divider-separator{width:78%;}.elementor-83352 .elementor-element.elementor-element-23cd579 .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-83352 .elementor-element.elementor-element-7524910{--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;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-10b0d8a{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 01px 0px 0px;--border-top-width:0px;--border-right-width:01px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FFFFFF30;--border-color:#FFFFFF30;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-cba5415 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:14px;font-weight:600;color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-771ac75 .elementor-heading-title{font-size:18px;font-weight:600;color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-b572181{--display:flex;--gap:10px 20px;--row-gap:10px;--column-gap:20px;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-9f271ab .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:14px;font-weight:600;color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-85ee395 .elementor-heading-title{font-size:18px;font-weight:600;color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-d6110b9{--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;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-14bb328 .elementor-button{background-color:#FFFFFF;font-size:16px;font-weight:400;fill:#1174D1;color:#1174D1;border-radius:6px 6px 6px 6px;}.elementor-83352 .elementor-element.elementor-element-14bb328 .elementor-button-content-wrapper{flex-direction:row;}.elementor-83352 .elementor-element.elementor-element-14bb328 .elementor-button .elementor-button-content-wrapper{gap:14px;}.elementor-83352 .elementor-element.elementor-element-7378636{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-02d2b8c{--display:flex;--min-height:499px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:16px 16px 16px 16px;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-02d2b8c:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-02d2b8c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cloud.10decoders.co.in/home/bg-for-case-study-2.jpg");background-size:cover;}.elementor-83352 .elementor-element.elementor-element-340cca8{--display:flex;--min-height:499px;--justify-content:center;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:60px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-340cca8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-83352 .elementor-element.elementor-element-f2790b8{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF;--border-color:#FFFFFF;--border-radius:10px 10px 10px 10px;}.elementor-83352 .elementor-element.elementor-element-f2790b8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-83352 .elementor-element.elementor-element-5bf1493 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:18px;font-weight:500;color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-d6c7eef{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-6d2c55c .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:20px;font-weight:600;line-height:34px;color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-971b945{padding:0px 0px 0px 0px;font-size:14px;font-weight:300;line-height:24px;color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-04a061f{--divider-border-style:solid;--divider-color:#FFFFFF30;--divider-border-width:1px;padding:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-04a061f .elementor-divider-separator{width:78%;}.elementor-83352 .elementor-element.elementor-element-04a061f .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-83352 .elementor-element.elementor-element-5ed2c19{--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;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-9ab6278{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 01px 0px 0px;--border-top-width:0px;--border-right-width:01px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FFFFFF30;--border-color:#FFFFFF30;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-d814d43 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:14px;font-weight:600;color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-d172852 .elementor-heading-title{font-size:18px;font-weight:600;color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-76b3e4f{--display:flex;--gap:10px 20px;--row-gap:10px;--column-gap:20px;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-127c616 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:14px;font-weight:600;color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-6ffaa41 .elementor-heading-title{font-size:18px;font-weight:600;color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-0b8b06e{--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;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-35c9aea .elementor-button{background-color:#FFFFFF;font-size:16px;font-weight:400;fill:#1174D1;color:#1174D1;border-radius:6px 6px 6px 6px;}.elementor-83352 .elementor-element.elementor-element-35c9aea .elementor-button-content-wrapper{flex-direction:row;}.elementor-83352 .elementor-element.elementor-element-35c9aea .elementor-button .elementor-button-content-wrapper{gap:14px;}.elementor-83352 .elementor-element.elementor-element-98ce994{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-c7ffb0d{--display:flex;--min-height:499px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:16px 16px 16px 16px;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-c7ffb0d:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-c7ffb0d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cloud.10decoders.co.in/home/bg-case-study-3.jpg");background-size:cover;}.elementor-83352 .elementor-element.elementor-element-a02583f{--display:flex;--min-height:499px;--justify-content:center;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:60px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-a02583f.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-83352 .elementor-element.elementor-element-ddb4df7{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF;--border-color:#FFFFFF;--border-radius:10px 10px 10px 10px;}.elementor-83352 .elementor-element.elementor-element-ddb4df7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-83352 .elementor-element.elementor-element-3f87fe8 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:18px;font-weight:500;color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-1b8895f{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-f2da2fa .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:20px;font-weight:600;line-height:34px;color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-f0a72a3{padding:0px 0px 0px 0px;font-size:14px;font-weight:300;line-height:24px;color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-63ce34c{--divider-border-style:solid;--divider-color:#FFFFFF30;--divider-border-width:1px;padding:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-63ce34c .elementor-divider-separator{width:78%;}.elementor-83352 .elementor-element.elementor-element-63ce34c .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-83352 .elementor-element.elementor-element-b831525{--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;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-b831525.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-83352 .elementor-element.elementor-element-7dbcc54{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 01px 0px 0px;--border-top-width:0px;--border-right-width:01px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FFFFFF30;--border-color:#FFFFFF30;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-7dbcc54.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-83352 .elementor-element.elementor-element-8582968 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:14px;font-weight:600;color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-913a6cd .elementor-heading-title{font-size:18px;font-weight:600;color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-b93cd75{--display:flex;--gap:10px 20px;--row-gap:10px;--column-gap:20px;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-2458f81 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:14px;font-weight:600;color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-9424f01 .elementor-heading-title{font-size:18px;font-weight:600;color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-b116cc0{--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;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-ebae139 .elementor-button{background-color:#FFFFFF;font-size:16px;font-weight:400;fill:#1174D1;color:#1174D1;border-radius:6px 6px 6px 6px;}.elementor-83352 .elementor-element.elementor-element-ebae139 .elementor-button-content-wrapper{flex-direction:row;}.elementor-83352 .elementor-element.elementor-element-ebae139 .elementor-button .elementor-button-content-wrapper{gap:14px;}.elementor-83352 .elementor-element.elementor-element-a5d86ff{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-22d76ad{--display:flex;--min-height:499px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:16px 16px 16px 16px;box-shadow:0px 0px 0px 0px rgba(0,0,0,0.5);--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-22d76ad:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-22d76ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cloud.10decoders.co.in/home/bg-for-casestudy-4.jpg");background-size:cover;}.elementor-83352 .elementor-element.elementor-element-3bc46d7{--display:flex;--min-height:499px;--justify-content:center;border-style:none;--border-style:none;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:60px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-3bc46d7.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-83352 .elementor-element.elementor-element-95bc151{--display:flex;border-style:solid;--border-style:solid;border-width:1px 1px 1px 1px;--border-top-width:1px;--border-right-width:1px;--border-bottom-width:1px;--border-left-width:1px;border-color:#FFFFFF;--border-color:#FFFFFF;--border-radius:10px 10px 10px 10px;}.elementor-83352 .elementor-element.elementor-element-95bc151.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-83352 .elementor-element.elementor-element-82d1465 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:18px;font-weight:500;color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-5466f28{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-b801e6d .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:20px;font-weight:600;line-height:34px;color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-f5f51c3{padding:0px 0px 0px 0px;font-size:14px;font-weight:300;line-height:24px;color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-2d8872c{--divider-border-style:solid;--divider-color:#FFFFFF30;--divider-border-width:1px;padding:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-2d8872c .elementor-divider-separator{width:78%;}.elementor-83352 .elementor-element.elementor-element-2d8872c .elementor-divider{padding-block-start:2px;padding-block-end:2px;}.elementor-83352 .elementor-element.elementor-element-1e902d8{--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;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-1e902d8.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-83352 .elementor-element.elementor-element-8d39b37{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;border-style:solid;--border-style:solid;border-width:0px 01px 0px 0px;--border-top-width:0px;--border-right-width:01px;--border-bottom-width:0px;--border-left-width:0px;border-color:#FFFFFF30;--border-color:#FFFFFF30;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-8d39b37.e-con{--flex-grow:0;--flex-shrink:0;}.elementor-83352 .elementor-element.elementor-element-98793a1 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:14px;font-weight:600;color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-a0e8476 .elementor-heading-title{font-size:18px;font-weight:600;color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-84f8477{--display:flex;--gap:10px 20px;--row-gap:10px;--column-gap:20px;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-697c369 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:14px;font-weight:600;color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-31b24db .elementor-heading-title{font-size:18px;font-weight:600;color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-08e762a{--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;border-style:none;--border-style:none;--border-radius:0px 0px 0px 0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-6d0d4ca .elementor-button{background-color:#FFFFFF;font-size:16px;font-weight:400;fill:#1174D1;color:#1174D1;border-radius:6px 6px 6px 6px;}.elementor-83352 .elementor-element.elementor-element-6d0d4ca .elementor-button-content-wrapper{flex-direction:row;}.elementor-83352 .elementor-element.elementor-element-6d0d4ca .elementor-button .elementor-button-content-wrapper{gap:14px;}.elementor-83352 .elementor-element.elementor-element-eb05040{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:5px;--e-n-carousel-arrow-prev-top-align:50%;--e-n-carousel-arrow-prev-translate-y:-50%;--e-n-carousel-arrow-prev-top-position:0px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:5px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-size:30px;--e-n-carousel-arrow-normal-color:#FFFFFF;--e-n-carousel-swiper-pagination-size:10px;--e-n-carousel-dots-normal-color:#FFFFFF;--e-n-carousel-dots-hover-color:#1174D1;--e-n-carousel-dots-horizontal-position:50%;--e-n-carousel-dots-horizontal-transform:-50%;--e-n-carousel-dots-horizontal-offset:0px;--e-n-carousel-dots-vertical-position:100%;--e-n-carousel-dots-vertical-transform:-100%;--e-n-carousel-dots-vertical-offset:-25px;--e-n-carousel-swiper-pagination-spacing:4px;}.elementor-83352 .elementor-element.elementor-element-8ffd089{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-23f4202 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:34px;font-weight:600;line-height:42px;}.elementor-83352 .elementor-element.elementor-element-86d5785{--divider-border-style:solid;--divider-color:#1174D1;--divider-border-width:4px;margin:-25px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-86d5785 .elementor-divider-separator{width:13%;}.elementor-83352 .elementor-element.elementor-element-86d5785 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-83352 .elementor-element.elementor-element-c1696cb{--display:flex;--min-height:650px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-744458b{--display:flex;--min-height:620px;--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;--border-radius:16px 16px 16px 16px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-744458b:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-744458b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cloud.10decoders.co.in/home/contact-us-bg-image.png");background-size:cover;}.elementor-83352 .elementor-element.elementor-element-a55ab22{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-83352 .elementor-element.elementor-element-08caa7b{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:36px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-c324b8d{text-align:left;}.elementor-83352 .elementor-element.elementor-element-c324b8d .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:34px;font-weight:600;line-height:42px;color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-34b959f{font-family:"Jost", Sans-serif;color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-057984c{text-align:left;}.elementor-83352 .elementor-element.elementor-element-b6649e2 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:18px;font-weight:600;color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-8e3c007 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:14px;font-weight:500;color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-f52f459{font-family:"Jost", Sans-serif;font-size:14px;color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-fb98810 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:22px;font-weight:500;color:#FFFFFF;}.elementor-83352 .elementor-element.elementor-element-72d312f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-3f1ccd6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(12px/2);}.elementor-83352 .elementor-element.elementor-element-3f1ccd6 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(12px/2);}.elementor-83352 .elementor-element.elementor-element-3f1ccd6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(12px/2);}.elementor-83352 .elementor-element.elementor-element-3f1ccd6 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-12px/2);}.elementor-83352 .elementor-element.elementor-element-3f1ccd6 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-12px/2);}.elementor-83352 .elementor-element.elementor-element-3f1ccd6 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-83352 .elementor-element.elementor-element-3f1ccd6 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-83352 .elementor-element.elementor-element-3f1ccd6{--e-icon-list-icon-size:36px;--icon-vertical-offset:0px;}.elementor-83352 .elementor-element.elementor-element-3f1ccd6 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-83352 .elementor-element.elementor-element-3f1ccd6 .elementor-icon-list-item > a{font-family:"Jost", Sans-serif;font-size:16px;line-height:24px;}.elementor-83352 .elementor-element.elementor-element-3f1ccd6 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-83352 .elementor-element.elementor-element-3ba4f4e{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:0px;--padding-left:20px;--padding-right:60px;}.elementor-83352 .elementor-element.elementor-element-2cfec65{--display:flex;--border-radius:16px 16px 16px 16px;}.elementor-83352 .elementor-element.elementor-element-2cfec65:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-2cfec65 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-83352 .elementor-element.elementor-element-4bde6ac{--min-height:564px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:0px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-83352 .elementor-element.elementor-element-4616b14 .elementor-button{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-dc26c99{--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-83352 .elementor-element.elementor-element-9507742 .elementor-heading-title{line-height:42px;}.elementor-83352 .elementor-element.elementor-element-a81e5ad{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-69342b5{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-56a76b4{--justify-content:flex-start;}.elementor-83352 .elementor-element.elementor-element-36ce42e .elementor-heading-title{font-size:38px;line-height:48px;}.elementor-83352 .elementor-element.elementor-element-2be498c .elementor-heading-title{line-height:42px;}.elementor-83352 .elementor-element.elementor-element-9bad3ac{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-3b41900{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-b54405a{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-9048b3b .elementor-heading-title{font-size:20px;}.elementor-83352 .elementor-element.elementor-element-9ccfbce{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-0ad8728{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-d810178{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-9f2b473 .elementor-heading-title{font-size:20px;}.elementor-83352 .elementor-element.elementor-element-74d00a6{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-8f98686{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-4cf994f{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-6a5e1a0 .elementor-heading-title{font-size:20px;}.elementor-83352 .elementor-element.elementor-element-23cde4d{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-d029563{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-86010fc{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-3d18470 .elementor-heading-title{font-size:20px;}.elementor-83352 .elementor-element.elementor-element-fdcca1f{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-9741d6c{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-c0cd2f3{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-09bc803 .elementor-heading-title{font-size:20px;}.elementor-83352 .elementor-element.elementor-element-f86cf44{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-f2855d5{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-9f66728{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-f3f1d48 .elementor-heading-title{font-size:20px;}.elementor-83352 .elementor-element.elementor-element-668c157{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-df2609a{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-9100366{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-f944577 .elementor-heading-title{font-size:20px;}.elementor-83352 .elementor-element.elementor-element-2e597e0{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-7fec93c{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-02a5fed{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-6b4bcd1 .elementor-heading-title{font-size:20px;}.elementor-83352 .elementor-element.elementor-element-7a797fe{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-ffc920a{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-01d00bc{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-ba67a7a .elementor-heading-title{font-size:20px;}.elementor-83352 .elementor-element.elementor-element-b07a48c{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-3a6309c{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-3bf53ca{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-d22d54e .elementor-heading-title{font-size:20px;}.elementor-83352 .elementor-element.elementor-element-e1f6355{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-b0d960b{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-a903ebb .elementor-heading-title{font-size:20px;}.elementor-83352 .elementor-element.elementor-element-65ff001{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-46fbdd6{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-cd33b4b .elementor-heading-title{font-size:20px;}.elementor-83352 .elementor-element.elementor-element-20af507{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-61eb979{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-cf2fd35 .elementor-heading-title{font-size:20px;}.elementor-83352 .elementor-element.elementor-element-8854de8{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-a5b346d{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-05f2e49 .elementor-heading-title{font-size:20px;}.elementor-83352 .elementor-element.elementor-element-5cda676{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-6799487{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-3e329be .elementor-heading-title{font-size:20px;}.elementor-83352 .elementor-element.elementor-element-4fee37b{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-6fba379{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-5da3522 .elementor-heading-title{font-size:20px;}.elementor-83352 .elementor-element.elementor-element-423fac7{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-20dd21e{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-8a3bc9d .elementor-heading-title{font-size:20px;}.elementor-83352 .elementor-element.elementor-element-83e7209{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-cffd2ce{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-390b10c .elementor-heading-title{font-size:20px;}.elementor-83352 .elementor-element.elementor-element-d6e7b8f{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-825d00d{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-381a2ac .elementor-heading-title{font-size:20px;}.elementor-83352 .elementor-element.elementor-element-175903e{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-65fcefc{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-3e18382 .elementor-heading-title{font-size:20px;}.elementor-83352 .elementor-element.elementor-element-66b4a82{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-78a8ef4 .elementor-heading-title{line-height:42px;}.elementor-83352 .elementor-element.elementor-element-95371e2{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-78d5967{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-633d265{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-18c4b7b{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-b13b920{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-fd8281f{--n-tabs-title-font-size:16px;}.elementor-83352 .elementor-element.elementor-element-8cfbb2b .elementor-heading-title{line-height:42px;}.elementor-83352 .elementor-element.elementor-element-2fa5770{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-9c4f2f7 .elementor-heading-title{line-height:42px;}.elementor-83352 .elementor-element.elementor-element-d138e48 .elementor-divider-separator{width:20%;}.elementor-83352 .elementor-element.elementor-element-71dceaf{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-eb33e3b{--padding-top:50px;--padding-bottom:050px;--padding-left:30px;--padding-right:30px;}.elementor-83352 .elementor-element.elementor-element-6def462 .elementor-heading-title{font-size:42px;}.elementor-83352 .elementor-element.elementor-element-37ed8a6{--min-height:404px;--flex-wrap:nowrap;}.elementor-83352 .elementor-element.elementor-element-a6601b6{--min-height:404px;--flex-wrap:nowrap;}.elementor-83352 .elementor-element.elementor-element-f8a5fa0::before, .elementor-83352 .elementor-element.elementor-element-f8a5fa0 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-f8a5fa0 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-f8a5fa0 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-f8a5fa0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-f8a5fa0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:209px 110px;background-size:contain;}.elementor-83352 .elementor-element.elementor-element-e0e6463{width:var( --container-widget-width, 295px );max-width:295px;--container-widget-width:295px;--container-widget-flex-grow:0;font-size:14px;}.elementor-83352 .elementor-element.elementor-element-3bc5c84{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-fdf66a4 .elementor-image-box-title{margin-bottom:0px;}.elementor-83352 .elementor-element.elementor-element-fdf66a4 .elementor-image-box-img img{border-radius:58px;}.elementor-83352 .elementor-element.elementor-element-63eb1c1::before, .elementor-83352 .elementor-element.elementor-element-63eb1c1 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-63eb1c1 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-63eb1c1 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-63eb1c1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-63eb1c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:209px 110px;background-size:contain;}.elementor-83352 .elementor-element.elementor-element-6c1d273{width:var( --container-widget-width, 471px );max-width:471px;--container-widget-width:471px;--container-widget-flex-grow:0;font-size:14px;}.elementor-83352 .elementor-element.elementor-element-42122a9{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-a6f5d11 .elementor-image-box-title{margin-bottom:0px;}.elementor-83352 .elementor-element.elementor-element-a6f5d11 .elementor-image-box-img img{border-radius:100px;}.elementor-83352 .elementor-element.elementor-element-4afada0::before, .elementor-83352 .elementor-element.elementor-element-4afada0 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-4afada0 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-4afada0 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-4afada0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-4afada0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:209px 110px;background-size:contain;}.elementor-83352 .elementor-element.elementor-element-211d770{width:var( --container-widget-width, 295px );max-width:295px;--container-widget-width:295px;--container-widget-flex-grow:0;font-size:14px;}.elementor-83352 .elementor-element.elementor-element-f0421b3{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-8c1f4ab .elementor-image-box-title{margin-bottom:0px;}.elementor-83352 .elementor-element.elementor-element-50b5345::before, .elementor-83352 .elementor-element.elementor-element-50b5345 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-50b5345 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-50b5345 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-50b5345 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-50b5345 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:209px 110px;background-size:contain;}.elementor-83352 .elementor-element.elementor-element-1a1ebd7{width:var( --container-widget-width, 408px );max-width:408px;--container-widget-width:408px;--container-widget-flex-grow:0;font-size:14px;}.elementor-83352 .elementor-element.elementor-element-92b93db{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-97c2ec3 .elementor-image-box-title{margin-bottom:0px;}.elementor-83352 .elementor-element.elementor-element-e51c008::before, .elementor-83352 .elementor-element.elementor-element-e51c008 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-e51c008 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-e51c008 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-e51c008 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-e51c008 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:209px 110px;background-size:contain;}.elementor-83352 .elementor-element.elementor-element-b10306c{width:var( --container-widget-width, 367px );max-width:367px;--container-widget-width:367px;--container-widget-flex-grow:0;font-size:14px;}.elementor-83352 .elementor-element.elementor-element-1256848{--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-7daf8fb .elementor-image-box-title{margin-bottom:0px;}.elementor-83352 .elementor-element.elementor-element-f8fdfcf{--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:12px;--e-n-carousel-arrow-prev-top-align:100%;--e-n-carousel-arrow-prev-translate-y:-100%;--e-n-carousel-arrow-prev-top-position:41px;--e-n-carousel-arrow-next-right-align:0%;--e-n-carousel-arrow-next-translate-x:0%;--e-n-carousel-arrow-next-right-position:461px;--e-n-carousel-arrow-next-top-align:50%;--e-n-carousel-arrow-next-translate-y:-50%;--e-n-carousel-arrow-next-top-position:220px;--e-n-carousel-arrow-size:33px;--e-n-carousel-dots-horizontal-position:100%;--e-n-carousel-dots-horizontal-transform:-100%;--e-n-carousel-dots-horizontal-offset:-15px;--e-n-carousel-dots-vertical-offset:15px;}.elementor-83352 .elementor-element.elementor-element-e50b9ac{--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-83352 .elementor-element.elementor-element-61be39f .elementor-heading-title{line-height:42px;}.elementor-83352 .elementor-element.elementor-element-f13da95{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-8ffd089{--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-23f4202 .elementor-heading-title{line-height:42px;}.elementor-83352 .elementor-element.elementor-element-c1696cb{--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-744458b{--border-radius:016px 016px 016px 016px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-83352 .elementor-element.elementor-element-a55ab22{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}}@media(max-width:1200px){.elementor-83352 .elementor-element.elementor-element-761252e .elementor-heading-title{font-size:44px;}.elementor-83352 .elementor-element.elementor-element-ebf6911{--min-height:198px;--justify-content:space-between;}.elementor-83352 .elementor-element.elementor-element-e1f1084{--min-height:198px;--justify-content:space-between;}.elementor-83352 .elementor-element.elementor-element-e6687b3{--min-height:198px;--justify-content:space-between;}.elementor-83352 .elementor-element.elementor-element-c65644f{--min-height:198px;--justify-content:space-between;}.elementor-83352 .elementor-element.elementor-element-6924cf5{--min-height:198px;--justify-content:space-between;}.elementor-83352 .elementor-element.elementor-element-27a5b59{--min-height:198px;--justify-content:space-between;}.elementor-83352 .elementor-element.elementor-element-3149096{--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-83352 .elementor-element.elementor-element-f024604{--e-n-carousel-arrow-prev-left-position:321px;--e-n-carousel-arrow-next-right-position:318px;}.elementor-83352 .elementor-element.elementor-element-4534bb4{--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-83352 .elementor-element.elementor-element-4922d9d{--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-83352 .elementor-element.elementor-element-746af28 .elementor-icon{font-size:40px;}.elementor-83352 .elementor-element.elementor-element-746af28 .elementor-icon-box-title, .elementor-83352 .elementor-element.elementor-element-746af28 .elementor-icon-box-title a{font-size:20px;}.elementor-83352 .elementor-element.elementor-element-b99095a{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-de38262{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-16b0fa6{--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-83352 .elementor-element.elementor-element-e1f1e2a .elementor-icon{font-size:40px;}.elementor-83352 .elementor-element.elementor-element-e1f1e2a .elementor-icon-box-title, .elementor-83352 .elementor-element.elementor-element-e1f1e2a .elementor-icon-box-title a{font-size:20px;}.elementor-83352 .elementor-element.elementor-element-5b23d55{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-f48ec69{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-268f8d1{--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-83352 .elementor-element.elementor-element-89522f3 .elementor-icon{font-size:40px;}.elementor-83352 .elementor-element.elementor-element-89522f3 .elementor-icon-box-title, .elementor-83352 .elementor-element.elementor-element-89522f3 .elementor-icon-box-title a{font-size:20px;}.elementor-83352 .elementor-element.elementor-element-b4f9669{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-c1da0e4{line-height:16px;}.elementor-83352 .elementor-element.elementor-element-a6601b6{--min-height:0px;}.elementor-83352 .elementor-element.elementor-element-211d770{width:var( --container-widget-width, 380px );max-width:380px;--container-widget-width:380px;--container-widget-flex-grow:0;}.elementor-83352 .elementor-element.elementor-element-b10306c{width:var( --container-widget-width, 415px );max-width:415px;--container-widget-width:415px;--container-widget-flex-grow:0;}.elementor-83352 .elementor-element.elementor-element-f8fdfcf{--e-n-carousel-arrow-prev-left-position:17px;--e-n-carousel-arrow-prev-top-position:44px;--e-n-carousel-arrow-next-right-position:376px;--e-n-carousel-arrow-next-top-align:100%;--e-n-carousel-arrow-next-translate-y:-100%;--e-n-carousel-arrow-next-top-position:45px;}.elementor-83352 .elementor-element.elementor-element-f13da95{--min-height:562px;--justify-content:center;}.elementor-83352 .elementor-element.elementor-element-340cca8{--min-height:562px;}.elementor-83352 .elementor-element.elementor-element-a02583f{--min-height:562px;}.elementor-83352 .elementor-element.elementor-element-3bc46d7{--min-height:562px;}.elementor-83352 .elementor-element.elementor-element-8ffd089{--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}}@media(max-width:1024px){.elementor-83352 .elementor-element.elementor-element-761252e{text-align:center;}.elementor-83352 .elementor-element.elementor-element-761252e .elementor-heading-title{font-size:28px;}.elementor-83352 .elementor-element.elementor-element-9226375{text-align:center;}.elementor-83352 .elementor-element.elementor-element-4616b14 .elementor-button{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-9507742{text-align:center;}.elementor-83352 .elementor-element.elementor-element-9507742 .elementor-heading-title{font-size:28px;}.elementor-83352 .elementor-element.elementor-element-fc01bf5 .elementor-divider{text-align:center;}.elementor-83352 .elementor-element.elementor-element-fc01bf5 .elementor-divider-separator{margin:0 auto;margin-center:0;}.elementor-83352 .elementor-element.elementor-element-a81e5ad{text-align:center;font-size:16px;}.elementor-83352 .elementor-element.elementor-element-ce71666{--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-83352 .elementor-element.elementor-element-ebf6911{--min-height:224px;--justify-content:space-between;}.elementor-83352 .elementor-element.elementor-element-3edef31{--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-83352 .elementor-element.elementor-element-c65644f{--min-height:224px;--justify-content:space-between;}.elementor-83352 .elementor-element.elementor-element-36ce42e{text-align:left;}.elementor-83352 .elementor-element.elementor-element-36ce42e .elementor-heading-title{font-size:20px;}.elementor-83352 .elementor-element.elementor-element-d487554 .elementor-divider{text-align:left;}.elementor-83352 .elementor-element.elementor-element-d487554 .elementor-divider-separator{margin:0 auto;margin-left:0;}.elementor-83352 .elementor-element.elementor-element-8fbf2bb{text-align:left;font-size:16px;}.elementor-83352 .elementor-element.elementor-element-a3bfa90 .elementor-icon{font-size:50px;}.elementor-83352 .elementor-element.elementor-element-a3bfa90 .elementor-icon-box-title, .elementor-83352 .elementor-element.elementor-element-a3bfa90 .elementor-icon-box-title a{font-size:20px;}.elementor-83352 .elementor-element.elementor-element-a3bfa90 .elementor-icon-box-description{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-dfa6c64 .elementor-icon-box-title, .elementor-83352 .elementor-element.elementor-element-dfa6c64 .elementor-icon-box-title a{font-size:20px;}.elementor-83352 .elementor-element.elementor-element-7aa9055 .elementor-icon{font-size:50px;}.elementor-83352 .elementor-element.elementor-element-7aa9055 .elementor-icon-box-title, .elementor-83352 .elementor-element.elementor-element-7aa9055 .elementor-icon-box-title a{font-size:20px;}.elementor-83352 .elementor-element.elementor-element-e09b43e .elementor-icon{font-size:50px;}.elementor-83352 .elementor-element.elementor-element-e09b43e .elementor-icon-box-title, .elementor-83352 .elementor-element.elementor-element-e09b43e .elementor-icon-box-title a{font-size:20px;}.elementor-83352 .elementor-element.elementor-element-07500fe .elementor-icon{font-size:50px;}.elementor-83352 .elementor-element.elementor-element-07500fe .elementor-icon-box-title, .elementor-83352 .elementor-element.elementor-element-07500fe .elementor-icon-box-title a{font-size:20px;}.elementor-83352 .elementor-element.elementor-element-63e5b3b .elementor-icon-box-title, .elementor-83352 .elementor-element.elementor-element-63e5b3b .elementor-icon-box-title a{font-size:20px;}.elementor-83352 .elementor-element.elementor-element-2be498c{text-align:center;}.elementor-83352 .elementor-element.elementor-element-2be498c .elementor-heading-title{font-size:28px;}.elementor-83352 .elementor-element.elementor-element-ca0077f .elementor-divider{text-align:center;}.elementor-83352 .elementor-element.elementor-element-ca0077f .elementor-divider-separator{margin:0 auto;margin-center:0;}.elementor-83352 .elementor-element.elementor-element-b54405a::before, .elementor-83352 .elementor-element.elementor-element-b54405a > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-b54405a > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-b54405a > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-b54405a > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-b54405a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-d810178::before, .elementor-83352 .elementor-element.elementor-element-d810178 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-d810178 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-d810178 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-d810178 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-d810178 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-4cf994f::before, .elementor-83352 .elementor-element.elementor-element-4cf994f > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-4cf994f > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-4cf994f > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-4cf994f > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-4cf994f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-86010fc::before, .elementor-83352 .elementor-element.elementor-element-86010fc > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-86010fc > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-86010fc > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-86010fc > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-86010fc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-c0cd2f3::before, .elementor-83352 .elementor-element.elementor-element-c0cd2f3 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-c0cd2f3 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-c0cd2f3 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-c0cd2f3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-c0cd2f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-9f66728::before, .elementor-83352 .elementor-element.elementor-element-9f66728 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-9f66728 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-9f66728 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-9f66728 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-9f66728 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-9100366::before, .elementor-83352 .elementor-element.elementor-element-9100366 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-9100366 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-9100366 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-9100366 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-9100366 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-02a5fed::before, .elementor-83352 .elementor-element.elementor-element-02a5fed > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-02a5fed > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-02a5fed > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-02a5fed > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-02a5fed > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-01d00bc::before, .elementor-83352 .elementor-element.elementor-element-01d00bc > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-01d00bc > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-01d00bc > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-01d00bc > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-01d00bc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-3bf53ca::before, .elementor-83352 .elementor-element.elementor-element-3bf53ca > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-3bf53ca > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-3bf53ca > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-3bf53ca > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-3bf53ca > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-f024604{--e-n-carousel-swiper-slides-to-display:2;--e-n-carousel-arrow-prev-left-position:279px;--e-n-carousel-arrow-next-right-position:249px;}.elementor-83352 .elementor-element.elementor-element-f6373da{--min-height:360px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-b0d960b{--min-height:360px;}.elementor-83352 .elementor-element.elementor-element-b0d960b::before, .elementor-83352 .elementor-element.elementor-element-b0d960b > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-b0d960b > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-b0d960b > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-b0d960b > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-b0d960b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-46fbdd6{--min-height:360px;}.elementor-83352 .elementor-element.elementor-element-46fbdd6::before, .elementor-83352 .elementor-element.elementor-element-46fbdd6 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-46fbdd6 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-46fbdd6 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-46fbdd6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-46fbdd6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-61eb979{--min-height:360px;}.elementor-83352 .elementor-element.elementor-element-61eb979::before, .elementor-83352 .elementor-element.elementor-element-61eb979 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-61eb979 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-61eb979 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-61eb979 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-61eb979 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-a5b346d{--min-height:360px;}.elementor-83352 .elementor-element.elementor-element-a5b346d::before, .elementor-83352 .elementor-element.elementor-element-a5b346d > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-a5b346d > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-a5b346d > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-a5b346d > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-a5b346d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-6799487{--min-height:360px;}.elementor-83352 .elementor-element.elementor-element-6799487::before, .elementor-83352 .elementor-element.elementor-element-6799487 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-6799487 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-6799487 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-6799487 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-6799487 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-6fba379{--min-height:360px;}.elementor-83352 .elementor-element.elementor-element-6fba379::before, .elementor-83352 .elementor-element.elementor-element-6fba379 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-6fba379 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-6fba379 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-6fba379 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-6fba379 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-20dd21e{--min-height:360px;}.elementor-83352 .elementor-element.elementor-element-20dd21e::before, .elementor-83352 .elementor-element.elementor-element-20dd21e > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-20dd21e > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-20dd21e > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-20dd21e > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-20dd21e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-cffd2ce{--min-height:360px;}.elementor-83352 .elementor-element.elementor-element-cffd2ce::before, .elementor-83352 .elementor-element.elementor-element-cffd2ce > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-cffd2ce > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-cffd2ce > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-cffd2ce > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-cffd2ce > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-825d00d{--min-height:360px;}.elementor-83352 .elementor-element.elementor-element-825d00d::before, .elementor-83352 .elementor-element.elementor-element-825d00d > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-825d00d > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-825d00d > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-825d00d > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-825d00d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-65fcefc{--min-height:360px;}.elementor-83352 .elementor-element.elementor-element-65fcefc::before, .elementor-83352 .elementor-element.elementor-element-65fcefc > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-65fcefc > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-65fcefc > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-65fcefc > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-65fcefc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-e291832{--e-n-carousel-swiper-slides-to-display:2;}.elementor-83352 .elementor-element.elementor-element-78a8ef4{text-align:center;}.elementor-83352 .elementor-element.elementor-element-78a8ef4 .elementor-heading-title{font-size:28px;}.elementor-83352 .elementor-element.elementor-element-430e774 .elementor-divider{text-align:center;}.elementor-83352 .elementor-element.elementor-element-430e774 .elementor-divider-separator{margin:0 auto;margin-center:0;}.elementor-83352 .elementor-element.elementor-element-95371e2{text-align:center;font-size:16px;}.elementor-83352 .elementor-element.elementor-element-0cdadf4{--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-83352 .elementor-element.elementor-element-b3b249f .elementor-heading-title{font-size:22px;}.elementor-83352 .elementor-element.elementor-element-78d5967{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-2b09911 .elementor-heading-title{font-size:22px;}.elementor-83352 .elementor-element.elementor-element-633d265{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-2df6984 .elementor-heading-title{font-size:22px;}.elementor-83352 .elementor-element.elementor-element-98c463b .elementor-heading-title{font-size:22px;}.elementor-83352 .elementor-element.elementor-element-fd8281f{--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:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:flex-start;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-title-justify-content:flex-start;--n-tabs-title-text-align:start;--n-tabs-title-font-size:16px;}.elementor-83352 .elementor-element.elementor-element-8cfbb2b{text-align:center;}.elementor-83352 .elementor-element.elementor-element-8cfbb2b .elementor-heading-title{font-size:28px;}.elementor-83352 .elementor-element.elementor-element-690fe69 .elementor-divider{text-align:center;}.elementor-83352 .elementor-element.elementor-element-690fe69 .elementor-divider-separator{margin:0 auto;margin-center:0;}.elementor-83352 .elementor-element.elementor-element-2fa5770{text-align:center;font-size:16px;}.elementor-83352 .elementor-element.elementor-element-746af28 .elementor-icon-box-title, .elementor-83352 .elementor-element.elementor-element-746af28 .elementor-icon-box-title a{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-b99095a{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-de38262{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-e1f1e2a .elementor-icon-box-title, .elementor-83352 .elementor-element.elementor-element-e1f1e2a .elementor-icon-box-title a{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-5b23d55{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-f48ec69{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-89522f3 .elementor-icon-box-title, .elementor-83352 .elementor-element.elementor-element-89522f3 .elementor-icon-box-title a{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-b4f9669{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-c1da0e4{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-9c4f2f7{text-align:center;}.elementor-83352 .elementor-element.elementor-element-9c4f2f7 .elementor-heading-title{font-size:28px;}.elementor-83352 .elementor-element.elementor-element-d138e48 .elementor-divider{text-align:center;}.elementor-83352 .elementor-element.elementor-element-d138e48 .elementor-divider-separator{margin:0 auto;margin-center:0;}.elementor-83352 .elementor-element.elementor-element-71dceaf{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-92a3122 .elementor-icon{font-size:40px;}.elementor-83352 .elementor-element.elementor-element-92a3122 .elementor-icon svg{height:40px;}.elementor-83352 .elementor-element.elementor-element-a025338 .elementor-heading-title{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-4b75262{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-07061cb .elementor-icon{font-size:40px;}.elementor-83352 .elementor-element.elementor-element-07061cb .elementor-icon svg{height:40px;}.elementor-83352 .elementor-element.elementor-element-8902c50 .elementor-heading-title{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-addb805{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-6d3f03f .elementor-icon{font-size:40px;}.elementor-83352 .elementor-element.elementor-element-6d3f03f .elementor-icon svg{height:40px;}.elementor-83352 .elementor-element.elementor-element-354796f .elementor-heading-title{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-bb11e95{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-9aa4089 .elementor-icon{font-size:40px;}.elementor-83352 .elementor-element.elementor-element-9aa4089 .elementor-icon svg{height:40px;}.elementor-83352 .elementor-element.elementor-element-307ee10 .elementor-heading-title{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-17be101{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-6def462{text-align:center;}.elementor-83352 .elementor-element.elementor-element-6def462 .elementor-heading-title{font-size:28px;}.elementor-83352 .elementor-element.elementor-element-5a485bb .elementor-divider{text-align:center;}.elementor-83352 .elementor-element.elementor-element-5a485bb .elementor-divider-separator{margin:0 auto;margin-center:0;}.elementor-83352 .elementor-element.elementor-element-58af58d{--min-height:1px;--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-37ed8a6{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-212c849{width:100%;max-width:100%;}.elementor-83352 .elementor-element.elementor-element-a6601b6{--min-height:476px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:20px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-f8a5fa0{--min-height:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-83352 .elementor-element.elementor-element-f8a5fa0::before, .elementor-83352 .elementor-element.elementor-element-f8a5fa0 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-f8a5fa0 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-f8a5fa0 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-f8a5fa0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-f8a5fa0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-e0e6463{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-3bc5c84{--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-63eb1c1{--min-height:0px;--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-83352 .elementor-element.elementor-element-63eb1c1::before, .elementor-83352 .elementor-element.elementor-element-63eb1c1 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-63eb1c1 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-63eb1c1 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-63eb1c1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-63eb1c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-6c1d273{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-42122a9{--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-4afada0::before, .elementor-83352 .elementor-element.elementor-element-4afada0 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-4afada0 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-4afada0 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-4afada0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-4afada0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-4afada0{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-83352 .elementor-element.elementor-element-f0421b3{--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-50b5345::before, .elementor-83352 .elementor-element.elementor-element-50b5345 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-50b5345 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-50b5345 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-50b5345 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-50b5345 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-50b5345{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-83352 .elementor-element.elementor-element-1a1ebd7{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-92b93db{--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-e51c008::before, .elementor-83352 .elementor-element.elementor-element-e51c008 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-e51c008 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-e51c008 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-e51c008 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-e51c008 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-e51c008{--padding-top:10px;--padding-bottom:10px;--padding-left:10px;--padding-right:10px;}.elementor-83352 .elementor-element.elementor-element-b10306c{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-1256848{--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-f8fdfcf{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-offset-size:0px;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:13px;--e-n-carousel-arrow-prev-top-align:100%;--e-n-carousel-arrow-prev-translate-y:-100%;--e-n-carousel-arrow-prev-top-position:32px;--e-n-carousel-arrow-next-right-position:604px;--e-n-carousel-arrow-next-top-position:34px;--e-n-carousel-dots-vertical-offset:5px;}.elementor-83352 .elementor-element.elementor-element-61be39f{text-align:center;}.elementor-83352 .elementor-element.elementor-element-61be39f .elementor-heading-title{font-size:28px;}.elementor-83352 .elementor-element.elementor-element-da40e2b .elementor-divider{text-align:center;}.elementor-83352 .elementor-element.elementor-element-da40e2b .elementor-divider-separator{margin:0 auto;margin-center:0;}.elementor-83352 .elementor-element.elementor-element-34853d1{text-align:center;}.elementor-83352 .elementor-element.elementor-element-fd1e457{--padding-top:0px;--padding-bottom:0px;--padding-left:60px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-9511593{padding:0px 30px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-340cca8{--padding-top:0px;--padding-bottom:0px;--padding-left:60px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-971b945{padding:0px 30px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-a02583f{--padding-top:0px;--padding-bottom:0px;--padding-left:60px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-f0a72a3{padding:0px 30px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-3bc46d7{--padding-top:0px;--padding-bottom:0px;--padding-left:60px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-f5f51c3{padding:0px 30px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-eb05040{--e-n-carousel-swiper-slides-to-display:1;}.elementor-83352 .elementor-element.elementor-element-23f4202{text-align:center;}.elementor-83352 .elementor-element.elementor-element-23f4202 .elementor-heading-title{font-size:28px;}.elementor-83352 .elementor-element.elementor-element-86d5785 .elementor-divider{text-align:center;}.elementor-83352 .elementor-element.elementor-element-86d5785 .elementor-divider-separator{margin:0 auto;margin-center:0;}.elementor-83352 .elementor-element.elementor-element-c324b8d .elementor-heading-title{font-size:28px;}.elementor-83352 .elementor-element.elementor-element-34b959f{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-b6649e2 .elementor-heading-title{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-8e3c007 .elementor-heading-title{font-size:12px;}.elementor-83352 .elementor-element.elementor-element-f52f459{font-size:12px;}.elementor-83352 .elementor-element.elementor-element-fb98810 .elementor-heading-title{font-size:20px;}.elementor-83352 .elementor-element.elementor-element-3f1ccd6{--e-icon-list-icon-size:30px;}.elementor-83352 .elementor-element.elementor-element-3f1ccd6 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-83352 .elementor-element.elementor-element-3f1ccd6 .elementor-icon-list-item > a{font-size:14px;}}@media(max-width:767px){.elementor-83352 .elementor-element.elementor-element-4bde6ac{--min-height:470px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--padding-top:30px;--padding-bottom:0px;--padding-left:30px;--padding-right:30px;}.elementor-83352 .elementor-element.elementor-element-761252e{padding:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-761252e .elementor-heading-title{font-size:26px;line-height:32px;}.elementor-83352 .elementor-element.elementor-element-9226375{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-4616b14 .elementor-button{font-size:12px;}.elementor-83352 .elementor-element.elementor-element-9507742 .elementor-heading-title{font-size:22px;line-height:32px;}.elementor-83352 .elementor-element.elementor-element-a81e5ad{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-2b79e53 .elementor-heading-title{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-69342b5{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-b5d7e46 .elementor-button{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-803254f .elementor-heading-title{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-a8b6149 .elementor-button{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-388bc02 .elementor-heading-title{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-b1d9c78 .elementor-button{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-c7d4cdd .elementor-heading-title{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-12c2922{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-40a8cd2 .elementor-button{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-9800d01 .elementor-heading-title{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-5a8fe77 .elementor-button{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-c9b4671 .elementor-heading-title{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-b3cadab{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-8bc02a3 .elementor-button{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-061cb63{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-83d3b93{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-83352 .elementor-element.elementor-element-36ce42e .elementor-heading-title{font-size:22px;line-height:32px;}.elementor-83352 .elementor-element.elementor-element-2be498c .elementor-heading-title{font-size:22px;line-height:32px;}.elementor-83352 .elementor-element.elementor-element-9bad3ac{--min-height:437px;}.elementor-83352 .elementor-element.elementor-element-b54405a::before, .elementor-83352 .elementor-element.elementor-element-b54405a > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-b54405a > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-b54405a > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-b54405a > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-b54405a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-d810178::before, .elementor-83352 .elementor-element.elementor-element-d810178 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-d810178 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-d810178 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-d810178 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-d810178 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-4cf994f::before, .elementor-83352 .elementor-element.elementor-element-4cf994f > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-4cf994f > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-4cf994f > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-4cf994f > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-4cf994f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-86010fc::before, .elementor-83352 .elementor-element.elementor-element-86010fc > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-86010fc > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-86010fc > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-86010fc > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-86010fc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-c0cd2f3::before, .elementor-83352 .elementor-element.elementor-element-c0cd2f3 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-c0cd2f3 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-c0cd2f3 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-c0cd2f3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-c0cd2f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-9f66728::before, .elementor-83352 .elementor-element.elementor-element-9f66728 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-9f66728 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-9f66728 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-9f66728 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-9f66728 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-9100366::before, .elementor-83352 .elementor-element.elementor-element-9100366 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-9100366 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-9100366 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-9100366 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-9100366 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-02a5fed::before, .elementor-83352 .elementor-element.elementor-element-02a5fed > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-02a5fed > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-02a5fed > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-02a5fed > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-02a5fed > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-01d00bc::before, .elementor-83352 .elementor-element.elementor-element-01d00bc > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-01d00bc > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-01d00bc > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-01d00bc > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-01d00bc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-3bf53ca::before, .elementor-83352 .elementor-element.elementor-element-3bf53ca > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-3bf53ca > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-3bf53ca > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-3bf53ca > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-3bf53ca > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-f024604{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-arrow-prev-left-position:-32px;--e-n-carousel-arrow-prev-top-position:-92px;--e-n-carousel-arrow-next-right-position:-30px;--e-n-carousel-arrow-next-top-position:-106px;}.elementor-83352 .elementor-element.elementor-element-f6373da{--min-height:598px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-b0d960b{--min-height:576px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-83352 .elementor-element.elementor-element-b0d960b::before, .elementor-83352 .elementor-element.elementor-element-b0d960b > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-b0d960b > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-b0d960b > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-b0d960b > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-b0d960b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-c01629a .elementor-icon{font-size:80px;}.elementor-83352 .elementor-element.elementor-element-c01629a .elementor-icon svg{height:80px;}.elementor-83352 .elementor-element.elementor-element-a903ebb .elementor-heading-title{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-65ff001{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-46fbdd6{--min-height:576px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-83352 .elementor-element.elementor-element-46fbdd6::before, .elementor-83352 .elementor-element.elementor-element-46fbdd6 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-46fbdd6 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-46fbdd6 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-46fbdd6 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-46fbdd6 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-cd33b4b .elementor-heading-title{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-61eb979{--min-height:576px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-83352 .elementor-element.elementor-element-61eb979::before, .elementor-83352 .elementor-element.elementor-element-61eb979 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-61eb979 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-61eb979 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-61eb979 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-61eb979 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-cf2fd35 .elementor-heading-title{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-a5b346d{--min-height:576px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-83352 .elementor-element.elementor-element-a5b346d::before, .elementor-83352 .elementor-element.elementor-element-a5b346d > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-a5b346d > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-a5b346d > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-a5b346d > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-a5b346d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-05f2e49 .elementor-heading-title{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-6799487{--min-height:576px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-83352 .elementor-element.elementor-element-6799487::before, .elementor-83352 .elementor-element.elementor-element-6799487 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-6799487 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-6799487 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-6799487 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-6799487 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-3e329be .elementor-heading-title{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-6fba379{--min-height:576px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-83352 .elementor-element.elementor-element-6fba379::before, .elementor-83352 .elementor-element.elementor-element-6fba379 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-6fba379 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-6fba379 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-6fba379 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-6fba379 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-5da3522 .elementor-heading-title{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-20dd21e{--min-height:576px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-83352 .elementor-element.elementor-element-20dd21e::before, .elementor-83352 .elementor-element.elementor-element-20dd21e > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-20dd21e > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-20dd21e > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-20dd21e > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-20dd21e > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-8a3bc9d .elementor-heading-title{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-cffd2ce{--min-height:576px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-83352 .elementor-element.elementor-element-cffd2ce::before, .elementor-83352 .elementor-element.elementor-element-cffd2ce > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-cffd2ce > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-cffd2ce > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-cffd2ce > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-cffd2ce > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-390b10c .elementor-heading-title{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-825d00d{--min-height:576px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-83352 .elementor-element.elementor-element-825d00d::before, .elementor-83352 .elementor-element.elementor-element-825d00d > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-825d00d > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-825d00d > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-825d00d > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-825d00d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-381a2ac .elementor-heading-title{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-65fcefc{--min-height:576px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-83352 .elementor-element.elementor-element-65fcefc::before, .elementor-83352 .elementor-element.elementor-element-65fcefc > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-65fcefc > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-65fcefc > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-65fcefc > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-65fcefc > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-3e18382 .elementor-heading-title{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-e291832{--e-n-carousel-swiper-slides-to-display:1;}.elementor-83352 .elementor-element.elementor-element-e291832 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:10px;--swiper-pagination-bullet-vertical-gap:10px;}.elementor-83352 .elementor-element.elementor-element-78a8ef4 .elementor-heading-title{font-size:22px;line-height:32px;}.elementor-83352 .elementor-element.elementor-element-95371e2{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-fd8281f{--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:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:flex-start;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:nowrap;--n-tabs-heading-overflow-x:scroll;--n-tabs-title-white-space:nowrap;--n-tabs-title-justify-content:flex-start;--n-tabs-title-text-align:start;}.elementor-83352 .elementor-element.elementor-element-8cfbb2b .elementor-heading-title{font-size:22px;line-height:32px;}.elementor-83352 .elementor-element.elementor-element-2fa5770{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-746af28 .elementor-icon-box-title, .elementor-83352 .elementor-element.elementor-element-746af28 .elementor-icon-box-title a{font-size:20px;}.elementor-83352 .elementor-element.elementor-element-16b0fa6{border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;}.elementor-83352 .elementor-element.elementor-element-e1f1e2a .elementor-icon-box-title, .elementor-83352 .elementor-element.elementor-element-e1f1e2a .elementor-icon-box-title a{font-size:20px;}.elementor-83352 .elementor-element.elementor-element-89522f3 .elementor-icon-box-title, .elementor-83352 .elementor-element.elementor-element-89522f3 .elementor-icon-box-title a{font-size:20px;}.elementor-83352 .elementor-element.elementor-element-9c4f2f7 .elementor-heading-title{font-size:22px;line-height:32px;}.elementor-83352 .elementor-element.elementor-element-71dceaf{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-a025338 .elementor-heading-title{font-size:18px;}.elementor-83352 .elementor-element.elementor-element-4b75262{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-8902c50 .elementor-heading-title{font-size:18px;}.elementor-83352 .elementor-element.elementor-element-addb805{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-354796f .elementor-heading-title{font-size:18px;}.elementor-83352 .elementor-element.elementor-element-bb11e95{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-307ee10 .elementor-heading-title{font-size:18px;}.elementor-83352 .elementor-element.elementor-element-17be101{font-size:16px;}.elementor-83352 .elementor-element.elementor-element-6def462 .elementor-heading-title{font-size:22px;line-height:32px;}.elementor-83352 .elementor-element.elementor-element-37ed8a6{--min-height:460px;}.elementor-83352 .elementor-element.elementor-element-a6601b6{--min-height:526px;}.elementor-83352 .elementor-element.elementor-element-f8a5fa0{--min-height:435px;}.elementor-83352 .elementor-element.elementor-element-f8a5fa0::before, .elementor-83352 .elementor-element.elementor-element-f8a5fa0 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-f8a5fa0 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-f8a5fa0 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-f8a5fa0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-f8a5fa0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-e0e6463{font-size:12px;}.elementor-83352 .elementor-element.elementor-element-fdf66a4 .elementor-image-box-img{margin-bottom:16px;}.elementor-83352 .elementor-element.elementor-element-63eb1c1{--min-height:435px;}.elementor-83352 .elementor-element.elementor-element-63eb1c1::before, .elementor-83352 .elementor-element.elementor-element-63eb1c1 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-63eb1c1 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-63eb1c1 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-63eb1c1 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-63eb1c1 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-6c1d273{font-size:12px;}.elementor-83352 .elementor-element.elementor-element-a6f5d11 .elementor-image-box-img{margin-bottom:16px;}.elementor-83352 .elementor-element.elementor-element-4afada0{--min-height:435px;}.elementor-83352 .elementor-element.elementor-element-4afada0::before, .elementor-83352 .elementor-element.elementor-element-4afada0 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-4afada0 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-4afada0 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-4afada0 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-4afada0 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-211d770{font-size:12px;}.elementor-83352 .elementor-element.elementor-element-f0421b3{--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-8c1f4ab{padding:0px 0px 0px 0px;}.elementor-83352 .elementor-element.elementor-element-8c1f4ab .elementor-image-box-img{margin-bottom:14px;}.elementor-83352 .elementor-element.elementor-element-8c1f4ab.elementor-position-right .elementor-image-box-img{margin-left:14px;}.elementor-83352 .elementor-element.elementor-element-8c1f4ab.elementor-position-left .elementor-image-box-img{margin-right:14px;}.elementor-83352 .elementor-element.elementor-element-8c1f4ab.elementor-position-top .elementor-image-box-img{margin-bottom:14px;}.elementor-83352 .elementor-element.elementor-element-8c1f4ab .elementor-image-box-title{margin-bottom:8px;}.elementor-83352 .elementor-element.elementor-element-50b5345{--min-height:435px;}.elementor-83352 .elementor-element.elementor-element-50b5345::before, .elementor-83352 .elementor-element.elementor-element-50b5345 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-50b5345 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-50b5345 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-50b5345 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-50b5345 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-1a1ebd7{font-size:12px;}.elementor-83352 .elementor-element.elementor-element-92b93db{--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-97c2ec3 .elementor-image-box-img{margin-bottom:16px;}.elementor-83352 .elementor-element.elementor-element-e51c008{--min-height:435px;}.elementor-83352 .elementor-element.elementor-element-e51c008::before, .elementor-83352 .elementor-element.elementor-element-e51c008 > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-e51c008 > .e-con-inner > .elementor-background-video-container::before, .elementor-83352 .elementor-element.elementor-element-e51c008 > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-e51c008 > .e-con-inner > .elementor-background-slideshow::before, .elementor-83352 .elementor-element.elementor-element-e51c008 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-83352 .elementor-element.elementor-element-b10306c{font-size:12px;}.elementor-83352 .elementor-element.elementor-element-1256848{--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-7daf8fb .elementor-image-box-img{margin-bottom:16px;}.elementor-83352 .elementor-element.elementor-element-f8fdfcf{--e-n-carousel-swiper-slides-to-display:1;--e-n-carousel-swiper-offset-size:0px;--e-n-carousel-arrow-prev-left-align:0%;--e-n-carousel-arrow-prev-translate-x:0px;--e-n-carousel-arrow-prev-left-position:9px;--e-n-carousel-arrow-prev-top-align:100%;--e-n-carousel-arrow-prev-translate-y:-100%;--e-n-carousel-arrow-prev-top-position:29px;--e-n-carousel-arrow-next-right-align:100%;--e-n-carousel-arrow-next-translate-x:100%;--e-n-carousel-arrow-next-right-position:-50px;--e-n-carousel-arrow-next-top-align:100%;--e-n-carousel-arrow-next-translate-y:-100%;--e-n-carousel-arrow-next-top-position:29px;--e-n-carousel-dots-horizontal-position:100%;--e-n-carousel-dots-horizontal-transform:-100%;--e-n-carousel-dots-horizontal-offset:0px;--e-n-carousel-dots-vertical-position:100%;--e-n-carousel-dots-vertical-transform:-100%;--e-n-carousel-dots-vertical-offset:1px;}.elementor-83352 .elementor-element.elementor-element-e50b9ac{--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-61be39f{width:100%;max-width:100%;}.elementor-83352 .elementor-element.elementor-element-61be39f .elementor-heading-title{font-size:22px;}.elementor-83352 .elementor-element.elementor-element-34853d1{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-f13da95{--justify-content:center;--border-radius:016px 016px 016px 016px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-f13da95:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-f13da95 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-83352 .elementor-element.elementor-element-fd1e457{--min-height:1079px;--border-radius:0px 0px 0px 0px;--padding-top:024px;--padding-bottom:050px;--padding-left:024px;--padding-right:024px;}.elementor-83352 .elementor-element.elementor-element-b1aa64f{text-align:center;}.elementor-83352 .elementor-element.elementor-element-b1aa64f .elementor-heading-title{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-78b3657{text-align:center;}.elementor-83352 .elementor-element.elementor-element-78b3657 .elementor-heading-title{font-size:18px;line-height:28px;}.elementor-83352 .elementor-element.elementor-element-9511593{padding:0px 0px 0px 0px;text-align:center;font-size:14px;}.elementor-83352 .elementor-element.elementor-element-23cd579 .elementor-divider-separator{width:100%;}.elementor-83352 .elementor-element.elementor-element-7524910{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-10b0d8a{border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;}.elementor-83352 .elementor-element.elementor-element-cba5415{text-align:center;}.elementor-83352 .elementor-element.elementor-element-cba5415 .elementor-heading-title{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-771ac75{text-align:center;}.elementor-83352 .elementor-element.elementor-element-771ac75 .elementor-heading-title{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-b572181{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-9f271ab .elementor-heading-title{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-85ee395 .elementor-heading-title{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-d6110b9{--justify-content:center;}.elementor-83352 .elementor-element.elementor-element-14bb328 .elementor-button{font-size:12px;}.elementor-83352 .elementor-element.elementor-element-02d2b8c{--justify-content:center;--border-radius:016px 016px 016px 016px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-02d2b8c:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-02d2b8c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-83352 .elementor-element.elementor-element-340cca8{--min-height:1079px;--border-radius:0px 0px 0px 0px;--padding-top:024px;--padding-bottom:050px;--padding-left:024px;--padding-right:024px;}.elementor-83352 .elementor-element.elementor-element-5bf1493{text-align:center;}.elementor-83352 .elementor-element.elementor-element-5bf1493 .elementor-heading-title{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-6d2c55c{text-align:center;}.elementor-83352 .elementor-element.elementor-element-6d2c55c .elementor-heading-title{font-size:18px;line-height:28px;}.elementor-83352 .elementor-element.elementor-element-971b945{padding:0px 0px 0px 0px;text-align:center;font-size:14px;}.elementor-83352 .elementor-element.elementor-element-04a061f .elementor-divider-separator{width:100%;}.elementor-83352 .elementor-element.elementor-element-5ed2c19{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-9ab6278{border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;}.elementor-83352 .elementor-element.elementor-element-d814d43{text-align:center;}.elementor-83352 .elementor-element.elementor-element-d814d43 .elementor-heading-title{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-d172852{text-align:center;}.elementor-83352 .elementor-element.elementor-element-d172852 .elementor-heading-title{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-76b3e4f{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-127c616 .elementor-heading-title{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-6ffaa41 .elementor-heading-title{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-0b8b06e{--justify-content:center;}.elementor-83352 .elementor-element.elementor-element-35c9aea .elementor-button{font-size:12px;}.elementor-83352 .elementor-element.elementor-element-c7ffb0d{--justify-content:center;--border-radius:016px 016px 016px 016px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-c7ffb0d:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-c7ffb0d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-83352 .elementor-element.elementor-element-a02583f{--min-height:1079px;--border-radius:0px 0px 0px 0px;--padding-top:024px;--padding-bottom:050px;--padding-left:024px;--padding-right:024px;}.elementor-83352 .elementor-element.elementor-element-3f87fe8{text-align:center;}.elementor-83352 .elementor-element.elementor-element-3f87fe8 .elementor-heading-title{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-f2da2fa{text-align:center;}.elementor-83352 .elementor-element.elementor-element-f2da2fa .elementor-heading-title{font-size:18px;line-height:28px;}.elementor-83352 .elementor-element.elementor-element-f0a72a3{padding:0px 0px 0px 0px;text-align:center;font-size:14px;}.elementor-83352 .elementor-element.elementor-element-63ce34c .elementor-divider-separator{width:100%;}.elementor-83352 .elementor-element.elementor-element-b831525{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-7dbcc54{border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;}.elementor-83352 .elementor-element.elementor-element-8582968{text-align:center;}.elementor-83352 .elementor-element.elementor-element-8582968 .elementor-heading-title{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-913a6cd{text-align:center;}.elementor-83352 .elementor-element.elementor-element-913a6cd .elementor-heading-title{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-b93cd75{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-2458f81 .elementor-heading-title{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-9424f01 .elementor-heading-title{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-b116cc0{--justify-content:center;}.elementor-83352 .elementor-element.elementor-element-ebae139 .elementor-button{font-size:12px;}.elementor-83352 .elementor-element.elementor-element-22d76ad{--justify-content:center;--border-radius:016px 016px 016px 016px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-22d76ad:not(.elementor-motion-effects-element-type-background), .elementor-83352 .elementor-element.elementor-element-22d76ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-position:center center;}.elementor-83352 .elementor-element.elementor-element-3bc46d7{--min-height:1079px;--border-radius:0px 0px 0px 0px;--padding-top:024px;--padding-bottom:050px;--padding-left:024px;--padding-right:024px;}.elementor-83352 .elementor-element.elementor-element-82d1465{text-align:center;}.elementor-83352 .elementor-element.elementor-element-82d1465 .elementor-heading-title{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-b801e6d{text-align:center;}.elementor-83352 .elementor-element.elementor-element-b801e6d .elementor-heading-title{font-size:18px;line-height:28px;}.elementor-83352 .elementor-element.elementor-element-f5f51c3{padding:0px 0px 0px 0px;text-align:center;font-size:14px;}.elementor-83352 .elementor-element.elementor-element-2d8872c .elementor-divider-separator{width:100%;}.elementor-83352 .elementor-element.elementor-element-1e902d8{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-8d39b37{border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;}.elementor-83352 .elementor-element.elementor-element-98793a1{text-align:center;}.elementor-83352 .elementor-element.elementor-element-98793a1 .elementor-heading-title{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-a0e8476{text-align:center;}.elementor-83352 .elementor-element.elementor-element-a0e8476 .elementor-heading-title{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-84f8477{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-697c369 .elementor-heading-title{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-31b24db .elementor-heading-title{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-08e762a{--justify-content:center;}.elementor-83352 .elementor-element.elementor-element-6d0d4ca .elementor-button{font-size:12px;}.elementor-83352 .elementor-element.elementor-element-eb05040{--e-n-carousel-swiper-slides-to-display:1;}.elementor-83352 .elementor-element.elementor-element-8ffd089{--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-83352 .elementor-element.elementor-element-23f4202{width:100%;max-width:100%;}.elementor-83352 .elementor-element.elementor-element-23f4202 .elementor-heading-title{font-size:22px;}.elementor-83352 .elementor-element.elementor-element-c1696cb{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-83352 .elementor-element.elementor-element-08caa7b{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-83352 .elementor-element.elementor-element-c324b8d .elementor-heading-title{font-size:24px;}.elementor-83352 .elementor-element.elementor-element-34b959f{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-b6649e2 .elementor-heading-title{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-f52f459{font-size:14px;}.elementor-83352 .elementor-element.elementor-element-fb98810 .elementor-heading-title{font-size:14px;}}@media(min-width:768px){.elementor-83352 .elementor-element.elementor-element-486f7d5{--width:62%;}.elementor-83352 .elementor-element.elementor-element-ffe9c33{--width:33.3%;}.elementor-83352 .elementor-element.elementor-element-bb27674{--width:33.3%;}.elementor-83352 .elementor-element.elementor-element-386dbee{--width:33.3%;}.elementor-83352 .elementor-element.elementor-element-56a76b4{--width:33.3%;}.elementor-83352 .elementor-element.elementor-element-cef24f3{--width:33.3%;}.elementor-83352 .elementor-element.elementor-element-6726cb6{--width:33.3%;}.elementor-83352 .elementor-element.elementor-element-83d3b93{--width:40%;}.elementor-83352 .elementor-element.elementor-element-8db08e1{--width:60%;}.elementor-83352 .elementor-element.elementor-element-7f4201c{--width:50%;}.elementor-83352 .elementor-element.elementor-element-813169a{--width:50%;}.elementor-83352 .elementor-element.elementor-element-6edab85{--width:50%;}.elementor-83352 .elementor-element.elementor-element-680c2af{--width:50%;}.elementor-83352 .elementor-element.elementor-element-c479c19{--width:50%;}.elementor-83352 .elementor-element.elementor-element-be61faf{--width:50%;}.elementor-83352 .elementor-element.elementor-element-dd25086{--width:80%;}.elementor-83352 .elementor-element.elementor-element-85ffa9a{--width:20%;}.elementor-83352 .elementor-element.elementor-element-a5d4a19{--width:50%;}.elementor-83352 .elementor-element.elementor-element-7895b52{--width:50%;}.elementor-83352 .elementor-element.elementor-element-60a7c57{--width:50%;}.elementor-83352 .elementor-element.elementor-element-b344f5f{--width:50%;}.elementor-83352 .elementor-element.elementor-element-efdc38d{--width:50%;}.elementor-83352 .elementor-element.elementor-element-37f36a0{--width:50%;}.elementor-83352 .elementor-element.elementor-element-2a3ac31{--width:50%;}.elementor-83352 .elementor-element.elementor-element-b4b55d3{--width:50%;}.elementor-83352 .elementor-element.elementor-element-1ac82b8{--width:35%;}.elementor-83352 .elementor-element.elementor-element-6a2a821{--width:65%;}.elementor-83352 .elementor-element.elementor-element-37ed8a6{--width:50%;}.elementor-83352 .elementor-element.elementor-element-a6601b6{--width:50%;}.elementor-83352 .elementor-element.elementor-element-fd1e457{--width:62%;}.elementor-83352 .elementor-element.elementor-element-3470ae7{--width:45%;}.elementor-83352 .elementor-element.elementor-element-738e3be{--width:100%;}.elementor-83352 .elementor-element.elementor-element-7524910{--width:77%;}.elementor-83352 .elementor-element.elementor-element-d6110b9{--width:79%;}.elementor-83352 .elementor-element.elementor-element-340cca8{--width:75.07%;}.elementor-83352 .elementor-element.elementor-element-f2790b8{--width:31.421%;}.elementor-83352 .elementor-element.elementor-element-d6c7eef{--width:100%;}.elementor-83352 .elementor-element.elementor-element-5ed2c19{--width:77%;}.elementor-83352 .elementor-element.elementor-element-0b8b06e{--width:79%;}.elementor-83352 .elementor-element.elementor-element-a02583f{--width:58.93%;}.elementor-83352 .elementor-element.elementor-element-ddb4df7{--width:20%;}.elementor-83352 .elementor-element.elementor-element-1b8895f{--width:100%;}.elementor-83352 .elementor-element.elementor-element-b831525{--width:78.631%;}.elementor-83352 .elementor-element.elementor-element-7dbcc54{--width:51.328%;}.elementor-83352 .elementor-element.elementor-element-b116cc0{--width:79%;}.elementor-83352 .elementor-element.elementor-element-3bc46d7{--width:58.93%;}.elementor-83352 .elementor-element.elementor-element-95bc151{--width:20%;}.elementor-83352 .elementor-element.elementor-element-5466f28{--width:100%;}.elementor-83352 .elementor-element.elementor-element-1e902d8{--width:78.631%;}.elementor-83352 .elementor-element.elementor-element-8d39b37{--width:51.328%;}.elementor-83352 .elementor-element.elementor-element-08e762a{--width:79%;}.elementor-83352 .elementor-element.elementor-element-a55ab22{--width:50%;}.elementor-83352 .elementor-element.elementor-element-3ba4f4e{--width:50%;}}@media(max-width:1366px) and (min-width:768px){.elementor-83352 .elementor-element.elementor-element-37ed8a6{--width:49%;}.elementor-83352 .elementor-element.elementor-element-a6601b6{--width:49%;}.elementor-83352 .elementor-element.elementor-element-1e902d8{--width:499.047px;}.elementor-83352 .elementor-element.elementor-element-8d39b37{--width:230.141px;}}@media(max-width:1200px) and (min-width:768px){.elementor-83352 .elementor-element.elementor-element-fd1e457{--width:609px;}.elementor-83352 .elementor-element.elementor-element-3470ae7{--width:278.047px;}.elementor-83352 .elementor-element.elementor-element-f2790b8{--width:250.219px;}.elementor-83352 .elementor-element.elementor-element-ddb4df7{--width:128.953px;}.elementor-83352 .elementor-element.elementor-element-95bc151{--width:130.938px;}}@media(max-width:1024px) and (min-width:768px){.elementor-83352 .elementor-element.elementor-element-486f7d5{--width:100%;}.elementor-83352 .elementor-element.elementor-element-ffe9c33{--width:100%;}.elementor-83352 .elementor-element.elementor-element-bb27674{--width:100%;}.elementor-83352 .elementor-element.elementor-element-386dbee{--width:100%;}.elementor-83352 .elementor-element.elementor-element-56a76b4{--width:100%;}.elementor-83352 .elementor-element.elementor-element-cef24f3{--width:100%;}.elementor-83352 .elementor-element.elementor-element-6726cb6{--width:100%;}.elementor-83352 .elementor-element.elementor-element-1ac82b8{--width:40%;}.elementor-83352 .elementor-element.elementor-element-6a2a821{--width:60%;}.elementor-83352 .elementor-element.elementor-element-37ed8a6{--width:100%;}.elementor-83352 .elementor-element.elementor-element-a6601b6{--width:100%;}.elementor-83352 .elementor-element.elementor-element-fd1e457{--width:100%;}.elementor-83352 .elementor-element.elementor-element-340cca8{--width:100%;}.elementor-83352 .elementor-element.elementor-element-a02583f{--width:100%;}.elementor-83352 .elementor-element.elementor-element-3bc46d7{--width:100%;}}/* Start custom CSS for heading, class: .elementor-element-761252e */@media (max-width: 1024px) and (min-width: 996px) {
    .my-text-widget {
        text-align: left !important;
    }
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-9226375 */@media (max-width: 1024px) and (min-width: 996px) {
    .elementor-83352 .elementor-element.elementor-element-9226375 {
        text-align: left !important;
        justify-content: flex-start !important; /* Aligns button to left */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-4616b14 */@media (max-width: 1024px) and (min-width: 996px) {
    .elementor-83352 .elementor-element.elementor-element-4616b14 {
        text-align: left !important;
        justify-content: flex-start !important; /* Aligns button to left */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4bde6ac *//* --- Default styles for larger desktops (1200px and up) --- */
.elementor-83352 .elementor-element.elementor-element-4bde6ac {
    background-color: #1174D1;
    background-image:
        url('https://cloud.10decoders.co.in/home/homepage-banner-image-right-circle.png'),
        url('https://cloud.10decoders.co.in/home/homepage-banner-left-side-circle.png'),
        radial-gradient(rgba(255, 255, 255, 0.2) 1px, transparent 1px),
        radial-gradient(circle at -20% 100%, rgba(255, 255, 255, 0.15), transparent 50%);
    background-position:
        right 80px center,
        left -12% bottom -22%,
        0 0,
        left center;
    background-size:
        34% auto,
        18% auto,
        24px 24px,
        cover;
    background-repeat:
        no-repeat,
        no-repeat,
        repeat,
        no-repeat;
}

/* --- Desktop & Laptop: Full Screen Height --- */
@media (min-width: 992px) {
    .elementor-83352 .elementor-element.elementor-element-4bde6ac {
        min-height: 95vh; 
    }
}

/* --- Tablet & Mobile: 90vh --- */
@media (max-width: 991px) {
    .elementor-83352 .elementor-element.elementor-element-4bde6ac {
        min-height: 80vh;
    }
}

/* --- Media query for Laptops (max-width: 1199px) --- */
@media (max-width: 1199px) {
    .elementor-83352 .elementor-element.elementor-element-4bde6ac {
        background-size:
            50% auto,
            18% auto,
            24px 24px,
            cover;
    }
}

/* --- Media query for Tablets (max-width: 991px) --- */
@media (max-width: 991px) {
    .elementor-83352 .elementor-element.elementor-element-4bde6ac {
        background-size:
            70% auto,
            0% auto,
            20px 20px,
            cover;
        background-position:
            center center,
            left -10% bottom -20%,
            0 0,
            left center;
    }
}

/* --- Media query for Mobile Devices (max-width: 767px) --- */
@media (max-width: 767px) {
    .elementor-83352 .elementor-element.elementor-element-4bde6ac {
        background-size:
            100% auto,
            0% auto,
            16px 16px,
            cover;
        background-position:
            right 5% center,
            left -5% bottom -5%,
            0 0,
            left center;
    }
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-fc01bf5 */.elementor-83352 .elementor-element.elementor-element-fc01bf5 .elementor-divider-separator {
  border-radius: 10px; /* adjust to your liking */
}
.elementor-83352 .elementor-element.elementor-element-fc01bf5 .elementor-divider-separator {
    height: 4px; /* adjust thickness */
    background: linear-gradient(to right, #6ABDDB, #0867FA);
    border: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-ffe9c33 */.elementor-83352 .elementor-element.elementor-element-ffe9c33 {
  transition: all 0.3s ease-in-out;
}

.elementor-83352 .elementor-element.elementor-element-ffe9c33:hover {
  transform: translateY(-10px);
  background-color: #4190DA; /* container hover color */
}

/* Stop moving up on mobile */
@media (max-width: 768px) {
  .elementor-83352 .elementor-element.elementor-element-ffe9c33:hover {
    transform: none; /* disable translate on mobile */
  }
}

/* Heading hover */
.elementor-83352 .elementor-element.elementor-element-ffe9c33:hover h2,
.elementor-83352 .elementor-element.elementor-element-ffe9c33:hover h3,
.elementor-83352 .elementor-element.elementor-element-ffe9c33:hover .elementor-heading-title {
  color: #ffffff !important;
}

/* Description hover */
.elementor-83352 .elementor-element.elementor-element-ffe9c33:hover p {
  color: #ffffff !important;
}

.elementor-icon-box-description {
  line-height: 22px;
}

/* Button text and underline */
.elementor-83352 .elementor-element.elementor-element-ffe9c33 .elementor-button .elementor-button-text {
  color: #1174D1; /* normal button text color */
  border-bottom: 1px solid #4190DA; /* thin underline with new blue */
  display: inline-block; /* underline matches text width */
  padding-bottom: 4px; /* space between text and underline */
  transition: all 0.3s ease-in-out;
}

/* Arrow icon */
.elementor-83352 .elementor-element.elementor-element-ffe9c33 .elementor-button .elementor-button-icon,
.elementor-83352 .elementor-element.elementor-element-ffe9c33 .elementor-button .elementor-button-icon svg {
  width: 20px;
  height: 20px;
  transition: all 0.3s ease-in-out;
}

/* Change text and arrow color on hover */
.elementor-83352 .elementor-element.elementor-element-ffe9c33:hover .elementor-button .elementor-button-text,
.elementor-83352 .elementor-element.elementor-element-ffe9c33:hover .elementor-button .elementor-button-icon,
.elementor-83352 .elementor-element.elementor-element-ffe9c33:hover .elementor-button .elementor-button-icon svg {
  color: #ffffff !important; /* text becomes white */
  fill: #ffffff !important;  /* arrow icon becomes white */
  border-bottom-color: #ffffff; /* underline becomes white */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-bb27674 */.elementor-83352 .elementor-element.elementor-element-bb27674 {
  transition: all 0.3s ease-in-out;
}

.elementor-83352 .elementor-element.elementor-element-bb27674:hover {
  transform: translateY(-10px);
  background-color: #4190DA; /* container hover color */
}

/* Stop moving up on mobile */
@media (max-width: 768px) {
  .elementor-83352 .elementor-element.elementor-element-bb27674:hover {
    transform: none; /* disable translate on mobile */
  }
}

/* Heading hover */
.elementor-83352 .elementor-element.elementor-element-bb27674:hover h2,
.elementor-83352 .elementor-element.elementor-element-bb27674:hover h3,
.elementor-83352 .elementor-element.elementor-element-bb27674:hover .elementor-heading-title {
  color: #ffffff !important;
}

/* Description hover */
.elementor-83352 .elementor-element.elementor-element-bb27674:hover p {
  color: #ffffff !important;
}

.elementor-icon-box-description {
  line-height: 22px;
}

/* Button text and underline */
.elementor-83352 .elementor-element.elementor-element-bb27674 .elementor-button .elementor-button-text {
  color: #1174D1; /* normal button text color */
  border-bottom: 1px solid #4190DA; /* thin underline with new blue */
  display: inline-block; /* underline matches text width */
  padding-bottom: 4px; /* space between text and underline */
  transition: all 0.3s ease-in-out;
}

/* Arrow icon */
.elementor-83352 .elementor-element.elementor-element-bb27674 .elementor-button .elementor-button-icon,
.elementor-83352 .elementor-element.elementor-element-bb27674 .elementor-button .elementor-button-icon svg {
  width: 20px;
  height: 20px;
  transition: all 0.3s ease-in-out;
}

/* Change text and arrow color on hover */
.elementor-83352 .elementor-element.elementor-element-bb27674:hover .elementor-button .elementor-button-text,
.elementor-83352 .elementor-element.elementor-element-bb27674:hover .elementor-button .elementor-button-icon,
.elementor-83352 .elementor-element.elementor-element-bb27674:hover .elementor-button .elementor-button-icon svg {
  color: #ffffff !important; /* text becomes white */
  fill: #ffffff !important;  /* arrow icon becomes white */
  border-bottom-color: #ffffff; /* underline becomes white */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-386dbee */.elementor-83352 .elementor-element.elementor-element-386dbee {
  transition: all 0.3s ease-in-out;
}

.elementor-83352 .elementor-element.elementor-element-386dbee:hover {
  transform: translateY(-10px);
  background-color: #4190DA; /* container hover color */
}

/* Stop moving up on mobile */
@media (max-width: 768px) {
  .elementor-83352 .elementor-element.elementor-element-386dbee:hover {
    transform: none; /* disable translate on mobile */
  }
}

/* Heading hover */
.elementor-83352 .elementor-element.elementor-element-386dbee:hover h2,
.elementor-83352 .elementor-element.elementor-element-386dbee:hover h3,
.elementor-83352 .elementor-element.elementor-element-386dbee:hover .elementor-heading-title {
  color: #ffffff !important;
}

/* Description hover */
.elementor-83352 .elementor-element.elementor-element-386dbee:hover p {
  color: #ffffff !important;
}

.elementor-icon-box-description {
  line-height: 22px;
}

/* Button text and underline */
.elementor-83352 .elementor-element.elementor-element-386dbee .elementor-button .elementor-button-text {
  color: #1174D1; /* normal button text color */
  border-bottom: 1px solid #4190DA; /* thin underline with new blue */
  display: inline-block; /* underline matches text width */
  padding-bottom: 4px; /* space between text and underline */
  transition: all 0.3s ease-in-out;
}

/* Arrow icon */
.elementor-83352 .elementor-element.elementor-element-386dbee .elementor-button .elementor-button-icon,
.elementor-83352 .elementor-element.elementor-element-386dbee .elementor-button .elementor-button-icon svg {
  width: 20px;
  height: 20px;
  transition: all 0.3s ease-in-out;
}

/* Change text and arrow color on hover */
.elementor-83352 .elementor-element.elementor-element-386dbee:hover .elementor-button .elementor-button-text,
.elementor-83352 .elementor-element.elementor-element-386dbee:hover .elementor-button .elementor-button-icon,
.elementor-83352 .elementor-element.elementor-element-386dbee:hover .elementor-button .elementor-button-icon svg {
  color: #ffffff !important; /* text becomes white */
  fill: #ffffff !important;  /* arrow icon becomes white */
  border-bottom-color: #ffffff; /* underline becomes white */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-56a76b4 */.elementor-83352 .elementor-element.elementor-element-56a76b4 {
  transition: all 0.3s ease-in-out;
}

.elementor-83352 .elementor-element.elementor-element-56a76b4:hover {
  transform: translateY(-10px);
  background-color: #4190DA; /* container hover color */
}

/* Stop moving up on mobile */
@media (max-width: 768px) {
  .elementor-83352 .elementor-element.elementor-element-56a76b4:hover {
    transform: none; /* disable translate on mobile */
  }
}

/* Heading hover */
.elementor-83352 .elementor-element.elementor-element-56a76b4:hover h2,
.elementor-83352 .elementor-element.elementor-element-56a76b4:hover h3,
.elementor-83352 .elementor-element.elementor-element-56a76b4:hover .elementor-heading-title {
  color: #ffffff !important;
}

/* Description hover */
.elementor-83352 .elementor-element.elementor-element-56a76b4:hover p {
  color: #ffffff !important;
}

.elementor-icon-box-description {
  line-height: 22px;
}

/* Button text and underline */
.elementor-83352 .elementor-element.elementor-element-56a76b4 .elementor-button .elementor-button-text {
  color: #1174D1; /* normal button text color */
  border-bottom: 1px solid #4190DA; /* thin underline with new blue */
  display: inline-block; /* underline matches text width */
  padding-bottom: 4px; /* space between text and underline */
  transition: all 0.3s ease-in-out;
}

/* Arrow icon */
.elementor-83352 .elementor-element.elementor-element-56a76b4 .elementor-button .elementor-button-icon,
.elementor-83352 .elementor-element.elementor-element-56a76b4 .elementor-button .elementor-button-icon svg {
  width: 20px;
  height: 20px;
  transition: all 0.3s ease-in-out;
}

/* Change text and arrow color on hover */
.elementor-83352 .elementor-element.elementor-element-56a76b4:hover .elementor-button .elementor-button-text,
.elementor-83352 .elementor-element.elementor-element-56a76b4:hover .elementor-button .elementor-button-icon,
.elementor-83352 .elementor-element.elementor-element-56a76b4:hover .elementor-button .elementor-button-icon svg {
  color: #ffffff !important; /* text becomes white */
  fill: #ffffff !important;  /* arrow icon becomes white */
  border-bottom-color: #ffffff; /* underline becomes white */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cef24f3 */.elementor-83352 .elementor-element.elementor-element-cef24f3 {
  transition: all 0.3s ease-in-out;
}

.elementor-83352 .elementor-element.elementor-element-cef24f3:hover {
  transform: translateY(-10px);
  background-color: #4190DA; /* container hover color */
}

/* Stop moving up on mobile */
@media (max-width: 768px) {
  .elementor-83352 .elementor-element.elementor-element-cef24f3:hover {
    transform: none; /* disable translate on mobile */
  }
}

/* Heading hover */
.elementor-83352 .elementor-element.elementor-element-cef24f3:hover h2,
.elementor-83352 .elementor-element.elementor-element-cef24f3:hover h3,
.elementor-83352 .elementor-element.elementor-element-cef24f3:hover .elementor-heading-title {
  color: #ffffff !important;
}

/* Description hover */
.elementor-83352 .elementor-element.elementor-element-cef24f3:hover p {
  color: #ffffff !important;
}

.elementor-icon-box-description {
  line-height: 22px;
}

/* Button text and underline */
.elementor-83352 .elementor-element.elementor-element-cef24f3 .elementor-button .elementor-button-text {
  color: #1174D1; /* normal button text color */
  border-bottom: 1px solid #4190DA; /* thin underline with new blue */
  display: inline-block; /* underline matches text width */
  padding-bottom: 4px; /* space between text and underline */
  transition: all 0.3s ease-in-out;
}

/* Arrow icon */
.elementor-83352 .elementor-element.elementor-element-cef24f3 .elementor-button .elementor-button-icon,
.elementor-83352 .elementor-element.elementor-element-cef24f3 .elementor-button .elementor-button-icon svg {
  width: 20px;
  height: 20px;
  transition: all 0.3s ease-in-out;
}

/* Change text and arrow color on hover */
.elementor-83352 .elementor-element.elementor-element-cef24f3:hover .elementor-button .elementor-button-text,
.elementor-83352 .elementor-element.elementor-element-cef24f3:hover .elementor-button .elementor-button-icon,
.elementor-83352 .elementor-element.elementor-element-cef24f3:hover .elementor-button .elementor-button-icon svg {
  color: #ffffff !important; /* text becomes white */
  fill: #ffffff !important;  /* arrow icon becomes white */
  border-bottom-color: #ffffff; /* underline becomes white */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6726cb6 */.elementor-83352 .elementor-element.elementor-element-6726cb6 {
  transition: all 0.3s ease-in-out;
}

.elementor-83352 .elementor-element.elementor-element-6726cb6:hover {
  transform: translateY(-10px);
  background-color: #4190DA; /* container hover color */
}

/* Stop moving up on mobile */
@media (max-width: 768px) {
  .elementor-83352 .elementor-element.elementor-element-6726cb6:hover {
    transform: none; /* disable translate on mobile */
  }
}

/* Heading hover */
.elementor-83352 .elementor-element.elementor-element-6726cb6:hover h2,
.elementor-83352 .elementor-element.elementor-element-6726cb6:hover h3,
.elementor-83352 .elementor-element.elementor-element-6726cb6:hover .elementor-heading-title {
  color: #ffffff !important;
}

/* Description hover */
.elementor-83352 .elementor-element.elementor-element-6726cb6:hover p {
  color: #ffffff !important;
}

.elementor-icon-box-description {
  line-height: 22px;
}

/* Button text and underline */
.elementor-83352 .elementor-element.elementor-element-6726cb6 .elementor-button .elementor-button-text {
  color: #1174D1; /* normal button text color */
  border-bottom: 1px solid #4190DA; /* thin underline with new blue */
  display: inline-block; /* underline matches text width */
  padding-bottom: 4px; /* space between text and underline */
  transition: all 0.3s ease-in-out;
}

/* Arrow icon */
.elementor-83352 .elementor-element.elementor-element-6726cb6 .elementor-button .elementor-button-icon,
.elementor-83352 .elementor-element.elementor-element-6726cb6 .elementor-button .elementor-button-icon svg {
  width: 20px;
  height: 20px;
  transition: all 0.3s ease-in-out;
}

/* Change text and arrow color on hover */
.elementor-83352 .elementor-element.elementor-element-6726cb6:hover .elementor-button .elementor-button-text,
.elementor-83352 .elementor-element.elementor-element-6726cb6:hover .elementor-button .elementor-button-icon,
.elementor-83352 .elementor-element.elementor-element-6726cb6:hover .elementor-button .elementor-button-icon svg {
  color: #ffffff !important; /* text becomes white */
  fill: #ffffff !important;  /* arrow icon becomes white */
  border-bottom-color: #ffffff; /* underline becomes white */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-dc26c99 *//* Replace .my-container with your container class or ID */
.my-container2 {
  position: relative;
  overflow: hidden;      /* ensures overlay doesn't spill outside */
  background-color: #ffffff; /* white background */
}

/* Background overlay on right half */
.my-container2::after {
  content: "";
  position: absolute;
  top: 50%;                  /* vertically center */
  right: 0;                  /* align to right edge */
  transform: translateY(-50%); /* vertical centering */
  width: 25%;                /* cover half of the container width */
  height: 80%;              /* full container height */
  background: url('https://10decoders.com/wp-content/uploads/2025/09/Group-212-2.png') no-repeat center center;
  background-size: cover;    /* ensures image fills the overlay area */
  z-index: 1;                /* sits above background but below content */
  pointer-events: none;  
 /* allows clicks through the overlay */
 opacity:0.7;
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-d487554 */.elementor-83352 .elementor-element.elementor-element-d487554 .elementor-divider-separator {
  border-radius: 10px; /* adjust to your liking */
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-ca0077f */.elementor-83352 .elementor-element.elementor-element-ca0077f .elementor-divider-separator {
  border-radius: 10px; /* adjust to your liking */
}
.elementor-83352 .elementor-element.elementor-element-ca0077f .elementor-divider-separator {
    height: 4px; /* adjust thickness */
    background: linear-gradient(to right, #6ABDDB, #0867FA);
    border: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b54405a */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d810178 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4cf994f */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86010fc */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c0cd2f3 */reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f66728 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9100366 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-02a5fed */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-01d00bc */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bf53ca */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b54405a */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d810178 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4cf994f */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86010fc */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c0cd2f3 */reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f66728 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9100366 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-02a5fed */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-01d00bc */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bf53ca */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b54405a */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d810178 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4cf994f */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86010fc */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c0cd2f3 */reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f66728 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9100366 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-02a5fed */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-01d00bc */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bf53ca */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b54405a */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d810178 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4cf994f */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86010fc */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c0cd2f3 */reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f66728 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9100366 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-02a5fed */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-01d00bc */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bf53ca */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b54405a */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d810178 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4cf994f */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86010fc */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c0cd2f3 */reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f66728 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9100366 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-02a5fed */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-01d00bc */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bf53ca */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b54405a */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d810178 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4cf994f */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86010fc */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c0cd2f3 */reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f66728 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9100366 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-02a5fed */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-01d00bc */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bf53ca */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b54405a */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d810178 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4cf994f */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86010fc */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c0cd2f3 */reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f66728 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9100366 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-02a5fed */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-01d00bc */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bf53ca */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b54405a */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d810178 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4cf994f */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86010fc */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c0cd2f3 */reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f66728 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9100366 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-02a5fed */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-01d00bc */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bf53ca */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b54405a */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d810178 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4cf994f */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86010fc */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c0cd2f3 */reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f66728 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9100366 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-02a5fed */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-01d00bc */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bf53ca */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b54405a */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d810178 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4cf994f */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86010fc */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c0cd2f3 */reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f66728 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9100366 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-02a5fed */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-01d00bc */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bf53ca */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b54405a */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d810178 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-4cf994f */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-86010fc */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c0cd2f3 */reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9f66728 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9100366 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-02a5fed */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-01d00bc */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3bf53ca */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-f024604 */.custom-carousel-nav .swiper-pagination-bullet-active {
   background-color: #1174D1; /* Blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b0d960b */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46fbdd6 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61eb979 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5b346d */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6799487 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6fba379 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20dd21e */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cffd2ce */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-825d00d */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65fcefc */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b0d960b */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46fbdd6 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61eb979 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5b346d */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6799487 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6fba379 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20dd21e */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cffd2ce */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-825d00d */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65fcefc */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b0d960b */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46fbdd6 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61eb979 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5b346d */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6799487 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6fba379 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20dd21e */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cffd2ce */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-825d00d */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65fcefc */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b0d960b */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46fbdd6 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61eb979 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5b346d */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6799487 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6fba379 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20dd21e */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cffd2ce */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-825d00d */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65fcefc */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b0d960b */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46fbdd6 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61eb979 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5b346d */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6799487 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6fba379 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20dd21e */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cffd2ce */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-825d00d */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65fcefc */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b0d960b */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46fbdd6 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61eb979 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5b346d */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6799487 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6fba379 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20dd21e */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cffd2ce */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-825d00d */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65fcefc */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b0d960b */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46fbdd6 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61eb979 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5b346d */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6799487 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6fba379 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20dd21e */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cffd2ce */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-825d00d */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65fcefc */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b0d960b */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46fbdd6 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61eb979 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5b346d */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6799487 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6fba379 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20dd21e */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cffd2ce */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-825d00d */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65fcefc */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b0d960b */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46fbdd6 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61eb979 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5b346d */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6799487 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6fba379 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20dd21e */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cffd2ce */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-825d00d */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65fcefc */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b0d960b */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46fbdd6 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61eb979 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5b346d */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6799487 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6fba379 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20dd21e */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cffd2ce */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-825d00d */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65fcefc */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b0d960b */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-46fbdd6 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-61eb979 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-a5b346d */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6799487 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6fba379 */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-20dd21e */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cffd2ce */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-825d00d */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-65fcefc */.reveal-box {
    position: relative;
    overflow: hidden;
    border: none !important;
    border-radius: 12px;
    min-height: 300px; /* Set a substantial minimum height for mobile */
    height: auto;     /* MUST be auto to prevent content clipping when text wraps */
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6% 1rem; /* Responsive padding (percentage for top/bottom, rem for left/right) */
    transition: background 0.4s ease;
}

/* Overlay layer for normal state */
.reveal-box::before {
    content: "";
    position: absolute;
    inset: 0;
    background: #E5F2FC; /* subtle overlay */
    transition: background 0.4s ease;
    z-index: 1;
    border-radius: 12px;
    pointer-events: none;
}

/* Make widgets stay above overlay */
.reveal-box .elementor-widget {
    position: relative;
    z-index: 2;
    transition: transform 0.5s ease, opacity 0.5s ease;
}

/* Truncate text in normal state (2 lines) - Default for large screens */
.reveal-box .text-widget p {
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    margin: 0;
    transition: all 0.5s ease;
}

/* ===============================
  MOBILE OVERRIDE (< 768px)
=============================== */
/* Force full text visibility in normal state on mobile, overriding the 2-line clamp */
@media (max-width: 767px) {
    .reveal-box .text-widget p {
        -webkit-line-clamp: unset; /* Remove truncation */
        overflow: visible;
        text-overflow: unset;
    }
    /* All hover styles are now omitted from this block, effectively disabling them on mobile. */
}


/* ===============================
  DESKTOP / TABLET OVERRIDES (>= 768px)
  Hover animations are now EXCLUSIVELY applied here.
  =============================== */
@media (min-width: 768px) {
    .reveal-box {
        height: 360px; /* Fixed height for consistent look on larger screens */
        min-height: 360px; 
        padding: 14px; /* Restore original fixed padding */
    }

    /* === HOVER STYLES START (Active only on Tablet/Desktop) === */
    
    /* Change background on hover */
    .reveal-box:hover {
        background: #1174D1 !important; /* Requested blue */
    }

    /* Remove overlay */
    .reveal-box:hover::before {
        background: transparent;
    }

    /* Hide icon */
    .reveal-box:hover .icon-widget {
        opacity: 0;
        transform: scale(0.8);
    }

    /* Restore original slide movement for desktop height */
    .reveal-box:hover .heading-widget {
        transform: translateY(-60px);
    }

    .reveal-box:hover .text-widget {
        transform: translateY(-60px);
    }
    
    /* Reveal full text (undoing truncation on hover) */
    .reveal-box:hover .text-widget p {
        -webkit-line-clamp: unset;
        overflow: visible;
        text-overflow: unset;
    }

    /* Change text color to white */
    .reveal-box:hover .heading-widget,
    .reveal-box:hover .text-widget,
    .reveal-box:hover .text-widget p {
        color: #fff !important;
    }
    /* === HOVER STYLES END === */
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-430e774 */.elementor-83352 .elementor-element.elementor-element-430e774 .elementor-divider-separator {
  border-radius: 10px; /* adjust to your liking */
}
.elementor-83352 .elementor-element.elementor-element-430e774 .elementor-divider-separator {
    height: 4px; /* adjust thickness */
    background: linear-gradient(to right, #6ABDDB, #0867FA);
    border: none;
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-690fe69 */.elementor-83352 .elementor-element.elementor-element-690fe69 .elementor-divider-separator {
  border-radius: 10px; /* adjust to your liking */
}
.elementor-83352 .elementor-element.elementor-element-690fe69 .elementor-divider-separator {
    height: 4px; /* adjust thickness */
    background: linear-gradient(to right, #6ABDDB, #0867FA);
    border: none;
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-d138e48 */.elementor-83352 .elementor-element.elementor-element-d138e48 .elementor-divider-separator {
  border-radius: 10px; /* adjust to your liking */
}
.elementor-83352 .elementor-element.elementor-element-d138e48 .elementor-divider-separator {
    height: 4px; /* adjust thickness */
    background: linear-gradient(to right, #6ABDDB, #0867FA);
    border: none;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-1935d56 *//* Replace .my-container with your container class or ID */
.my-container {
  transition: all 0.3s ease;
}

/* Custom divider line */
.my-container .custom-divider {
  height: 0;                           /* line itself has no height, border defines thickness */
  border-top: 1px solid #00000033;     /* normal color and 1px thickness */
  width: 100%;                          /* full width */
  margin: 10px 0;                       /* spacing */
  transition: border-color 0.3s ease;   /* smooth color transition */
}

/* Heading text transition */
.my-container .elementor-widget-heading .elementor-heading-title {
  transition: color 0.3s ease;
}

/* Hover state - line and heading */
.my-container:hover .custom-divider {
  border-top-color: #1174D1 !important; /* hover color */
}

.my-container:hover .elementor-widget-heading .elementor-heading-title {
  color: #1174D1 !important;           /* hover color for heading text */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-6cc85da *//* Smooth transitions */
.my-container .my-divider,
.my-container .elementor-widget-heading .elementor-heading-title {
  transition: all 0.3s ease;
}

/* Hover state: heading text */
.my-container:hover .elementor-widget-heading .elementor-heading-title {
  color:#1174D1 !important;
}

/* Hover state: divider line */
.my-container:hover .my-divider {
  border-top-color: #1174D1 !important; /* change line color */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-0a7ba58 *//* Replace .my-container with your container class or ID */
.my-container {
  transition: all 0.3s ease;
}

/* Custom divider line */
.my-container .custom-divider {
  height: 0;                           /* line itself has no height, border defines thickness */
  border-top: 1px solid #00000033;     /* normal color and 1px thickness */
  width: 100%;                          /* full width */
  margin: 10px 0;                       /* spacing */
  transition: border-color 0.3s ease;   /* smooth color transition */
}

/* Heading text transition */
.my-container .elementor-widget-heading .elementor-heading-title {
  transition: color 0.3s ease;
}

/* Hover state - line and heading */
.my-container:hover .custom-divider {
  border-top-color: #1174D1 !important; /* hover color */
}

.my-container:hover .elementor-widget-heading .elementor-heading-title {
  color: #1174D1 !important;           /* hover color for heading text */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-cbae1ae *//* Smooth transitions */
.my-container .my-divider,
.my-container .elementor-widget-heading .elementor-heading-title {
  transition: all 0.3s ease;
}

/* Hover state: heading text */
.my-container:hover .elementor-widget-heading .elementor-heading-title {
  color:#1174D1 !important;
}

/* Hover state: divider line */
.my-container:hover .my-divider {
  border-top-color: #1174D1 !important; /* change line color */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-25ffb9b *//* Replace .my-container with your container class or ID */
.my-container {
  transition: all 0.3s ease;
}

/* Custom divider line */
.my-container .custom-divider {
  height: 0;                           /* line itself has no height, border defines thickness */
  border-top: 1px solid #00000033;     /* normal color and 1px thickness */
  width: 100%;                          /* full width */
  margin: 10px 0;                       /* spacing */
  transition: border-color 0.3s ease;   /* smooth color transition */
}

/* Heading text transition */
.my-container .elementor-widget-heading .elementor-heading-title {
  transition: color 0.3s ease;
}

/* Hover state - line and heading */
.my-container:hover .custom-divider {
  border-top-color: #1174D1 !important; /* hover color */
}

.my-container:hover .elementor-widget-heading .elementor-heading-title {
  color: #1174D1 !important;           /* hover color for heading text */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-9277367 *//* Smooth transitions */
.my-container .my-divider,
.my-container .elementor-widget-heading .elementor-heading-title {
  transition: all 0.3s ease;
}

/* Hover state: heading text */
.my-container:hover .elementor-widget-heading .elementor-heading-title {
  color:#1174D1 !important;
}

/* Hover state: divider line */
.my-container:hover .my-divider {
  border-top-color: #1174D1 !important; /* change line color */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2d15a0a *//* Replace .my-container with your container class or ID */
.my-container {
  transition: all 0.3s ease;
}

/* Custom divider line */
.my-container .custom-divider {
  height: 0;                           /* line itself has no height, border defines thickness */
  border-top: 1px solid #00000033;     /* normal color and 1px thickness */
  width: 100%;                          /* full width */
  margin: 10px 0;                       /* spacing */
  transition: border-color 0.3s ease;   /* smooth color transition */
}

/* Heading text transition */
.my-container .elementor-widget-heading .elementor-heading-title {
  transition: color 0.3s ease;
}

/* Hover state - line and heading */
.my-container:hover .custom-divider {
  border-top-color: #1174D1 !important; /* hover color */
}

.my-container:hover .elementor-widget-heading .elementor-heading-title {
  color: #1174D1 !important;           /* hover color for heading text */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e4b802d *//* Smooth transitions */
.my-container .my-divider,
.my-container .elementor-widget-heading .elementor-heading-title {
  transition: all 0.3s ease;
}

/* Hover state: heading text */
.my-container:hover .elementor-widget-heading .elementor-heading-title {
  color:#1174D1 !important;
}

/* Hover state: divider line */
.my-container:hover .my-divider {
  border-top-color: #1174D1 !important; /* change line color */
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-5a485bb */.elementor-83352 .elementor-element.elementor-element-5a485bb .elementor-divider-separator {
  border-radius: 10px; /* adjust to your liking */
}
.elementor-83352 .elementor-element.elementor-element-5a485bb .elementor-divider-separator {
    height: 4px; /* adjust thickness */
    background: linear-gradient(to right, #6ABDDB, #0867FA);
    border: none;
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-f8fdfcf *//* Style all dots (inactive) */
.half-slide-carousel .swiper-pagination-bullet {
  background-color: #ccc; /* light gray */
  opacity: 1; /* ensure visible */
}

/* Active dot */
.half-slide-carousel .swiper-pagination-bullet-active {
  background-color:#1174D1; /* Blue  */
}

/* -------- Exactly 1024px -------- */
@media (width: 1024px) {
  /* Prev arrow at far left */
  .half-slide-carousel .elementor-swiper-button-prev,
  .half-slide-carousel .swiper-button-prev {
    left: 10px !important;
    right: auto !important;
  }

  /* Next arrow beside prev arrow */
  .half-slide-carousel .elementor-swiper-button-next,
  .half-slide-carousel .swiper-button-next {
    left: 40px !important;
    right: auto !important;
  }
}

/* -------- Tablet (768px – 1023px) -------- */
@media (max-width: 1023px) and (min-width: 768px) {
  /* Prev arrow at far left */
  .half-slide-carousel .elementor-swiper-button-prev,
  .half-slide-carousel .swiper-button-prev {
    left: 12px !important;
    right: auto !important;
  }

  /* Next arrow beside prev arrow */
  .half-slide-carousel .elementor-swiper-button-next,
  .half-slide-carousel .swiper-button-next {
    left: 54px !important; /* adjust for spacing */
    right: auto !important;
  }
}

/* -------- Mobile (below 768px) -------- */
@media (max-width: 767px) {
  /* Prev arrow at far left */
  .half-slide-carousel .elementor-swiper-button-prev,
  .half-slide-carousel .swiper-button-prev {
    left: 14px !important;
    right: auto !important;
  }

  /* Next arrow beside prev arrow */
  .half-slide-carousel .elementor-swiper-button-next,
  .half-slide-carousel .swiper-button-next {
    left: 20px !important; 
    right: auto !important;
  }
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-da40e2b */.elementor-83352 .elementor-element.elementor-element-da40e2b .elementor-divider-separator {
  border-radius: 10px; /* adjust to your liking */
}
.elementor-83352 .elementor-element.elementor-element-da40e2b .elementor-divider-separator {
    height: 4px; /* adjust thickness */
    background: linear-gradient(to right, #6ABDDB, #0867FA);
    border: none;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f13da95 */@media (max-width: 767px) {
  ..elementor-83352 .elementor-element.elementor-element-f13da95 {
    background-position: center center !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-02d2b8c */@media (max-width: 767px) {
  ..elementor-83352 .elementor-element.elementor-element-02d2b8c {
    background-position: center center !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c7ffb0d */@media (max-width: 767px) {
  ..elementor-83352 .elementor-element.elementor-element-c7ffb0d {
    background-position: center center !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22d76ad */@media (max-width: 767px) {
  ..elementor-83352 .elementor-element.elementor-element-22d76ad {
    background-position: center center !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f13da95 */@media (max-width: 767px) {
  ..elementor-83352 .elementor-element.elementor-element-f13da95 {
    background-position: center center !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-02d2b8c */@media (max-width: 767px) {
  ..elementor-83352 .elementor-element.elementor-element-02d2b8c {
    background-position: center center !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c7ffb0d */@media (max-width: 767px) {
  ..elementor-83352 .elementor-element.elementor-element-c7ffb0d {
    background-position: center center !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22d76ad */@media (max-width: 767px) {
  ..elementor-83352 .elementor-element.elementor-element-22d76ad {
    background-position: center center !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f13da95 */@media (max-width: 767px) {
  ..elementor-83352 .elementor-element.elementor-element-f13da95 {
    background-position: center center !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-02d2b8c */@media (max-width: 767px) {
  ..elementor-83352 .elementor-element.elementor-element-02d2b8c {
    background-position: center center !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c7ffb0d */@media (max-width: 767px) {
  ..elementor-83352 .elementor-element.elementor-element-c7ffb0d {
    background-position: center center !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22d76ad */@media (max-width: 767px) {
  ..elementor-83352 .elementor-element.elementor-element-22d76ad {
    background-position: center center !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f13da95 */@media (max-width: 767px) {
  ..elementor-83352 .elementor-element.elementor-element-f13da95 {
    background-position: center center !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-02d2b8c */@media (max-width: 767px) {
  ..elementor-83352 .elementor-element.elementor-element-02d2b8c {
    background-position: center center !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c7ffb0d */@media (max-width: 767px) {
  ..elementor-83352 .elementor-element.elementor-element-c7ffb0d {
    background-position: center center !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22d76ad */@media (max-width: 767px) {
  ..elementor-83352 .elementor-element.elementor-element-22d76ad {
    background-position: center center !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f13da95 */@media (max-width: 767px) {
  ..elementor-83352 .elementor-element.elementor-element-f13da95 {
    background-position: center center !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-02d2b8c */@media (max-width: 767px) {
  ..elementor-83352 .elementor-element.elementor-element-02d2b8c {
    background-position: center center !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-c7ffb0d */@media (max-width: 767px) {
  ..elementor-83352 .elementor-element.elementor-element-c7ffb0d {
    background-position: center center !important;
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-22d76ad */@media (max-width: 767px) {
  ..elementor-83352 .elementor-element.elementor-element-22d76ad {
    background-position: center center !important;
  }
}/* End custom CSS */
/* Start custom CSS for nested-carousel, class: .elementor-element-eb05040 */.my-special-carousel .swiper-pagination-bullet-active {
  background: #1174D1 !important;
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-86d5785 */.elementor-83352 .elementor-element.elementor-element-86d5785 .elementor-divider-separator {
  border-radius: 10px; /* adjust to your liking */
}
.elementor-83352 .elementor-element.elementor-element-86d5785 .elementor-divider-separator {
    height: 4px; /* adjust thickness */
    background: linear-gradient(to right, #6ABDDB, #0867FA);
    border: none;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-f023b6a */.post-grid .layer-wrapper img {
    border-radius-top-right: 8px;
    border-top-right-radius: 8px;
    border-top-left-radius: 8px;
}
/*.post_date {*/
/*    display: none;*/
/*}*/
.grid-items .item 
{
    padding-bottom: 20px!important;
}/* End custom CSS */