.elementor-85691 .elementor-element.elementor-element-1d6b68b{--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-85691 .elementor-element.elementor-element-eef89d8{--display:flex;--justify-content:center;}.elementor-85691 .elementor-element.elementor-element-6b00413 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:46px;font-weight:800;line-height:64px;letter-spacing:0px;color:#FFFFFF;}.elementor-85691 .elementor-element.elementor-element-ef9ef8d{font-family:"Jost", Sans-serif;font-size:16px;font-weight:400;color:#FFFFFF;}.elementor-85691 .elementor-element.elementor-element-5064eba .elementor-button{background-color:#F26E21;font-weight:600;fill:#FFFFFF;color:#FFFFFF;border-radius:11px 11px 11px 11px;padding:16px 24px 016px 024px;}.elementor-85691 .elementor-element.elementor-element-5064eba .elementor-button:hover, .elementor-85691 .elementor-element.elementor-element-5064eba .elementor-button:focus{background-color:#F26E21;color:#FFFFFF;}.elementor-85691 .elementor-element.elementor-element-5064eba{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-85691 .elementor-element.elementor-element-5064eba .elementor-button:hover svg, .elementor-85691 .elementor-element.elementor-element-5064eba .elementor-button:focus svg{fill:#FFFFFF;}.elementor-85691 .elementor-element.elementor-element-908060f{--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:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-3152672{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-85691 .elementor-element.elementor-element-3152672 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:34px;font-weight:600;line-height:42px;color:#151515;}.elementor-85691 .elementor-element.elementor-element-9189b04{--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-85691 .elementor-element.elementor-element-9189b04 .elementor-divider-separator{width:33%;}.elementor-85691 .elementor-element.elementor-element-9189b04 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-85691 .elementor-element.elementor-element-e2e10d7{padding:0px 0px 0px 0px;font-weight:500;color:#242424;}.elementor-85691 .elementor-element.elementor-element-1e678b3{--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-85691 .elementor-element.elementor-element-1def5b9{--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-85691 .elementor-element.elementor-element-1def5b9:not(.elementor-motion-effects-element-type-background), .elementor-85691 .elementor-element.elementor-element-1def5b9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3FAFF;}.elementor-85691 .elementor-element.elementor-element-1def5b9:hover{background-color:#1174D1;}.elementor-85691 .elementor-element.elementor-element-41c8928{padding:0px 0px 0px 0px;}.elementor-85691 .elementor-element.elementor-element-41c8928 .elementor-icon-wrapper{text-align:start;}.elementor-85691 .elementor-element.elementor-element-41c8928 .elementor-icon{font-size:64px;}.elementor-85691 .elementor-element.elementor-element-41c8928 .elementor-icon svg{height:64px;}.elementor-85691 .elementor-element.elementor-element-0d133ea{padding:0px 0px 0px 0px;text-align:start;}.elementor-85691 .elementor-element.elementor-element-0d133ea .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:22px;font-weight:700;line-height:28px;color:#151515;}.elementor-85691 .elementor-element.elementor-element-a74565d{--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-85691 .elementor-element.elementor-element-2b8bc90{padding:0px 0px 0px 0px;font-family:"Jost", Sans-serif;font-size:16px;font-weight:500;line-height:24px;color:#242424;}.elementor-85691 .elementor-element.elementor-element-17f4153 .elementor-button{background-color:#02010100;font-family:"Jost", Sans-serif;font-size:14px;font-weight:500;fill:#1174D1;color:#1174D1;}.elementor-85691 .elementor-element.elementor-element-17f4153{padding:0px 0px 0px 0px;}.elementor-85691 .elementor-element.elementor-element-17f4153 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-85691 .elementor-element.elementor-element-17f4153 .elementor-button .elementor-button-content-wrapper{gap:9px;}.elementor-85691 .elementor-element.elementor-element-17f4153 .elementor-button:hover, .elementor-85691 .elementor-element.elementor-element-17f4153 .elementor-button:focus{color:#FFFFFF;}.elementor-85691 .elementor-element.elementor-element-17f4153 .elementor-button:hover svg, .elementor-85691 .elementor-element.elementor-element-17f4153 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-85691 .elementor-element.elementor-element-ef113ba{--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-85691 .elementor-element.elementor-element-ef113ba:not(.elementor-motion-effects-element-type-background), .elementor-85691 .elementor-element.elementor-element-ef113ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3FAFF;}.elementor-85691 .elementor-element.elementor-element-ef113ba:hover{background-color:#1174D1;}.elementor-85691 .elementor-element.elementor-element-05fa05f{padding:0px 0px 0px 0px;}.elementor-85691 .elementor-element.elementor-element-05fa05f .elementor-icon-wrapper{text-align:start;}.elementor-85691 .elementor-element.elementor-element-05fa05f .elementor-icon{font-size:64px;}.elementor-85691 .elementor-element.elementor-element-05fa05f .elementor-icon svg{height:64px;}.elementor-85691 .elementor-element.elementor-element-6327af1{padding:0px 0px 0px 0px;text-align:start;}.elementor-85691 .elementor-element.elementor-element-6327af1 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:22px;font-weight:700;line-height:28px;color:#151515;}.elementor-85691 .elementor-element.elementor-element-2050788{--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-85691 .elementor-element.elementor-element-d495610{padding:0px 0px 0px 0px;font-family:"Jost", Sans-serif;font-size:16px;font-weight:500;line-height:24px;color:#242424;}.elementor-85691 .elementor-element.elementor-element-ca92c89 .elementor-button{background-color:#02010100;font-family:"Jost", Sans-serif;font-size:14px;font-weight:500;fill:#1174D1;color:#1174D1;}.elementor-85691 .elementor-element.elementor-element-ca92c89{padding:0px 0px 0px 0px;}.elementor-85691 .elementor-element.elementor-element-ca92c89 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-85691 .elementor-element.elementor-element-ca92c89 .elementor-button .elementor-button-content-wrapper{gap:9px;}.elementor-85691 .elementor-element.elementor-element-ca92c89 .elementor-button:hover, .elementor-85691 .elementor-element.elementor-element-ca92c89 .elementor-button:focus{color:#FFFFFF;}.elementor-85691 .elementor-element.elementor-element-ca92c89 .elementor-button:hover svg, .elementor-85691 .elementor-element.elementor-element-ca92c89 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-85691 .elementor-element.elementor-element-fd0ca7c{--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-85691 .elementor-element.elementor-element-fd0ca7c:not(.elementor-motion-effects-element-type-background), .elementor-85691 .elementor-element.elementor-element-fd0ca7c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3FAFF;}.elementor-85691 .elementor-element.elementor-element-fd0ca7c:hover{background-color:#1174D1;}.elementor-85691 .elementor-element.elementor-element-8ed5e77{padding:0px 0px 0px 0px;}.elementor-85691 .elementor-element.elementor-element-8ed5e77 .elementor-icon-wrapper{text-align:start;}.elementor-85691 .elementor-element.elementor-element-8ed5e77 .elementor-icon{font-size:64px;}.elementor-85691 .elementor-element.elementor-element-8ed5e77 .elementor-icon svg{height:64px;}.elementor-85691 .elementor-element.elementor-element-972889c{padding:0px 0px 0px 0px;text-align:start;}.elementor-85691 .elementor-element.elementor-element-972889c .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:22px;font-weight:700;line-height:28px;color:#151515;}.elementor-85691 .elementor-element.elementor-element-06b7083{--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-85691 .elementor-element.elementor-element-df5cfc9{padding:0px 0px 0px 0px;font-family:"Jost", Sans-serif;font-size:16px;font-weight:500;line-height:24px;color:#242424;}.elementor-85691 .elementor-element.elementor-element-fc90804 .elementor-button{background-color:#02010100;font-family:"Jost", Sans-serif;font-size:14px;font-weight:500;fill:#1174D1;color:#1174D1;}.elementor-85691 .elementor-element.elementor-element-fc90804{padding:0px 0px 0px 0px;}.elementor-85691 .elementor-element.elementor-element-fc90804 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-85691 .elementor-element.elementor-element-fc90804 .elementor-button .elementor-button-content-wrapper{gap:9px;}.elementor-85691 .elementor-element.elementor-element-fc90804 .elementor-button:hover, .elementor-85691 .elementor-element.elementor-element-fc90804 .elementor-button:focus{color:#FFFFFF;}.elementor-85691 .elementor-element.elementor-element-fc90804 .elementor-button:hover svg, .elementor-85691 .elementor-element.elementor-element-fc90804 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-85691 .elementor-element.elementor-element-e48300c{--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-85691 .elementor-element.elementor-element-e152dab{--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-85691 .elementor-element.elementor-element-e152dab:not(.elementor-motion-effects-element-type-background), .elementor-85691 .elementor-element.elementor-element-e152dab > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3FAFF;}.elementor-85691 .elementor-element.elementor-element-e152dab:hover{background-color:#1174D1;}.elementor-85691 .elementor-element.elementor-element-f5aeade{padding:0px 0px 0px 0px;}.elementor-85691 .elementor-element.elementor-element-f5aeade .elementor-icon-wrapper{text-align:start;}.elementor-85691 .elementor-element.elementor-element-f5aeade .elementor-icon{font-size:64px;}.elementor-85691 .elementor-element.elementor-element-f5aeade .elementor-icon svg{height:64px;}.elementor-85691 .elementor-element.elementor-element-9cae831{padding:0px 0px 0px 0px;text-align:start;}.elementor-85691 .elementor-element.elementor-element-9cae831 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:22px;font-weight:700;line-height:28px;color:#151515;}.elementor-85691 .elementor-element.elementor-element-390554a{--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:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-452845c{padding:0px 0px 0px 0px;font-family:"Jost", Sans-serif;font-size:16px;font-weight:500;line-height:24px;color:#242424;}.elementor-85691 .elementor-element.elementor-element-67ecf03 .elementor-button{background-color:#02010100;font-family:"Jost", Sans-serif;font-size:14px;font-weight:500;fill:#1174D1;color:#1174D1;}.elementor-85691 .elementor-element.elementor-element-67ecf03{padding:0px 0px 0px 0px;}.elementor-85691 .elementor-element.elementor-element-67ecf03 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-85691 .elementor-element.elementor-element-67ecf03 .elementor-button .elementor-button-content-wrapper{gap:9px;}.elementor-85691 .elementor-element.elementor-element-67ecf03 .elementor-button:hover, .elementor-85691 .elementor-element.elementor-element-67ecf03 .elementor-button:focus{color:#FFFFFF;}.elementor-85691 .elementor-element.elementor-element-67ecf03 .elementor-button:hover svg, .elementor-85691 .elementor-element.elementor-element-67ecf03 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-85691 .elementor-element.elementor-element-3f3e863{--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-85691 .elementor-element.elementor-element-3f3e863:not(.elementor-motion-effects-element-type-background), .elementor-85691 .elementor-element.elementor-element-3f3e863 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3FAFF;}.elementor-85691 .elementor-element.elementor-element-3f3e863:hover{background-color:#1174D1;}.elementor-85691 .elementor-element.elementor-element-af4f6de{padding:0px 0px 0px 0px;}.elementor-85691 .elementor-element.elementor-element-af4f6de .elementor-icon-wrapper{text-align:start;}.elementor-85691 .elementor-element.elementor-element-af4f6de .elementor-icon{font-size:64px;}.elementor-85691 .elementor-element.elementor-element-af4f6de .elementor-icon svg{height:64px;}.elementor-85691 .elementor-element.elementor-element-cd5d6ab{padding:0px 0px 0px 0px;text-align:start;}.elementor-85691 .elementor-element.elementor-element-cd5d6ab .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:22px;font-weight:700;line-height:28px;color:#151515;}.elementor-85691 .elementor-element.elementor-element-67cf3e0{--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:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-14365f7{padding:0px 0px 0px 0px;font-family:"Jost", Sans-serif;font-size:16px;font-weight:500;line-height:24px;color:#242424;}.elementor-85691 .elementor-element.elementor-element-558d264 .elementor-button{background-color:#02010100;font-family:"Jost", Sans-serif;font-size:14px;font-weight:500;fill:#1174D1;color:#1174D1;}.elementor-85691 .elementor-element.elementor-element-558d264{padding:0px 0px 0px 0px;}.elementor-85691 .elementor-element.elementor-element-558d264 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-85691 .elementor-element.elementor-element-558d264 .elementor-button .elementor-button-content-wrapper{gap:9px;}.elementor-85691 .elementor-element.elementor-element-558d264 .elementor-button:hover, .elementor-85691 .elementor-element.elementor-element-558d264 .elementor-button:focus{color:#FFFFFF;}.elementor-85691 .elementor-element.elementor-element-558d264 .elementor-button:hover svg, .elementor-85691 .elementor-element.elementor-element-558d264 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-85691 .elementor-element.elementor-element-dbcd633{--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-85691 .elementor-element.elementor-element-dbcd633:not(.elementor-motion-effects-element-type-background), .elementor-85691 .elementor-element.elementor-element-dbcd633 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F3FAFF;}.elementor-85691 .elementor-element.elementor-element-dbcd633:hover{background-color:#1174D1;}.elementor-85691 .elementor-element.elementor-element-53b571b{padding:0px 0px 0px 0px;}.elementor-85691 .elementor-element.elementor-element-53b571b .elementor-icon-wrapper{text-align:start;}.elementor-85691 .elementor-element.elementor-element-53b571b .elementor-icon{font-size:64px;}.elementor-85691 .elementor-element.elementor-element-53b571b .elementor-icon svg{height:64px;}.elementor-85691 .elementor-element.elementor-element-b47ad87{padding:0px 0px 0px 0px;text-align:start;}.elementor-85691 .elementor-element.elementor-element-b47ad87 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:22px;font-weight:700;line-height:28px;color:#151515;}.elementor-85691 .elementor-element.elementor-element-c2247e4{--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-85691 .elementor-element.elementor-element-c8d5f37{padding:0px 0px 0px 0px;font-family:"Jost", Sans-serif;font-size:16px;font-weight:500;line-height:24px;color:#242424;}.elementor-85691 .elementor-element.elementor-element-8cc6630 .elementor-button{background-color:#02010100;font-family:"Jost", Sans-serif;font-size:14px;font-weight:500;fill:#1174D1;color:#1174D1;}.elementor-85691 .elementor-element.elementor-element-8cc6630{padding:0px 0px 0px 0px;}.elementor-85691 .elementor-element.elementor-element-8cc6630 .elementor-button-content-wrapper{flex-direction:row-reverse;}.elementor-85691 .elementor-element.elementor-element-8cc6630 .elementor-button .elementor-button-content-wrapper{gap:9px;}.elementor-85691 .elementor-element.elementor-element-8cc6630 .elementor-button:hover, .elementor-85691 .elementor-element.elementor-element-8cc6630 .elementor-button:focus{color:#FFFFFF;}.elementor-85691 .elementor-element.elementor-element-8cc6630 .elementor-button:hover svg, .elementor-85691 .elementor-element.elementor-element-8cc6630 .elementor-button:focus svg{fill:#FFFFFF;}.elementor-85691 .elementor-element.elementor-element-e66473a{--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-85691 .elementor-element.elementor-element-e66473a:not(.elementor-motion-effects-element-type-background), .elementor-85691 .elementor-element.elementor-element-e66473a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://cloud.10decoders.co.in/services/subtle-prism-background.svg");background-repeat:no-repeat;background-size:cover;}.elementor-85691 .elementor-element.elementor-element-f27fa50{--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:flex-start;--overlay-opacity:1;--padding-top:120px;--padding-bottom:0px;--padding-left:40px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-f27fa50:not(.elementor-motion-effects-element-type-background), .elementor-85691 .elementor-element.elementor-element-f27fa50 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#1174D1;}.elementor-85691 .elementor-element.elementor-element-f27fa50::before, .elementor-85691 .elementor-element.elementor-element-f27fa50 > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-f27fa50 > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-f27fa50 > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-f27fa50 > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-f27fa50 > .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-85691 .elementor-element.elementor-element-7f251cd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-85691 .elementor-element.elementor-element-7f251cd .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:34px;font-weight:600;line-height:42px;color:#FFFFFF;}.elementor-85691 .elementor-element.elementor-element-4eff778{--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-85691 .elementor-element.elementor-element-4eff778 .elementor-divider-separator{width:48%;}.elementor-85691 .elementor-element.elementor-element-4eff778 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-85691 .elementor-element.elementor-element-3c9b7e1{font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-85691 .elementor-element.elementor-element-7215b20{--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:20px 20px;--row-gap:20px;--column-gap:20px;--padding-top:80px;--padding-bottom:80px;--padding-left:30px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-76e1427{--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-85691 .elementor-element.elementor-element-223650f{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-478e764 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-85691 .elementor-element.elementor-element-478e764 .elementor-icon{font-size:60px;}.elementor-85691 .elementor-element.elementor-element-478e764 .elementor-icon-box-title, .elementor-85691 .elementor-element.elementor-element-478e764 .elementor-icon-box-title a{font-size:22px;font-weight:700;}.elementor-85691 .elementor-element.elementor-element-478e764 .elementor-icon-box-title{color:#000000;}.elementor-85691 .elementor-element.elementor-element-478e764 .elementor-icon-box-description{font-size:16px;font-weight:400;}.elementor-85691 .elementor-element.elementor-element-fd5b3d8{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-34d3126 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-85691 .elementor-element.elementor-element-34d3126 .elementor-icon{font-size:60px;}.elementor-85691 .elementor-element.elementor-element-34d3126 .elementor-icon-box-title, .elementor-85691 .elementor-element.elementor-element-34d3126 .elementor-icon-box-title a{font-size:22px;font-weight:700;}.elementor-85691 .elementor-element.elementor-element-34d3126 .elementor-icon-box-title{color:#000000;}.elementor-85691 .elementor-element.elementor-element-34d3126 .elementor-icon-box-description{font-size:16px;font-weight:400;}.elementor-85691 .elementor-element.elementor-element-d3c2008{--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-85691 .elementor-element.elementor-element-16fe20e{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-8cfbb29 .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-85691 .elementor-element.elementor-element-8cfbb29 .elementor-icon{font-size:60px;}.elementor-85691 .elementor-element.elementor-element-8cfbb29 .elementor-icon-box-title, .elementor-85691 .elementor-element.elementor-element-8cfbb29 .elementor-icon-box-title a{font-size:22px;font-weight:700;}.elementor-85691 .elementor-element.elementor-element-8cfbb29 .elementor-icon-box-title{color:#000000;}.elementor-85691 .elementor-element.elementor-element-8cfbb29 .elementor-icon-box-description{font-size:16px;font-weight:400;}.elementor-85691 .elementor-element.elementor-element-278f237{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-f51dfab .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-85691 .elementor-element.elementor-element-f51dfab .elementor-icon{font-size:59px;}.elementor-85691 .elementor-element.elementor-element-f51dfab .elementor-icon-box-title, .elementor-85691 .elementor-element.elementor-element-f51dfab .elementor-icon-box-title a{font-size:22px;font-weight:700;}.elementor-85691 .elementor-element.elementor-element-f51dfab .elementor-icon-box-title{color:#000000;}.elementor-85691 .elementor-element.elementor-element-f51dfab .elementor-icon-box-description{font-size:16px;font-weight:400;}.elementor-85691 .elementor-element.elementor-element-3543f2d{--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-85691 .elementor-element.elementor-element-e14db4a{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-380191d .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-85691 .elementor-element.elementor-element-380191d .elementor-icon{font-size:60px;}.elementor-85691 .elementor-element.elementor-element-380191d .elementor-icon-box-title, .elementor-85691 .elementor-element.elementor-element-380191d .elementor-icon-box-title a{font-size:22px;font-weight:700;}.elementor-85691 .elementor-element.elementor-element-380191d .elementor-icon-box-title{color:#000000;}.elementor-85691 .elementor-element.elementor-element-380191d .elementor-icon-box-description{font-size:16px;font-weight:400;}.elementor-85691 .elementor-element.elementor-element-64d88d7{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-ada62fe .elementor-icon-box-wrapper{text-align:start;gap:15px;}.elementor-85691 .elementor-element.elementor-element-ada62fe .elementor-icon{font-size:60px;}.elementor-85691 .elementor-element.elementor-element-ada62fe .elementor-icon-box-title, .elementor-85691 .elementor-element.elementor-element-ada62fe .elementor-icon-box-title a{font-size:22px;font-weight:700;}.elementor-85691 .elementor-element.elementor-element-ada62fe .elementor-icon-box-title{color:#000000;}.elementor-85691 .elementor-element.elementor-element-ada62fe .elementor-icon-box-description{font-size:16px;font-weight:400;}.elementor-85691 .elementor-element.elementor-element-60678b1{--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:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-3258dc6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-85691 .elementor-element.elementor-element-3258dc6 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:34px;font-weight:600;line-height:42px;color:#151515;}.elementor-85691 .elementor-element.elementor-element-4dfcc63{--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-85691 .elementor-element.elementor-element-4dfcc63 .elementor-divider-separator{width:33%;}.elementor-85691 .elementor-element.elementor-element-4dfcc63 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-85691 .elementor-element.elementor-element-a5abb3b{padding:0px 0px 0px 0px;font-weight:500;color:#242424;}.elementor-85691 .elementor-element.elementor-element-077ebbd{--display:flex;--min-height:340px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-9599202{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-ed1109f{--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-85691 .elementor-element.elementor-element-ed1109f:not(.elementor-motion-effects-element-type-background), .elementor-85691 .elementor-element.elementor-element-ed1109f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-85691 .elementor-element.elementor-element-ed1109f::before, .elementor-85691 .elementor-element.elementor-element-ed1109f > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-ed1109f > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-ed1109f > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-ed1109f > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-ed1109f > .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-85691 .elementor-element.elementor-element-eea8652 .elementor-icon-wrapper{text-align:center;}.elementor-85691 .elementor-element.elementor-element-eea8652 .elementor-icon{font-size:80px;}.elementor-85691 .elementor-element.elementor-element-eea8652 .elementor-icon svg{height:80px;}.elementor-85691 .elementor-element.elementor-element-7a749ef{text-align:center;}.elementor-85691 .elementor-element.elementor-element-7a749ef .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-85691 .elementor-element.elementor-element-ea844af{text-align:center;font-size:16px;font-weight:400;}.elementor-85691 .elementor-element.elementor-element-ee720ef{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-1b7a3e3{--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-85691 .elementor-element.elementor-element-1b7a3e3:not(.elementor-motion-effects-element-type-background), .elementor-85691 .elementor-element.elementor-element-1b7a3e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-85691 .elementor-element.elementor-element-1b7a3e3::before, .elementor-85691 .elementor-element.elementor-element-1b7a3e3 > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-1b7a3e3 > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-1b7a3e3 > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-1b7a3e3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-1b7a3e3 > .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-85691 .elementor-element.elementor-element-4d2c777 .elementor-icon-wrapper{text-align:center;}.elementor-85691 .elementor-element.elementor-element-4d2c777 .elementor-icon{font-size:80px;}.elementor-85691 .elementor-element.elementor-element-4d2c777 .elementor-icon svg{height:80px;}.elementor-85691 .elementor-element.elementor-element-58ccf41{text-align:center;}.elementor-85691 .elementor-element.elementor-element-58ccf41 .elementor-heading-title{font-size:22px;font-weight:700;line-height:28px;}.elementor-85691 .elementor-element.elementor-element-5dbb9e9{text-align:center;font-size:16px;font-weight:400;}.elementor-85691 .elementor-element.elementor-element-6f3fd2d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-de5245d{--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-85691 .elementor-element.elementor-element-de5245d:not(.elementor-motion-effects-element-type-background), .elementor-85691 .elementor-element.elementor-element-de5245d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-85691 .elementor-element.elementor-element-de5245d::before, .elementor-85691 .elementor-element.elementor-element-de5245d > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-de5245d > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-de5245d > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-de5245d > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-de5245d > .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-85691 .elementor-element.elementor-element-bbc30e1 .elementor-icon-wrapper{text-align:center;}.elementor-85691 .elementor-element.elementor-element-bbc30e1 .elementor-icon{font-size:80px;}.elementor-85691 .elementor-element.elementor-element-bbc30e1 .elementor-icon svg{height:80px;}.elementor-85691 .elementor-element.elementor-element-e89a031{text-align:center;}.elementor-85691 .elementor-element.elementor-element-e89a031 .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-85691 .elementor-element.elementor-element-c52cb92{text-align:center;font-size:16px;font-weight:400;}.elementor-85691 .elementor-element.elementor-element-8fc66b4{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-a7786fd{--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-85691 .elementor-element.elementor-element-a7786fd:not(.elementor-motion-effects-element-type-background), .elementor-85691 .elementor-element.elementor-element-a7786fd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-85691 .elementor-element.elementor-element-a7786fd::before, .elementor-85691 .elementor-element.elementor-element-a7786fd > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-a7786fd > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-a7786fd > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-a7786fd > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-a7786fd > .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-85691 .elementor-element.elementor-element-3d0d782 .elementor-icon-wrapper{text-align:center;}.elementor-85691 .elementor-element.elementor-element-3d0d782 .elementor-icon{font-size:80px;}.elementor-85691 .elementor-element.elementor-element-3d0d782 .elementor-icon svg{height:80px;}.elementor-85691 .elementor-element.elementor-element-dc46b48{text-align:center;}.elementor-85691 .elementor-element.elementor-element-dc46b48 .elementor-heading-title{font-size:22px;font-weight:700;line-height:28px;}.elementor-85691 .elementor-element.elementor-element-4f62e15{text-align:center;font-size:16px;font-weight:400;}.elementor-85691 .elementor-element.elementor-element-0245272{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-fa93996{--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-85691 .elementor-element.elementor-element-fa93996:not(.elementor-motion-effects-element-type-background), .elementor-85691 .elementor-element.elementor-element-fa93996 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-85691 .elementor-element.elementor-element-fa93996::before, .elementor-85691 .elementor-element.elementor-element-fa93996 > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-fa93996 > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-fa93996 > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-fa93996 > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-fa93996 > .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-85691 .elementor-element.elementor-element-172675d .elementor-icon-wrapper{text-align:center;}.elementor-85691 .elementor-element.elementor-element-172675d .elementor-icon{font-size:80px;}.elementor-85691 .elementor-element.elementor-element-172675d .elementor-icon svg{height:80px;}.elementor-85691 .elementor-element.elementor-element-54a0417{text-align:center;}.elementor-85691 .elementor-element.elementor-element-54a0417 .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-85691 .elementor-element.elementor-element-f94a6f7{text-align:center;font-size:16px;font-weight:400;}.elementor-85691 .elementor-element.elementor-element-2e81e70{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-28db1df{--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-85691 .elementor-element.elementor-element-28db1df:not(.elementor-motion-effects-element-type-background), .elementor-85691 .elementor-element.elementor-element-28db1df > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-85691 .elementor-element.elementor-element-28db1df::before, .elementor-85691 .elementor-element.elementor-element-28db1df > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-28db1df > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-28db1df > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-28db1df > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-28db1df > .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-85691 .elementor-element.elementor-element-15614c2 .elementor-icon-wrapper{text-align:center;}.elementor-85691 .elementor-element.elementor-element-15614c2 .elementor-icon{font-size:80px;}.elementor-85691 .elementor-element.elementor-element-15614c2 .elementor-icon svg{height:80px;}.elementor-85691 .elementor-element.elementor-element-b79b2d1{text-align:center;}.elementor-85691 .elementor-element.elementor-element-b79b2d1 .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-85691 .elementor-element.elementor-element-ed611a9{text-align:center;font-size:16px;font-weight:400;}.elementor-85691 .elementor-element.elementor-element-1a1dcd5{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-9bd4196{--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-85691 .elementor-element.elementor-element-9bd4196:not(.elementor-motion-effects-element-type-background), .elementor-85691 .elementor-element.elementor-element-9bd4196 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-85691 .elementor-element.elementor-element-9bd4196::before, .elementor-85691 .elementor-element.elementor-element-9bd4196 > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-9bd4196 > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-9bd4196 > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-9bd4196 > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-9bd4196 > .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-85691 .elementor-element.elementor-element-73c949e .elementor-icon-wrapper{text-align:center;}.elementor-85691 .elementor-element.elementor-element-73c949e .elementor-icon{font-size:80px;}.elementor-85691 .elementor-element.elementor-element-73c949e .elementor-icon svg{height:80px;}.elementor-85691 .elementor-element.elementor-element-d1497a7{text-align:center;}.elementor-85691 .elementor-element.elementor-element-d1497a7 .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-85691 .elementor-element.elementor-element-d5ddb6e{text-align:center;font-size:16px;font-weight:400;}.elementor-85691 .elementor-element.elementor-element-b51cf79{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-7584336{--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-85691 .elementor-element.elementor-element-7584336:not(.elementor-motion-effects-element-type-background), .elementor-85691 .elementor-element.elementor-element-7584336 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-85691 .elementor-element.elementor-element-7584336::before, .elementor-85691 .elementor-element.elementor-element-7584336 > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-7584336 > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-7584336 > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-7584336 > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-7584336 > .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-85691 .elementor-element.elementor-element-07752f8 .elementor-icon-wrapper{text-align:center;}.elementor-85691 .elementor-element.elementor-element-07752f8 .elementor-icon{font-size:80px;}.elementor-85691 .elementor-element.elementor-element-07752f8 .elementor-icon svg{height:80px;}.elementor-85691 .elementor-element.elementor-element-a6eb39a{text-align:center;}.elementor-85691 .elementor-element.elementor-element-a6eb39a .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-85691 .elementor-element.elementor-element-f8f946b{text-align:center;font-size:16px;font-weight:400;}.elementor-85691 .elementor-element.elementor-element-d1e0eea{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-ff2c222{--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-85691 .elementor-element.elementor-element-ff2c222:not(.elementor-motion-effects-element-type-background), .elementor-85691 .elementor-element.elementor-element-ff2c222 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-85691 .elementor-element.elementor-element-ff2c222::before, .elementor-85691 .elementor-element.elementor-element-ff2c222 > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-ff2c222 > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-ff2c222 > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-ff2c222 > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-ff2c222 > .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-85691 .elementor-element.elementor-element-8962934 .elementor-icon-wrapper{text-align:center;}.elementor-85691 .elementor-element.elementor-element-8962934 .elementor-icon{font-size:80px;}.elementor-85691 .elementor-element.elementor-element-8962934 .elementor-icon svg{height:80px;}.elementor-85691 .elementor-element.elementor-element-9b82a9d{text-align:center;}.elementor-85691 .elementor-element.elementor-element-9b82a9d .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-85691 .elementor-element.elementor-element-bf45bd5{text-align:center;font-size:16px;font-weight:400;}.elementor-85691 .elementor-element.elementor-element-8233e24{--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-85691 .elementor-element.elementor-element-4564c23{--display:flex;}.elementor-85691 .elementor-element.elementor-element-76e3432{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-e462c86{--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-85691 .elementor-element.elementor-element-e462c86:not(.elementor-motion-effects-element-type-background), .elementor-85691 .elementor-element.elementor-element-e462c86 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-85691 .elementor-element.elementor-element-e462c86::before, .elementor-85691 .elementor-element.elementor-element-e462c86 > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-e462c86 > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-e462c86 > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-e462c86 > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-e462c86 > .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-85691 .elementor-element.elementor-element-a6e2466 .elementor-icon-wrapper{text-align:center;}.elementor-85691 .elementor-element.elementor-element-a6e2466 .elementor-icon{font-size:80px;}.elementor-85691 .elementor-element.elementor-element-a6e2466 .elementor-icon svg{height:80px;}.elementor-85691 .elementor-element.elementor-element-25e810c{text-align:center;}.elementor-85691 .elementor-element.elementor-element-25e810c .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-85691 .elementor-element.elementor-element-ad91245{text-align:center;font-size:16px;font-weight:400;}.elementor-85691 .elementor-element.elementor-element-615d79d{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-9f79d2a{--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-85691 .elementor-element.elementor-element-9f79d2a:not(.elementor-motion-effects-element-type-background), .elementor-85691 .elementor-element.elementor-element-9f79d2a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-85691 .elementor-element.elementor-element-9f79d2a::before, .elementor-85691 .elementor-element.elementor-element-9f79d2a > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-9f79d2a > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-9f79d2a > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-9f79d2a > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-9f79d2a > .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-85691 .elementor-element.elementor-element-e6fd1e3 .elementor-icon-wrapper{text-align:center;}.elementor-85691 .elementor-element.elementor-element-e6fd1e3 .elementor-icon{font-size:80px;}.elementor-85691 .elementor-element.elementor-element-e6fd1e3 .elementor-icon svg{height:80px;}.elementor-85691 .elementor-element.elementor-element-9c4b2bc{text-align:center;}.elementor-85691 .elementor-element.elementor-element-9c4b2bc .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-85691 .elementor-element.elementor-element-a9959da{text-align:center;font-size:16px;font-weight:400;}.elementor-85691 .elementor-element.elementor-element-e5c47ba{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-158088b{--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-85691 .elementor-element.elementor-element-158088b:not(.elementor-motion-effects-element-type-background), .elementor-85691 .elementor-element.elementor-element-158088b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-85691 .elementor-element.elementor-element-158088b::before, .elementor-85691 .elementor-element.elementor-element-158088b > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-158088b > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-158088b > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-158088b > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-158088b > .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-85691 .elementor-element.elementor-element-a13888a .elementor-icon-wrapper{text-align:center;}.elementor-85691 .elementor-element.elementor-element-a13888a .elementor-icon{font-size:80px;}.elementor-85691 .elementor-element.elementor-element-a13888a .elementor-icon svg{height:80px;}.elementor-85691 .elementor-element.elementor-element-323e190{text-align:center;}.elementor-85691 .elementor-element.elementor-element-323e190 .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-85691 .elementor-element.elementor-element-5e177fc{text-align:center;font-size:16px;font-weight:400;}.elementor-85691 .elementor-element.elementor-element-aeed391{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-c317766{--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-85691 .elementor-element.elementor-element-c317766:not(.elementor-motion-effects-element-type-background), .elementor-85691 .elementor-element.elementor-element-c317766 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-85691 .elementor-element.elementor-element-c317766::before, .elementor-85691 .elementor-element.elementor-element-c317766 > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-c317766 > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-c317766 > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-c317766 > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-c317766 > .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-85691 .elementor-element.elementor-element-c23f515 .elementor-icon-wrapper{text-align:center;}.elementor-85691 .elementor-element.elementor-element-c23f515 .elementor-icon{font-size:80px;}.elementor-85691 .elementor-element.elementor-element-c23f515 .elementor-icon svg{height:80px;}.elementor-85691 .elementor-element.elementor-element-402d0a8{text-align:center;}.elementor-85691 .elementor-element.elementor-element-402d0a8 .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-85691 .elementor-element.elementor-element-21ed8f4{text-align:center;font-size:16px;font-weight:400;}.elementor-85691 .elementor-element.elementor-element-f71a772{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-7b36815{--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-85691 .elementor-element.elementor-element-7b36815:not(.elementor-motion-effects-element-type-background), .elementor-85691 .elementor-element.elementor-element-7b36815 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-85691 .elementor-element.elementor-element-7b36815::before, .elementor-85691 .elementor-element.elementor-element-7b36815 > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-7b36815 > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-7b36815 > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-7b36815 > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-7b36815 > .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-85691 .elementor-element.elementor-element-49512f8 .elementor-icon-wrapper{text-align:center;}.elementor-85691 .elementor-element.elementor-element-49512f8 .elementor-icon{font-size:80px;}.elementor-85691 .elementor-element.elementor-element-49512f8 .elementor-icon svg{height:80px;}.elementor-85691 .elementor-element.elementor-element-eda923b{text-align:center;}.elementor-85691 .elementor-element.elementor-element-eda923b .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-85691 .elementor-element.elementor-element-3fe5ad3{text-align:center;font-size:16px;font-weight:400;}.elementor-85691 .elementor-element.elementor-element-510e5d0{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-c481915{--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-85691 .elementor-element.elementor-element-c481915:not(.elementor-motion-effects-element-type-background), .elementor-85691 .elementor-element.elementor-element-c481915 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-85691 .elementor-element.elementor-element-c481915::before, .elementor-85691 .elementor-element.elementor-element-c481915 > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-c481915 > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-c481915 > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-c481915 > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-c481915 > .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-85691 .elementor-element.elementor-element-1577f10 .elementor-icon-wrapper{text-align:center;}.elementor-85691 .elementor-element.elementor-element-1577f10 .elementor-icon{font-size:80px;}.elementor-85691 .elementor-element.elementor-element-1577f10 .elementor-icon svg{height:80px;}.elementor-85691 .elementor-element.elementor-element-2baebdf{text-align:center;}.elementor-85691 .elementor-element.elementor-element-2baebdf .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-85691 .elementor-element.elementor-element-3528a21{text-align:center;font-size:16px;font-weight:400;}.elementor-85691 .elementor-element.elementor-element-235d0f1{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-e287ebd{--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-85691 .elementor-element.elementor-element-e287ebd:not(.elementor-motion-effects-element-type-background), .elementor-85691 .elementor-element.elementor-element-e287ebd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-85691 .elementor-element.elementor-element-e287ebd::before, .elementor-85691 .elementor-element.elementor-element-e287ebd > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-e287ebd > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-e287ebd > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-e287ebd > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-e287ebd > .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-85691 .elementor-element.elementor-element-b79ee0e .elementor-icon-wrapper{text-align:center;}.elementor-85691 .elementor-element.elementor-element-b79ee0e .elementor-icon{font-size:80px;}.elementor-85691 .elementor-element.elementor-element-b79ee0e .elementor-icon svg{height:80px;}.elementor-85691 .elementor-element.elementor-element-5fc7f41{text-align:center;}.elementor-85691 .elementor-element.elementor-element-5fc7f41 .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-85691 .elementor-element.elementor-element-3e469fa{text-align:center;font-size:16px;font-weight:400;}.elementor-85691 .elementor-element.elementor-element-ac3ea28{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-67c22f4{--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-85691 .elementor-element.elementor-element-67c22f4:not(.elementor-motion-effects-element-type-background), .elementor-85691 .elementor-element.elementor-element-67c22f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-85691 .elementor-element.elementor-element-67c22f4::before, .elementor-85691 .elementor-element.elementor-element-67c22f4 > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-67c22f4 > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-67c22f4 > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-67c22f4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-67c22f4 > .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-85691 .elementor-element.elementor-element-7c09216 .elementor-icon-wrapper{text-align:center;}.elementor-85691 .elementor-element.elementor-element-7c09216 .elementor-icon{font-size:80px;}.elementor-85691 .elementor-element.elementor-element-7c09216 .elementor-icon svg{height:80px;}.elementor-85691 .elementor-element.elementor-element-3f49044{text-align:center;}.elementor-85691 .elementor-element.elementor-element-3f49044 .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-85691 .elementor-element.elementor-element-090c089{text-align:center;font-size:16px;font-weight:400;}.elementor-85691 .elementor-element.elementor-element-f33f1b2{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-0a80876{--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-85691 .elementor-element.elementor-element-0a80876:not(.elementor-motion-effects-element-type-background), .elementor-85691 .elementor-element.elementor-element-0a80876 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-85691 .elementor-element.elementor-element-0a80876::before, .elementor-85691 .elementor-element.elementor-element-0a80876 > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-0a80876 > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-0a80876 > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-0a80876 > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-0a80876 > .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-85691 .elementor-element.elementor-element-b822de8 .elementor-icon-wrapper{text-align:center;}.elementor-85691 .elementor-element.elementor-element-b822de8 .elementor-icon{font-size:80px;}.elementor-85691 .elementor-element.elementor-element-b822de8 .elementor-icon svg{height:80px;}.elementor-85691 .elementor-element.elementor-element-2b7f31d{text-align:center;}.elementor-85691 .elementor-element.elementor-element-2b7f31d .elementor-heading-title{font-size:22px;font-weight:700;}.elementor-85691 .elementor-element.elementor-element-9239ae2{text-align:center;font-size:16px;font-weight:400;}.elementor-85691 .elementor-element.elementor-element-a75d0a1{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-85691 .elementor-element.elementor-element-b17bd12{--display:flex;--min-height:359px;--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:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-b17bd12:not(.elementor-motion-effects-element-type-background), .elementor-85691 .elementor-element.elementor-element-b17bd12 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-85691 .elementor-element.elementor-element-e95040c{--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-85691 .elementor-element.elementor-element-76c8245{--display:flex;}.elementor-85691 .elementor-element.elementor-element-c0e1f2b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-85691 .elementor-element.elementor-element-c0e1f2b .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:34px;font-weight:600;line-height:42px;color:#151515;}.elementor-85691 .elementor-element.elementor-element-b382c20{--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-85691 .elementor-element.elementor-element-b382c20 .elementor-divider-separator{width:33%;}.elementor-85691 .elementor-element.elementor-element-b382c20 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-85691 .elementor-element.elementor-element-c7670d6{padding:0px 0px 0px 0px;font-weight:500;color:#242424;}.elementor-85691 .elementor-element.elementor-element-fbc9d71{--display:flex;}.elementor-85691 .elementor-element.elementor-element-98c3f36{--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:-53px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-8bfb73b{--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-85691 .elementor-element.elementor-element-b62de1e{--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-85691 .elementor-element.elementor-element-88358d6 .elementor-heading-title{font-size:30px;font-weight:700;line-height:38px;}.elementor-85691 .elementor-element.elementor-element-b3e3891{font-weight:500;color:#242424CC;}.elementor-85691 .elementor-element.elementor-element-2f2d7e2{--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-85691 .elementor-element.elementor-element-b212420{--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-85691 .elementor-element.elementor-element-a2a4fc5{--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-85691 .elementor-element.elementor-element-275d706 .elementor-heading-title{font-size:30px;font-weight:700;line-height:38px;}.elementor-85691 .elementor-element.elementor-element-4382558{font-weight:500;color:#242424CC;}.elementor-85691 .elementor-element.elementor-element-fc30673{--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-85691 .elementor-element.elementor-element-8d52e50{--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-85691 .elementor-element.elementor-element-c9e7ab5{--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-85691 .elementor-element.elementor-element-9c4e21b .elementor-heading-title{font-size:30px;font-weight:700;line-height:38px;}.elementor-85691 .elementor-element.elementor-element-676fd66{font-weight:500;color:#242424CC;}.elementor-85691 .elementor-element.elementor-element-e6c5dc3{--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-85691 .elementor-element.elementor-element-7ea603a{--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-85691 .elementor-element.elementor-element-bea0551{--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-85691 .elementor-element.elementor-element-da9ede3 .elementor-heading-title{font-size:30px;font-weight:700;line-height:38px;}.elementor-85691 .elementor-element.elementor-element-faf8393{font-weight:500;color:#242424CC;}.elementor-85691 .elementor-element.elementor-element-d34459e{--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-85691 .elementor-element.elementor-element-cca092f{--n-tabs-heading-justify-content:center;--n-tabs-title-width:initial;--n-tabs-title-height:initial;--n-tabs-title-align-items:center;--n-tabs-title-flex-grow:0;--n-tabs-heading-wrap:wrap;--n-tabs-heading-overflow-x:initial;--n-tabs-title-white-space:initial;--n-tabs-title-gap:0px;--n-tabs-gap:47px;--n-tabs-title-border-radius:012px 012px 0px 0px;--n-tabs-title-color:#242424;--n-tabs-title-color-active:#1174D1;}.elementor-85691 .elementor-element.elementor-element-cca092f > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected='false']:not( :hover ){background:#E5F2FC;}.elementor-85691 .elementor-element.elementor-element-cca092f.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-85691 .elementor-element.elementor-element-cca092f.elementor-widget-n-tabs > .e-n-tabs > .e-n-tabs-heading > .e-n-tab-title[aria-selected="true"], .elementor-85691 .elementor-element.elementor-element-cca092f.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-85691 .elementor-element.elementor-element-cca092f.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-85691 .elementor-element.elementor-element-cca092f [data-touch-mode="false"] .e-n-tab-title[aria-selected="false"]:hover{--n-tabs-title-color-hover:#1174D1;}.elementor-85691 .elementor-element.elementor-element-fdabad0{--display:flex;}.elementor-85691 .elementor-element.elementor-element-de04a2f{--display:flex;}.elementor-85691 .elementor-element.elementor-element-de04a2f:not(.elementor-motion-effects-element-type-background), .elementor-85691 .elementor-element.elementor-element-de04a2f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-85691 .elementor-element.elementor-element-1c25427 .elementor-heading-title{font-size:30px;font-weight:700;line-height:38px;}.elementor-85691 .elementor-element.elementor-element-ed52665{font-weight:500;color:#242424CC;}.elementor-85691 .elementor-element.elementor-element-d710f81{--display:flex;}.elementor-85691 .elementor-element.elementor-element-d710f81:not(.elementor-motion-effects-element-type-background), .elementor-85691 .elementor-element.elementor-element-d710f81 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-85691 .elementor-element.elementor-element-0cb827a .elementor-heading-title{font-size:30px;font-weight:700;line-height:38px;}.elementor-85691 .elementor-element.elementor-element-4b7f6c8{font-weight:500;color:#242424CC;}.elementor-85691 .elementor-element.elementor-element-fb73433{--display:flex;}.elementor-85691 .elementor-element.elementor-element-fb73433:not(.elementor-motion-effects-element-type-background), .elementor-85691 .elementor-element.elementor-element-fb73433 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-85691 .elementor-element.elementor-element-f721b17 .elementor-heading-title{font-size:30px;font-weight:700;line-height:38px;}.elementor-85691 .elementor-element.elementor-element-e2de4cf .elementor-heading-title{font-size:30px;font-weight:700;line-height:38px;}.elementor-85691 .elementor-element.elementor-element-f30e215{font-weight:500;color:#242424CC;}.elementor-85691 .elementor-element.elementor-element-9b52fb8{--display:flex;}.elementor-85691 .elementor-element.elementor-element-9b52fb8:not(.elementor-motion-effects-element-type-background), .elementor-85691 .elementor-element.elementor-element-9b52fb8 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-85691 .elementor-element.elementor-element-0900778 .elementor-heading-title{font-size:30px;font-weight:700;line-height:38px;}.elementor-85691 .elementor-element.elementor-element-7a01dac .elementor-heading-title{font-size:30px;font-weight:700;line-height:38px;}.elementor-85691 .elementor-element.elementor-element-f43e8a6{font-weight:500;color:#242424CC;}.elementor-85691 .elementor-element.elementor-element-de49517{--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:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-de49517:not(.elementor-motion-effects-element-type-background), .elementor-85691 .elementor-element.elementor-element-de49517 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E5F2FC;}.elementor-85691 .elementor-element.elementor-element-ad7b98b{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-85691 .elementor-element.elementor-element-ad7b98b .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:34px;font-weight:600;line-height:42px;color:#151515;}.elementor-85691 .elementor-element.elementor-element-72d3500{--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-85691 .elementor-element.elementor-element-72d3500 .elementor-divider-separator{width:33%;}.elementor-85691 .elementor-element.elementor-element-72d3500 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-85691 .elementor-element.elementor-element-773e1d5{padding:0px 0px 0px 0px;font-weight:500;color:#242424;}.elementor-85691 .elementor-element.elementor-element-10a7782{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-014a98c{--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-85691 .elementor-element.elementor-element-5191868{--display:flex;--justify-content:center;--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-85691 .elementor-element.elementor-element-c17b2b2 .elementor-icon-box-wrapper{gap:15px;}.elementor-85691 .elementor-element.elementor-element-c17b2b2 .elementor-icon{font-size:50px;}.elementor-85691 .elementor-element.elementor-element-c17b2b2 .elementor-icon-box-title, .elementor-85691 .elementor-element.elementor-element-c17b2b2 .elementor-icon-box-title a{font-size:24px;font-weight:700;}.elementor-85691 .elementor-element.elementor-element-c17b2b2 .elementor-icon-box-title{color:#151515;}.elementor-85691 .elementor-element.elementor-element-c0498aa{padding:0px 20px 0px 0px;color:#242424CC;}.elementor-85691 .elementor-element.elementor-element-7e1fa8f{--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-85691 .elementor-element.elementor-element-0f64539{--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-85691 .elementor-element.elementor-element-ad6a2e3{--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-85691 .elementor-element.elementor-element-7c6075b .elementor-icon-box-wrapper{gap:15px;}.elementor-85691 .elementor-element.elementor-element-7c6075b .elementor-icon{font-size:50px;}.elementor-85691 .elementor-element.elementor-element-7c6075b .elementor-icon-box-title, .elementor-85691 .elementor-element.elementor-element-7c6075b .elementor-icon-box-title a{font-size:24px;font-weight:700;}.elementor-85691 .elementor-element.elementor-element-7c6075b .elementor-icon-box-title{color:#151515;}.elementor-85691 .elementor-element.elementor-element-cd7af23{padding:0px 20px 0px 0px;color:#242424CC;}.elementor-85691 .elementor-element.elementor-element-418857e{--display:flex;--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-c9514c8 .elementor-icon-box-wrapper{gap:15px;}.elementor-85691 .elementor-element.elementor-element-c9514c8 .elementor-icon{font-size:50px;}.elementor-85691 .elementor-element.elementor-element-c9514c8 .elementor-icon-box-title, .elementor-85691 .elementor-element.elementor-element-c9514c8 .elementor-icon-box-title a{font-size:24px;font-weight:700;}.elementor-85691 .elementor-element.elementor-element-c9514c8 .elementor-icon-box-title{color:#151515;}.elementor-85691 .elementor-element.elementor-element-b94d9c6{padding:0px 20px 0px 0px;color:#242424CC;}.elementor-85691 .elementor-element.elementor-element-dc33f47{--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:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-7000596{--display:flex;--border-radius:16px 16px 16px 16px;--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-85691 .elementor-element.elementor-element-7000596:not(.elementor-motion-effects-element-type-background), .elementor-85691 .elementor-element.elementor-element-7000596 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#C1E4FF36;}.elementor-85691 .elementor-element.elementor-element-06dd6b5{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-85691 .elementor-element.elementor-element-06dd6b5 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:34px;font-weight:600;line-height:42px;color:#151515;}.elementor-85691 .elementor-element.elementor-element-ceca2d7{--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-85691 .elementor-element.elementor-element-ceca2d7 .elementor-divider-separator{width:33%;}.elementor-85691 .elementor-element.elementor-element-ceca2d7 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-85691 .elementor-element.elementor-element-9f3894a{font-weight:500;color:#242424;}.elementor-85691 .elementor-element.elementor-element-cb65513{--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-85691 .elementor-element.elementor-element-2c4492f{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-85691 .elementor-element.elementor-element-9c9cc8f .elementor-icon-wrapper{text-align:start;}.elementor-85691 .elementor-element.elementor-element-9c9cc8f .elementor-icon{font-size:60px;}.elementor-85691 .elementor-element.elementor-element-9c9cc8f .elementor-icon svg{height:60px;}.elementor-85691 .elementor-element.elementor-element-7028232{padding:0px 0px 0px 0px;}.elementor-85691 .elementor-element.elementor-element-7028232 .elementor-heading-title{font-size:22px;font-weight:600;line-height:26px;color:#000000;}.elementor-85691 .elementor-element.elementor-element-3f1bfe6{padding:10px 0px 0px 0px;font-size:16px;font-weight:500;line-height:24px;}.elementor-85691 .elementor-element.elementor-element-847b719{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-85691 .elementor-element.elementor-element-6a6139a .elementor-icon-wrapper{text-align:start;}.elementor-85691 .elementor-element.elementor-element-6a6139a .elementor-icon{font-size:60px;}.elementor-85691 .elementor-element.elementor-element-6a6139a .elementor-icon svg{height:60px;}.elementor-85691 .elementor-element.elementor-element-ed4b8e8{padding:0px 0px 0px 0px;}.elementor-85691 .elementor-element.elementor-element-ed4b8e8 .elementor-heading-title{font-size:22px;font-weight:600;line-height:26px;color:#000000;}.elementor-85691 .elementor-element.elementor-element-5cd590e{padding:10px 0px 0px 0px;font-size:16px;font-weight:500;}.elementor-85691 .elementor-element.elementor-element-275ef32{--display:flex;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-85691 .elementor-element.elementor-element-8b17cde .elementor-icon-wrapper{text-align:start;}.elementor-85691 .elementor-element.elementor-element-8b17cde .elementor-icon{font-size:60px;}.elementor-85691 .elementor-element.elementor-element-8b17cde .elementor-icon svg{height:60px;}.elementor-85691 .elementor-element.elementor-element-2f2f0fa{padding:0px 0px 0px 0px;}.elementor-85691 .elementor-element.elementor-element-2f2f0fa .elementor-heading-title{font-size:22px;font-weight:600;line-height:26px;color:#000000;}.elementor-85691 .elementor-element.elementor-element-9e80478{padding:10px 0px 0px 0px;font-size:16px;font-weight:500;}.elementor-85691 .elementor-element.elementor-element-c41e914{--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:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-69b2ad6 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:34px;font-weight:600;line-height:42px;}.elementor-85691 .elementor-element.elementor-element-22081f1{--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-85691 .elementor-element.elementor-element-22081f1 .elementor-divider-separator{width:13%;}.elementor-85691 .elementor-element.elementor-element-22081f1 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-85691 .elementor-element.elementor-element-e188eda{--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:80px;--padding-bottom:80px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-23553c1{--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-85691 .elementor-element.elementor-element-23553c1:not(.elementor-motion-effects-element-type-background), .elementor-85691 .elementor-element.elementor-element-23553c1 > .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-85691 .elementor-element.elementor-element-d4a33a2{--display:flex;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-85691 .elementor-element.elementor-element-3cce7d9{--display:flex;--gap:10px 10px;--row-gap:10px;--column-gap:10px;--padding-top:0px;--padding-bottom:0px;--padding-left:36px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-da85566{text-align:start;}.elementor-85691 .elementor-element.elementor-element-da85566 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:34px;font-weight:600;line-height:42px;color:#FFFFFF;}.elementor-85691 .elementor-element.elementor-element-2269ef8{font-family:"Jost", Sans-serif;color:#FFFFFF;}.elementor-85691 .elementor-element.elementor-element-e3734e3{text-align:start;}.elementor-85691 .elementor-element.elementor-element-999296b .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:18px;font-weight:600;color:#FFFFFF;}.elementor-85691 .elementor-element.elementor-element-e150df3 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:14px;font-weight:500;color:#FFFFFF;}.elementor-85691 .elementor-element.elementor-element-29bcb4a{font-family:"Jost", Sans-serif;font-size:14px;color:#FFFFFF;}.elementor-85691 .elementor-element.elementor-element-85c0989 .elementor-heading-title{font-family:"Jost", Sans-serif;font-size:22px;font-weight:500;color:#FFFFFF;}.elementor-85691 .elementor-element.elementor-element-cc39f6c{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-0a0b0a8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:last-child){padding-block-end:calc(12px/2);}.elementor-85691 .elementor-element.elementor-element-0a0b0a8 .elementor-icon-list-items:not(.elementor-inline-items) .elementor-icon-list-item:not(:first-child){margin-block-start:calc(12px/2);}.elementor-85691 .elementor-element.elementor-element-0a0b0a8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item{margin-inline:calc(12px/2);}.elementor-85691 .elementor-element.elementor-element-0a0b0a8 .elementor-icon-list-items.elementor-inline-items{margin-inline:calc(-12px/2);}.elementor-85691 .elementor-element.elementor-element-0a0b0a8 .elementor-icon-list-items.elementor-inline-items .elementor-icon-list-item:after{inset-inline-end:calc(-12px/2);}.elementor-85691 .elementor-element.elementor-element-0a0b0a8 .elementor-icon-list-icon i{transition:color 0.3s;}.elementor-85691 .elementor-element.elementor-element-0a0b0a8 .elementor-icon-list-icon svg{transition:fill 0.3s;}.elementor-85691 .elementor-element.elementor-element-0a0b0a8{--e-icon-list-icon-size:36px;--icon-vertical-offset:0px;}.elementor-85691 .elementor-element.elementor-element-0a0b0a8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-85691 .elementor-element.elementor-element-0a0b0a8 .elementor-icon-list-item > a{font-family:"Jost", Sans-serif;font-size:16px;line-height:24px;}.elementor-85691 .elementor-element.elementor-element-0a0b0a8 .elementor-icon-list-text{color:#FFFFFF;transition:color 0.3s;}.elementor-85691 .elementor-element.elementor-element-2ebca5d{--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-85691 .elementor-element.elementor-element-6458928{--display:flex;--border-radius:16px 16px 16px 16px;}.elementor-85691 .elementor-element.elementor-element-6458928:not(.elementor-motion-effects-element-type-background), .elementor-85691 .elementor-element.elementor-element-6458928 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:1366px){.elementor-85691 .elementor-element.elementor-element-1d6b68b{--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-85691 .elementor-element.elementor-element-5064eba .elementor-button{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-3152672 .elementor-heading-title{line-height:42px;}.elementor-85691 .elementor-element.elementor-element-e2e10d7{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-e152dab{--justify-content:flex-start;}.elementor-85691 .elementor-element.elementor-element-f27fa50{--justify-content:flex-start;}.elementor-85691 .elementor-element.elementor-element-7f251cd .elementor-heading-title{font-size:38px;line-height:48px;}.elementor-85691 .elementor-element.elementor-element-76e1427{--justify-content:flex-start;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-85691 .elementor-element.elementor-element-3258dc6 .elementor-heading-title{line-height:42px;}.elementor-85691 .elementor-element.elementor-element-a5abb3b{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-077ebbd{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-9599202{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-85691 .elementor-element.elementor-element-ed1109f{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-85691 .elementor-element.elementor-element-7a749ef .elementor-heading-title{font-size:20px;}.elementor-85691 .elementor-element.elementor-element-ea844af{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-ee720ef{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-85691 .elementor-element.elementor-element-1b7a3e3{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-85691 .elementor-element.elementor-element-58ccf41 .elementor-heading-title{font-size:20px;}.elementor-85691 .elementor-element.elementor-element-5dbb9e9{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-6f3fd2d{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-85691 .elementor-element.elementor-element-de5245d{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-85691 .elementor-element.elementor-element-e89a031 .elementor-heading-title{font-size:20px;}.elementor-85691 .elementor-element.elementor-element-c52cb92{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-8fc66b4{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-85691 .elementor-element.elementor-element-a7786fd{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-85691 .elementor-element.elementor-element-dc46b48 .elementor-heading-title{font-size:20px;}.elementor-85691 .elementor-element.elementor-element-4f62e15{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-0245272{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-85691 .elementor-element.elementor-element-fa93996{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-85691 .elementor-element.elementor-element-54a0417 .elementor-heading-title{font-size:20px;}.elementor-85691 .elementor-element.elementor-element-f94a6f7{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-2e81e70{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-85691 .elementor-element.elementor-element-28db1df{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-85691 .elementor-element.elementor-element-b79b2d1 .elementor-heading-title{font-size:20px;}.elementor-85691 .elementor-element.elementor-element-ed611a9{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-1a1dcd5{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-85691 .elementor-element.elementor-element-9bd4196{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-85691 .elementor-element.elementor-element-d1497a7 .elementor-heading-title{font-size:20px;}.elementor-85691 .elementor-element.elementor-element-d5ddb6e{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-b51cf79{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-85691 .elementor-element.elementor-element-7584336{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-85691 .elementor-element.elementor-element-a6eb39a .elementor-heading-title{font-size:20px;}.elementor-85691 .elementor-element.elementor-element-f8f946b{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-d1e0eea{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-85691 .elementor-element.elementor-element-ff2c222{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-85691 .elementor-element.elementor-element-9b82a9d .elementor-heading-title{font-size:20px;}.elementor-85691 .elementor-element.elementor-element-bf45bd5{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-e462c86{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-85691 .elementor-element.elementor-element-25e810c .elementor-heading-title{font-size:20px;}.elementor-85691 .elementor-element.elementor-element-ad91245{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-9f79d2a{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-85691 .elementor-element.elementor-element-9c4b2bc .elementor-heading-title{font-size:20px;}.elementor-85691 .elementor-element.elementor-element-a9959da{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-158088b{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-85691 .elementor-element.elementor-element-323e190 .elementor-heading-title{font-size:20px;}.elementor-85691 .elementor-element.elementor-element-5e177fc{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-c317766{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-85691 .elementor-element.elementor-element-402d0a8 .elementor-heading-title{font-size:20px;}.elementor-85691 .elementor-element.elementor-element-21ed8f4{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-7b36815{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-85691 .elementor-element.elementor-element-eda923b .elementor-heading-title{font-size:20px;}.elementor-85691 .elementor-element.elementor-element-3fe5ad3{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-c481915{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-85691 .elementor-element.elementor-element-2baebdf .elementor-heading-title{font-size:20px;}.elementor-85691 .elementor-element.elementor-element-3528a21{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-e287ebd{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-85691 .elementor-element.elementor-element-5fc7f41 .elementor-heading-title{font-size:20px;}.elementor-85691 .elementor-element.elementor-element-3e469fa{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-67c22f4{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-85691 .elementor-element.elementor-element-3f49044 .elementor-heading-title{font-size:20px;}.elementor-85691 .elementor-element.elementor-element-090c089{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-0a80876{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-85691 .elementor-element.elementor-element-2b7f31d .elementor-heading-title{font-size:20px;}.elementor-85691 .elementor-element.elementor-element-9239ae2{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-c0e1f2b .elementor-heading-title{line-height:42px;}.elementor-85691 .elementor-element.elementor-element-c7670d6{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-b3e3891{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-4382558{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-676fd66{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-faf8393{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-cca092f{--n-tabs-title-font-size:16px;}.elementor-85691 .elementor-element.elementor-element-ed52665{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-4b7f6c8{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-f30e215{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-f43e8a6{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-ad7b98b .elementor-heading-title{line-height:42px;}.elementor-85691 .elementor-element.elementor-element-773e1d5{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-06dd6b5 .elementor-heading-title{line-height:42px;}.elementor-85691 .elementor-element.elementor-element-ceca2d7 .elementor-divider-separator{width:20%;}.elementor-85691 .elementor-element.elementor-element-9f3894a{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-3f1bfe6{padding:20px 0px 0px 0px;}.elementor-85691 .elementor-element.elementor-element-5cd590e{padding:20px 0px 0px 0px;}.elementor-85691 .elementor-element.elementor-element-9e80478{padding:20px 0px 0px 0px;}.elementor-85691 .elementor-element.elementor-element-c41e914{--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-69b2ad6 .elementor-heading-title{line-height:42px;}.elementor-85691 .elementor-element.elementor-element-e188eda{--padding-top:30px;--padding-bottom:30px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-23553c1{--border-radius:016px 016px 016px 016px;--padding-top:16px;--padding-bottom:16px;--padding-left:16px;--padding-right:16px;}.elementor-85691 .elementor-element.elementor-element-d4a33a2{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}}@media(max-width:1200px){.elementor-85691 .elementor-element.elementor-element-6b00413 .elementor-heading-title{font-size:44px;}.elementor-85691 .elementor-element.elementor-element-a74565d{--min-height:198px;--justify-content:space-between;}.elementor-85691 .elementor-element.elementor-element-2050788{--min-height:198px;--justify-content:space-between;}.elementor-85691 .elementor-element.elementor-element-06b7083{--min-height:198px;--justify-content:space-between;}.elementor-85691 .elementor-element.elementor-element-390554a{--min-height:198px;--justify-content:space-between;}.elementor-85691 .elementor-element.elementor-element-67cf3e0{--min-height:198px;--justify-content:space-between;}.elementor-85691 .elementor-element.elementor-element-c2247e4{--min-height:198px;--justify-content:space-between;}.elementor-85691 .elementor-element.elementor-element-60678b1{--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-85691 .elementor-element.elementor-element-8233e24{--e-n-carousel-arrow-prev-left-position:321px;--e-n-carousel-arrow-next-right-position:318px;}.elementor-85691 .elementor-element.elementor-element-b17bd12{--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-85691 .elementor-element.elementor-element-de49517{--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-85691 .elementor-element.elementor-element-c17b2b2 .elementor-icon{font-size:40px;}.elementor-85691 .elementor-element.elementor-element-c17b2b2 .elementor-icon-box-title, .elementor-85691 .elementor-element.elementor-element-c17b2b2 .elementor-icon-box-title a{font-size:20px;}.elementor-85691 .elementor-element.elementor-element-c0498aa{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-ad6a2e3{--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-85691 .elementor-element.elementor-element-7c6075b .elementor-icon{font-size:40px;}.elementor-85691 .elementor-element.elementor-element-7c6075b .elementor-icon-box-title, .elementor-85691 .elementor-element.elementor-element-7c6075b .elementor-icon-box-title a{font-size:20px;}.elementor-85691 .elementor-element.elementor-element-cd7af23{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-418857e{--padding-top:30px;--padding-bottom:0px;--padding-left:0px;--padding-right:20px;}.elementor-85691 .elementor-element.elementor-element-c9514c8 .elementor-icon{font-size:40px;}.elementor-85691 .elementor-element.elementor-element-c9514c8 .elementor-icon-box-title, .elementor-85691 .elementor-element.elementor-element-c9514c8 .elementor-icon-box-title a{font-size:20px;}.elementor-85691 .elementor-element.elementor-element-b94d9c6{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-c41e914{--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}}@media(max-width:1024px){.elementor-85691 .elementor-element.elementor-element-6b00413{text-align:center;}.elementor-85691 .elementor-element.elementor-element-6b00413 .elementor-heading-title{font-size:28px;}.elementor-85691 .elementor-element.elementor-element-ef9ef8d{text-align:center;}.elementor-85691 .elementor-element.elementor-element-5064eba .elementor-button{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-3152672{text-align:center;}.elementor-85691 .elementor-element.elementor-element-3152672 .elementor-heading-title{font-size:28px;}.elementor-85691 .elementor-element.elementor-element-9189b04 .elementor-divider{text-align:center;}.elementor-85691 .elementor-element.elementor-element-9189b04 .elementor-divider-separator{margin:0 auto;margin-center:0;}.elementor-85691 .elementor-element.elementor-element-e2e10d7{text-align:center;font-size:16px;}.elementor-85691 .elementor-element.elementor-element-1e678b3{--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-85691 .elementor-element.elementor-element-e48300c{--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-85691 .elementor-element.elementor-element-7f251cd{text-align:start;}.elementor-85691 .elementor-element.elementor-element-7f251cd .elementor-heading-title{font-size:20px;}.elementor-85691 .elementor-element.elementor-element-4eff778 .elementor-divider{text-align:left;}.elementor-85691 .elementor-element.elementor-element-4eff778 .elementor-divider-separator{margin:0 auto;margin-left:0;}.elementor-85691 .elementor-element.elementor-element-3c9b7e1{text-align:start;font-size:16px;}.elementor-85691 .elementor-element.elementor-element-478e764 .elementor-icon{font-size:50px;}.elementor-85691 .elementor-element.elementor-element-478e764 .elementor-icon-box-title, .elementor-85691 .elementor-element.elementor-element-478e764 .elementor-icon-box-title a{font-size:20px;}.elementor-85691 .elementor-element.elementor-element-478e764 .elementor-icon-box-description{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-34d3126 .elementor-icon-box-title, .elementor-85691 .elementor-element.elementor-element-34d3126 .elementor-icon-box-title a{font-size:20px;}.elementor-85691 .elementor-element.elementor-element-8cfbb29 .elementor-icon{font-size:50px;}.elementor-85691 .elementor-element.elementor-element-8cfbb29 .elementor-icon-box-title, .elementor-85691 .elementor-element.elementor-element-8cfbb29 .elementor-icon-box-title a{font-size:20px;}.elementor-85691 .elementor-element.elementor-element-f51dfab .elementor-icon{font-size:50px;}.elementor-85691 .elementor-element.elementor-element-f51dfab .elementor-icon-box-title, .elementor-85691 .elementor-element.elementor-element-f51dfab .elementor-icon-box-title a{font-size:20px;}.elementor-85691 .elementor-element.elementor-element-380191d .elementor-icon{font-size:50px;}.elementor-85691 .elementor-element.elementor-element-380191d .elementor-icon-box-title, .elementor-85691 .elementor-element.elementor-element-380191d .elementor-icon-box-title a{font-size:20px;}.elementor-85691 .elementor-element.elementor-element-ada62fe .elementor-icon-box-title, .elementor-85691 .elementor-element.elementor-element-ada62fe .elementor-icon-box-title a{font-size:20px;}.elementor-85691 .elementor-element.elementor-element-3258dc6{text-align:center;}.elementor-85691 .elementor-element.elementor-element-3258dc6 .elementor-heading-title{font-size:28px;}.elementor-85691 .elementor-element.elementor-element-4dfcc63 .elementor-divider{text-align:center;}.elementor-85691 .elementor-element.elementor-element-4dfcc63 .elementor-divider-separator{margin:0 auto;margin-center:0;}.elementor-85691 .elementor-element.elementor-element-a5abb3b{text-align:center;font-size:16px;}.elementor-85691 .elementor-element.elementor-element-ed1109f::before, .elementor-85691 .elementor-element.elementor-element-ed1109f > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-ed1109f > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-ed1109f > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-ed1109f > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-ed1109f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-85691 .elementor-element.elementor-element-1b7a3e3::before, .elementor-85691 .elementor-element.elementor-element-1b7a3e3 > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-1b7a3e3 > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-1b7a3e3 > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-1b7a3e3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-1b7a3e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-85691 .elementor-element.elementor-element-de5245d::before, .elementor-85691 .elementor-element.elementor-element-de5245d > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-de5245d > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-de5245d > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-de5245d > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-de5245d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-85691 .elementor-element.elementor-element-a7786fd::before, .elementor-85691 .elementor-element.elementor-element-a7786fd > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-a7786fd > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-a7786fd > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-a7786fd > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-a7786fd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-85691 .elementor-element.elementor-element-fa93996::before, .elementor-85691 .elementor-element.elementor-element-fa93996 > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-fa93996 > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-fa93996 > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-fa93996 > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-fa93996 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-85691 .elementor-element.elementor-element-28db1df::before, .elementor-85691 .elementor-element.elementor-element-28db1df > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-28db1df > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-28db1df > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-28db1df > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-28db1df > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-85691 .elementor-element.elementor-element-9bd4196::before, .elementor-85691 .elementor-element.elementor-element-9bd4196 > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-9bd4196 > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-9bd4196 > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-9bd4196 > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-9bd4196 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-85691 .elementor-element.elementor-element-7584336::before, .elementor-85691 .elementor-element.elementor-element-7584336 > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-7584336 > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-7584336 > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-7584336 > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-7584336 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-85691 .elementor-element.elementor-element-ff2c222::before, .elementor-85691 .elementor-element.elementor-element-ff2c222 > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-ff2c222 > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-ff2c222 > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-ff2c222 > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-ff2c222 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-85691 .elementor-element.elementor-element-8233e24{--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-85691 .elementor-element.elementor-element-4564c23{--min-height:360px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-e462c86{--min-height:360px;}.elementor-85691 .elementor-element.elementor-element-e462c86::before, .elementor-85691 .elementor-element.elementor-element-e462c86 > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-e462c86 > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-e462c86 > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-e462c86 > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-e462c86 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-85691 .elementor-element.elementor-element-9f79d2a{--min-height:360px;}.elementor-85691 .elementor-element.elementor-element-9f79d2a::before, .elementor-85691 .elementor-element.elementor-element-9f79d2a > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-9f79d2a > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-9f79d2a > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-9f79d2a > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-9f79d2a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-85691 .elementor-element.elementor-element-158088b{--min-height:360px;}.elementor-85691 .elementor-element.elementor-element-158088b::before, .elementor-85691 .elementor-element.elementor-element-158088b > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-158088b > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-158088b > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-158088b > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-158088b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-85691 .elementor-element.elementor-element-c317766{--min-height:360px;}.elementor-85691 .elementor-element.elementor-element-c317766::before, .elementor-85691 .elementor-element.elementor-element-c317766 > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-c317766 > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-c317766 > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-c317766 > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-c317766 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-85691 .elementor-element.elementor-element-7b36815{--min-height:360px;}.elementor-85691 .elementor-element.elementor-element-7b36815::before, .elementor-85691 .elementor-element.elementor-element-7b36815 > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-7b36815 > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-7b36815 > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-7b36815 > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-7b36815 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-85691 .elementor-element.elementor-element-c481915{--min-height:360px;}.elementor-85691 .elementor-element.elementor-element-c481915::before, .elementor-85691 .elementor-element.elementor-element-c481915 > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-c481915 > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-c481915 > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-c481915 > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-c481915 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-85691 .elementor-element.elementor-element-e287ebd{--min-height:360px;}.elementor-85691 .elementor-element.elementor-element-e287ebd::before, .elementor-85691 .elementor-element.elementor-element-e287ebd > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-e287ebd > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-e287ebd > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-e287ebd > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-e287ebd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-85691 .elementor-element.elementor-element-67c22f4{--min-height:360px;}.elementor-85691 .elementor-element.elementor-element-67c22f4::before, .elementor-85691 .elementor-element.elementor-element-67c22f4 > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-67c22f4 > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-67c22f4 > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-67c22f4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-67c22f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-85691 .elementor-element.elementor-element-0a80876{--min-height:360px;}.elementor-85691 .elementor-element.elementor-element-0a80876::before, .elementor-85691 .elementor-element.elementor-element-0a80876 > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-0a80876 > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-0a80876 > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-0a80876 > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-0a80876 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-85691 .elementor-element.elementor-element-a75d0a1{--e-n-carousel-swiper-slides-to-display:2;}.elementor-85691 .elementor-element.elementor-element-c0e1f2b{text-align:center;}.elementor-85691 .elementor-element.elementor-element-c0e1f2b .elementor-heading-title{font-size:28px;}.elementor-85691 .elementor-element.elementor-element-b382c20 .elementor-divider{text-align:center;}.elementor-85691 .elementor-element.elementor-element-b382c20 .elementor-divider-separator{margin:0 auto;margin-center:0;}.elementor-85691 .elementor-element.elementor-element-c7670d6{text-align:center;font-size:16px;}.elementor-85691 .elementor-element.elementor-element-98c3f36{--margin-top:-50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-85691 .elementor-element.elementor-element-88358d6 .elementor-heading-title{font-size:22px;}.elementor-85691 .elementor-element.elementor-element-b3e3891{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-275d706 .elementor-heading-title{font-size:22px;}.elementor-85691 .elementor-element.elementor-element-4382558{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-9c4e21b .elementor-heading-title{font-size:22px;}.elementor-85691 .elementor-element.elementor-element-da9ede3 .elementor-heading-title{font-size:22px;}.elementor-85691 .elementor-element.elementor-element-cca092f{--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-85691 .elementor-element.elementor-element-1c25427 .elementor-heading-title{font-size:22px;}.elementor-85691 .elementor-element.elementor-element-ed52665{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-0cb827a .elementor-heading-title{font-size:22px;}.elementor-85691 .elementor-element.elementor-element-4b7f6c8{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-f721b17 .elementor-heading-title{font-size:22px;}.elementor-85691 .elementor-element.elementor-element-e2de4cf .elementor-heading-title{font-size:22px;}.elementor-85691 .elementor-element.elementor-element-0900778 .elementor-heading-title{font-size:22px;}.elementor-85691 .elementor-element.elementor-element-7a01dac .elementor-heading-title{font-size:22px;}.elementor-85691 .elementor-element.elementor-element-ad7b98b{text-align:center;}.elementor-85691 .elementor-element.elementor-element-ad7b98b .elementor-heading-title{font-size:28px;}.elementor-85691 .elementor-element.elementor-element-72d3500 .elementor-divider{text-align:center;}.elementor-85691 .elementor-element.elementor-element-72d3500 .elementor-divider-separator{margin:0 auto;margin-center:0;}.elementor-85691 .elementor-element.elementor-element-773e1d5{text-align:center;font-size:16px;}.elementor-85691 .elementor-element.elementor-element-c17b2b2 .elementor-icon-box-title, .elementor-85691 .elementor-element.elementor-element-c17b2b2 .elementor-icon-box-title a{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-c0498aa{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-7c6075b .elementor-icon-box-title, .elementor-85691 .elementor-element.elementor-element-7c6075b .elementor-icon-box-title a{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-cd7af23{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-c9514c8 .elementor-icon-box-title, .elementor-85691 .elementor-element.elementor-element-c9514c8 .elementor-icon-box-title a{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-b94d9c6{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-06dd6b5{text-align:center;}.elementor-85691 .elementor-element.elementor-element-06dd6b5 .elementor-heading-title{font-size:28px;}.elementor-85691 .elementor-element.elementor-element-ceca2d7 .elementor-divider{text-align:center;}.elementor-85691 .elementor-element.elementor-element-ceca2d7 .elementor-divider-separator{margin:0 auto;margin-center:0;}.elementor-85691 .elementor-element.elementor-element-9f3894a{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-9c9cc8f .elementor-icon{font-size:40px;}.elementor-85691 .elementor-element.elementor-element-9c9cc8f .elementor-icon svg{height:40px;}.elementor-85691 .elementor-element.elementor-element-7028232 .elementor-heading-title{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-3f1bfe6{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-6a6139a .elementor-icon{font-size:40px;}.elementor-85691 .elementor-element.elementor-element-6a6139a .elementor-icon svg{height:40px;}.elementor-85691 .elementor-element.elementor-element-ed4b8e8 .elementor-heading-title{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-5cd590e{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-8b17cde .elementor-icon{font-size:40px;}.elementor-85691 .elementor-element.elementor-element-8b17cde .elementor-icon svg{height:40px;}.elementor-85691 .elementor-element.elementor-element-2f2f0fa .elementor-heading-title{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-9e80478{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-69b2ad6{text-align:center;}.elementor-85691 .elementor-element.elementor-element-69b2ad6 .elementor-heading-title{font-size:28px;}.elementor-85691 .elementor-element.elementor-element-22081f1 .elementor-divider{text-align:center;}.elementor-85691 .elementor-element.elementor-element-22081f1 .elementor-divider-separator{margin:0 auto;margin-center:0;}.elementor-85691 .elementor-element.elementor-element-da85566 .elementor-heading-title{font-size:28px;}.elementor-85691 .elementor-element.elementor-element-2269ef8{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-999296b .elementor-heading-title{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-e150df3 .elementor-heading-title{font-size:12px;}.elementor-85691 .elementor-element.elementor-element-29bcb4a{font-size:12px;}.elementor-85691 .elementor-element.elementor-element-85c0989 .elementor-heading-title{font-size:20px;}.elementor-85691 .elementor-element.elementor-element-0a0b0a8{--e-icon-list-icon-size:30px;}.elementor-85691 .elementor-element.elementor-element-0a0b0a8 .elementor-icon-list-item > .elementor-icon-list-text, .elementor-85691 .elementor-element.elementor-element-0a0b0a8 .elementor-icon-list-item > a{font-size:14px;}}@media(max-width:767px){.elementor-85691 .elementor-element.elementor-element-1d6b68b{--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-85691 .elementor-element.elementor-element-6b00413{padding:0px 0px 0px 0px;}.elementor-85691 .elementor-element.elementor-element-6b00413 .elementor-heading-title{font-size:26px;line-height:32px;}.elementor-85691 .elementor-element.elementor-element-ef9ef8d{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-5064eba .elementor-button{font-size:12px;}.elementor-85691 .elementor-element.elementor-element-3152672 .elementor-heading-title{font-size:22px;line-height:32px;}.elementor-85691 .elementor-element.elementor-element-e2e10d7{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-1def5b9{--min-height:0px;}.elementor-85691 .elementor-element.elementor-element-0d133ea .elementor-heading-title{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-2b8bc90{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-17f4153 .elementor-button{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-ef113ba{--min-height:0px;}.elementor-85691 .elementor-element.elementor-element-6327af1 .elementor-heading-title{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-d495610{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-ca92c89 .elementor-button{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-fd0ca7c{--min-height:0px;}.elementor-85691 .elementor-element.elementor-element-972889c .elementor-heading-title{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-df5cfc9{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-fc90804 .elementor-button{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-e152dab{--min-height:0px;}.elementor-85691 .elementor-element.elementor-element-9cae831 .elementor-heading-title{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-452845c{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-67ecf03 .elementor-button{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-3f3e863{--min-height:0px;}.elementor-85691 .elementor-element.elementor-element-cd5d6ab .elementor-heading-title{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-14365f7{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-558d264 .elementor-button{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-dbcd633{--min-height:0px;}.elementor-85691 .elementor-element.elementor-element-b47ad87 .elementor-heading-title{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-c8d5f37{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-8cc6630 .elementor-button{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-e66473a{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-f27fa50{--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-85691 .elementor-element.elementor-element-7f251cd .elementor-heading-title{font-size:22px;line-height:32px;}.elementor-85691 .elementor-element.elementor-element-3258dc6{text-align:start;}.elementor-85691 .elementor-element.elementor-element-3258dc6 .elementor-heading-title{font-size:22px;line-height:32px;}.elementor-85691 .elementor-element.elementor-element-4dfcc63 .elementor-divider{text-align:left;}.elementor-85691 .elementor-element.elementor-element-4dfcc63 .elementor-divider-separator{margin:0 auto;margin-left:0;}.elementor-85691 .elementor-element.elementor-element-a5abb3b{text-align:start;font-size:16px;}.elementor-85691 .elementor-element.elementor-element-077ebbd{--min-height:437px;}.elementor-85691 .elementor-element.elementor-element-ed1109f::before, .elementor-85691 .elementor-element.elementor-element-ed1109f > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-ed1109f > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-ed1109f > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-ed1109f > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-ed1109f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-85691 .elementor-element.elementor-element-1b7a3e3::before, .elementor-85691 .elementor-element.elementor-element-1b7a3e3 > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-1b7a3e3 > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-1b7a3e3 > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-1b7a3e3 > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-1b7a3e3 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-85691 .elementor-element.elementor-element-de5245d::before, .elementor-85691 .elementor-element.elementor-element-de5245d > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-de5245d > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-de5245d > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-de5245d > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-de5245d > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-85691 .elementor-element.elementor-element-a7786fd::before, .elementor-85691 .elementor-element.elementor-element-a7786fd > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-a7786fd > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-a7786fd > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-a7786fd > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-a7786fd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-85691 .elementor-element.elementor-element-fa93996::before, .elementor-85691 .elementor-element.elementor-element-fa93996 > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-fa93996 > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-fa93996 > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-fa93996 > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-fa93996 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-85691 .elementor-element.elementor-element-28db1df::before, .elementor-85691 .elementor-element.elementor-element-28db1df > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-28db1df > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-28db1df > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-28db1df > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-28db1df > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-85691 .elementor-element.elementor-element-9bd4196::before, .elementor-85691 .elementor-element.elementor-element-9bd4196 > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-9bd4196 > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-9bd4196 > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-9bd4196 > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-9bd4196 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-85691 .elementor-element.elementor-element-7584336::before, .elementor-85691 .elementor-element.elementor-element-7584336 > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-7584336 > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-7584336 > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-7584336 > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-7584336 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-85691 .elementor-element.elementor-element-ff2c222::before, .elementor-85691 .elementor-element.elementor-element-ff2c222 > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-ff2c222 > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-ff2c222 > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-ff2c222 > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-ff2c222 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-85691 .elementor-element.elementor-element-8233e24{--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-85691 .elementor-element.elementor-element-4564c23{--min-height:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-e462c86{--min-height:576px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-85691 .elementor-element.elementor-element-e462c86::before, .elementor-85691 .elementor-element.elementor-element-e462c86 > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-e462c86 > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-e462c86 > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-e462c86 > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-e462c86 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-85691 .elementor-element.elementor-element-a6e2466 .elementor-icon{font-size:80px;}.elementor-85691 .elementor-element.elementor-element-a6e2466 .elementor-icon svg{height:80px;}.elementor-85691 .elementor-element.elementor-element-25e810c .elementor-heading-title{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-ad91245{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-9f79d2a{--min-height:576px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-85691 .elementor-element.elementor-element-9f79d2a::before, .elementor-85691 .elementor-element.elementor-element-9f79d2a > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-9f79d2a > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-9f79d2a > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-9f79d2a > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-9f79d2a > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-85691 .elementor-element.elementor-element-9c4b2bc .elementor-heading-title{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-158088b{--min-height:576px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-85691 .elementor-element.elementor-element-158088b::before, .elementor-85691 .elementor-element.elementor-element-158088b > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-158088b > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-158088b > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-158088b > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-158088b > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-85691 .elementor-element.elementor-element-323e190 .elementor-heading-title{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-c317766{--min-height:576px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-85691 .elementor-element.elementor-element-c317766::before, .elementor-85691 .elementor-element.elementor-element-c317766 > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-c317766 > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-c317766 > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-c317766 > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-c317766 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-85691 .elementor-element.elementor-element-402d0a8 .elementor-heading-title{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-7b36815{--min-height:576px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-85691 .elementor-element.elementor-element-7b36815::before, .elementor-85691 .elementor-element.elementor-element-7b36815 > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-7b36815 > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-7b36815 > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-7b36815 > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-7b36815 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-85691 .elementor-element.elementor-element-eda923b .elementor-heading-title{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-c481915{--min-height:576px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-85691 .elementor-element.elementor-element-c481915::before, .elementor-85691 .elementor-element.elementor-element-c481915 > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-c481915 > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-c481915 > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-c481915 > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-c481915 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-85691 .elementor-element.elementor-element-2baebdf .elementor-heading-title{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-e287ebd{--min-height:576px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-85691 .elementor-element.elementor-element-e287ebd::before, .elementor-85691 .elementor-element.elementor-element-e287ebd > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-e287ebd > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-e287ebd > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-e287ebd > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-e287ebd > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-85691 .elementor-element.elementor-element-5fc7f41 .elementor-heading-title{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-67c22f4{--min-height:576px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-85691 .elementor-element.elementor-element-67c22f4::before, .elementor-85691 .elementor-element.elementor-element-67c22f4 > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-67c22f4 > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-67c22f4 > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-67c22f4 > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-67c22f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-85691 .elementor-element.elementor-element-3f49044 .elementor-heading-title{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-0a80876{--min-height:576px;--padding-top:0px;--padding-bottom:0px;--padding-left:10px;--padding-right:10px;}.elementor-85691 .elementor-element.elementor-element-0a80876::before, .elementor-85691 .elementor-element.elementor-element-0a80876 > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-0a80876 > .e-con-inner > .elementor-background-video-container::before, .elementor-85691 .elementor-element.elementor-element-0a80876 > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-0a80876 > .e-con-inner > .elementor-background-slideshow::before, .elementor-85691 .elementor-element.elementor-element-0a80876 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-position:0px 0px;}.elementor-85691 .elementor-element.elementor-element-2b7f31d .elementor-heading-title{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-a75d0a1{--e-n-carousel-swiper-slides-to-display:1;}.elementor-85691 .elementor-element.elementor-element-a75d0a1 .swiper-pagination-bullet{--swiper-pagination-bullet-horizontal-gap:10px;--swiper-pagination-bullet-vertical-gap:10px;}.elementor-85691 .elementor-element.elementor-element-c0e1f2b{text-align:start;}.elementor-85691 .elementor-element.elementor-element-c0e1f2b .elementor-heading-title{font-size:22px;line-height:32px;}.elementor-85691 .elementor-element.elementor-element-b382c20 .elementor-divider{text-align:left;}.elementor-85691 .elementor-element.elementor-element-b382c20 .elementor-divider-separator{margin:0 auto;margin-left:0;}.elementor-85691 .elementor-element.elementor-element-c7670d6{text-align:start;font-size:16px;}.elementor-85691 .elementor-element.elementor-element-cca092f{--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-85691 .elementor-element.elementor-element-fdabad0{--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-85691 .elementor-element.elementor-element-de04a2f{--min-height:0px;--border-radius:8px 8px 8px 8px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-85691 .elementor-element.elementor-element-d710f81{--min-height:0px;--border-radius:8px 8px 8px 8px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-85691 .elementor-element.elementor-element-fb73433{--min-height:0px;--border-radius:8px 8px 8px 8px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-85691 .elementor-element.elementor-element-9b52fb8{--min-height:0px;--border-radius:8px 8px 8px 8px;--padding-top:24px;--padding-bottom:24px;--padding-left:24px;--padding-right:24px;}.elementor-85691 .elementor-element.elementor-element-ad7b98b{text-align:start;}.elementor-85691 .elementor-element.elementor-element-ad7b98b .elementor-heading-title{font-size:22px;line-height:32px;}.elementor-85691 .elementor-element.elementor-element-72d3500 .elementor-divider{text-align:left;}.elementor-85691 .elementor-element.elementor-element-72d3500 .elementor-divider-separator{margin:0 auto;margin-left:0;}.elementor-85691 .elementor-element.elementor-element-773e1d5{text-align:start;font-size:16px;}.elementor-85691 .elementor-element.elementor-element-5191868{border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;}.elementor-85691 .elementor-element.elementor-element-c17b2b2 .elementor-icon-box-wrapper{text-align:start;}.elementor-85691 .elementor-element.elementor-element-c17b2b2 .elementor-icon-box-title, .elementor-85691 .elementor-element.elementor-element-c17b2b2 .elementor-icon-box-title a{font-size:20px;}.elementor-85691 .elementor-element.elementor-element-ad6a2e3{border-width:0px 0px 0px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0px;--border-left-width:0px;}.elementor-85691 .elementor-element.elementor-element-7c6075b .elementor-icon-box-wrapper{text-align:start;}.elementor-85691 .elementor-element.elementor-element-7c6075b .elementor-icon-box-title, .elementor-85691 .elementor-element.elementor-element-7c6075b .elementor-icon-box-title a{font-size:20px;}.elementor-85691 .elementor-element.elementor-element-c9514c8 .elementor-icon-box-wrapper{text-align:start;}.elementor-85691 .elementor-element.elementor-element-c9514c8 .elementor-icon-box-title, .elementor-85691 .elementor-element.elementor-element-c9514c8 .elementor-icon-box-title a{font-size:20px;}.elementor-85691 .elementor-element.elementor-element-06dd6b5{text-align:start;}.elementor-85691 .elementor-element.elementor-element-06dd6b5 .elementor-heading-title{font-size:22px;line-height:32px;}.elementor-85691 .elementor-element.elementor-element-ceca2d7 .elementor-divider{text-align:left;}.elementor-85691 .elementor-element.elementor-element-ceca2d7 .elementor-divider-separator{margin:0 auto;margin-left:0;}.elementor-85691 .elementor-element.elementor-element-9f3894a{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-7028232 .elementor-heading-title{font-size:18px;}.elementor-85691 .elementor-element.elementor-element-3f1bfe6{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-ed4b8e8 .elementor-heading-title{font-size:18px;}.elementor-85691 .elementor-element.elementor-element-5cd590e{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-2f2f0fa .elementor-heading-title{font-size:18px;}.elementor-85691 .elementor-element.elementor-element-9e80478{font-size:16px;}.elementor-85691 .elementor-element.elementor-element-c41e914{--padding-top:50px;--padding-bottom:50px;--padding-left:30px;--padding-right:30px;}.elementor-85691 .elementor-element.elementor-element-69b2ad6{width:100%;max-width:100%;text-align:start;}.elementor-85691 .elementor-element.elementor-element-69b2ad6 .elementor-heading-title{font-size:22px;}.elementor-85691 .elementor-element.elementor-element-22081f1 .elementor-divider{text-align:left;}.elementor-85691 .elementor-element.elementor-element-22081f1 .elementor-divider-separator{margin:0 auto;margin-left:0;}.elementor-85691 .elementor-element.elementor-element-e188eda{--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-85691 .elementor-element.elementor-element-3cce7d9{--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-85691 .elementor-element.elementor-element-da85566 .elementor-heading-title{font-size:24px;}.elementor-85691 .elementor-element.elementor-element-2269ef8{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-999296b .elementor-heading-title{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-29bcb4a{font-size:14px;}.elementor-85691 .elementor-element.elementor-element-85c0989 .elementor-heading-title{font-size:14px;}}@media(min-width:768px){.elementor-85691 .elementor-element.elementor-element-eef89d8{--width:62%;}.elementor-85691 .elementor-element.elementor-element-1def5b9{--width:33.3%;}.elementor-85691 .elementor-element.elementor-element-ef113ba{--width:33.3%;}.elementor-85691 .elementor-element.elementor-element-fd0ca7c{--width:33.3%;}.elementor-85691 .elementor-element.elementor-element-e152dab{--width:33.3%;}.elementor-85691 .elementor-element.elementor-element-3f3e863{--width:33.3%;}.elementor-85691 .elementor-element.elementor-element-dbcd633{--width:33.3%;}.elementor-85691 .elementor-element.elementor-element-f27fa50{--width:40%;}.elementor-85691 .elementor-element.elementor-element-7215b20{--width:60%;}.elementor-85691 .elementor-element.elementor-element-223650f{--width:50%;}.elementor-85691 .elementor-element.elementor-element-fd5b3d8{--width:50%;}.elementor-85691 .elementor-element.elementor-element-16fe20e{--width:50%;}.elementor-85691 .elementor-element.elementor-element-278f237{--width:50%;}.elementor-85691 .elementor-element.elementor-element-e14db4a{--width:50%;}.elementor-85691 .elementor-element.elementor-element-64d88d7{--width:50%;}.elementor-85691 .elementor-element.elementor-element-76c8245{--width:80%;}.elementor-85691 .elementor-element.elementor-element-fbc9d71{--width:20%;}.elementor-85691 .elementor-element.elementor-element-b62de1e{--width:50%;}.elementor-85691 .elementor-element.elementor-element-2f2d7e2{--width:50%;}.elementor-85691 .elementor-element.elementor-element-a2a4fc5{--width:50%;}.elementor-85691 .elementor-element.elementor-element-fc30673{--width:50%;}.elementor-85691 .elementor-element.elementor-element-c9e7ab5{--width:50%;}.elementor-85691 .elementor-element.elementor-element-e6c5dc3{--width:50%;}.elementor-85691 .elementor-element.elementor-element-bea0551{--width:50%;}.elementor-85691 .elementor-element.elementor-element-d34459e{--width:50%;}.elementor-85691 .elementor-element.elementor-element-5191868{--width:35%;}.elementor-85691 .elementor-element.elementor-element-7e1fa8f{--width:65%;}.elementor-85691 .elementor-element.elementor-element-d4a33a2{--width:50%;}.elementor-85691 .elementor-element.elementor-element-2ebca5d{--width:50%;}}@media(max-width:1024px) and (min-width:768px){.elementor-85691 .elementor-element.elementor-element-eef89d8{--width:100%;}.elementor-85691 .elementor-element.elementor-element-1def5b9{--width:100%;}.elementor-85691 .elementor-element.elementor-element-ef113ba{--width:100%;}.elementor-85691 .elementor-element.elementor-element-fd0ca7c{--width:100%;}.elementor-85691 .elementor-element.elementor-element-e152dab{--width:100%;}.elementor-85691 .elementor-element.elementor-element-3f3e863{--width:100%;}.elementor-85691 .elementor-element.elementor-element-dbcd633{--width:100%;}.elementor-85691 .elementor-element.elementor-element-5191868{--width:40%;}.elementor-85691 .elementor-element.elementor-element-7e1fa8f{--width:60%;}}/* Start custom CSS for heading, class: .elementor-element-6b00413 */@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-ef9ef8d */@media (max-width: 1024px) and (min-width: 996px) {
    .elementor-85691 .elementor-element.elementor-element-ef9ef8d {
        text-align: left !important;
        justify-content: flex-start !important; /* Aligns button to left */
    }
}/* End custom CSS */
/* Start custom CSS for button, class: .elementor-element-5064eba */@media (max-width: 1024px) and (min-width: 996px) {
    .elementor-85691 .elementor-element.elementor-element-5064eba {
        text-align: left !important;
        justify-content: flex-start !important; /* Aligns button to left */
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1d6b68b *//* --- Default styles for larger desktops (1200px and up) --- */
.elementor-85691 .elementor-element.elementor-element-1d6b68b {
    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-85691 .elementor-element.elementor-element-1d6b68b {
        min-height: 95vh; 
    }
}

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

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

/* --- Media query for Tablets (max-width: 991px) --- */
@media (max-width: 991px) {
    .elementor-85691 .elementor-element.elementor-element-1d6b68b {
        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-85691 .elementor-element.elementor-element-1d6b68b {
        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-9189b04 */.elementor-85691 .elementor-element.elementor-element-9189b04 .elementor-divider-separator {
  border-radius: 10px; /* adjust to your liking */
}
.elementor-85691 .elementor-element.elementor-element-9189b04 .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-1def5b9 */.elementor-85691 .elementor-element.elementor-element-1def5b9 {
  transition: all 0.3s ease-in-out;
}

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

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

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

/* Description hover */
.elementor-85691 .elementor-element.elementor-element-1def5b9:hover p {
  color: #ffffff !important;
}

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

/* Button text and underline */
.elementor-85691 .elementor-element.elementor-element-1def5b9 .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-85691 .elementor-element.elementor-element-1def5b9 .elementor-button .elementor-button-icon,
.elementor-85691 .elementor-element.elementor-element-1def5b9 .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-85691 .elementor-element.elementor-element-1def5b9:hover .elementor-button .elementor-button-text,
.elementor-85691 .elementor-element.elementor-element-1def5b9:hover .elementor-button .elementor-button-icon,
.elementor-85691 .elementor-element.elementor-element-1def5b9: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-ef113ba */.elementor-85691 .elementor-element.elementor-element-ef113ba {
  transition: all 0.3s ease-in-out;
}

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

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

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

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

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

/* Button text and underline */
.elementor-85691 .elementor-element.elementor-element-ef113ba .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-85691 .elementor-element.elementor-element-ef113ba .elementor-button .elementor-button-icon,
.elementor-85691 .elementor-element.elementor-element-ef113ba .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-85691 .elementor-element.elementor-element-ef113ba:hover .elementor-button .elementor-button-text,
.elementor-85691 .elementor-element.elementor-element-ef113ba:hover .elementor-button .elementor-button-icon,
.elementor-85691 .elementor-element.elementor-element-ef113ba: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-fd0ca7c */.elementor-85691 .elementor-element.elementor-element-fd0ca7c {
  transition: all 0.3s ease-in-out;
}

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

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

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

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

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

/* Button text and underline */
.elementor-85691 .elementor-element.elementor-element-fd0ca7c .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-85691 .elementor-element.elementor-element-fd0ca7c .elementor-button .elementor-button-icon,
.elementor-85691 .elementor-element.elementor-element-fd0ca7c .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-85691 .elementor-element.elementor-element-fd0ca7c:hover .elementor-button .elementor-button-text,
.elementor-85691 .elementor-element.elementor-element-fd0ca7c:hover .elementor-button .elementor-button-icon,
.elementor-85691 .elementor-element.elementor-element-fd0ca7c: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-e152dab */.elementor-85691 .elementor-element.elementor-element-e152dab {
  transition: all 0.3s ease-in-out;
}

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

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

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

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

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

/* Button text and underline */
.elementor-85691 .elementor-element.elementor-element-e152dab .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-85691 .elementor-element.elementor-element-e152dab .elementor-button .elementor-button-icon,
.elementor-85691 .elementor-element.elementor-element-e152dab .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-85691 .elementor-element.elementor-element-e152dab:hover .elementor-button .elementor-button-text,
.elementor-85691 .elementor-element.elementor-element-e152dab:hover .elementor-button .elementor-button-icon,
.elementor-85691 .elementor-element.elementor-element-e152dab: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-3f3e863 */.elementor-85691 .elementor-element.elementor-element-3f3e863 {
  transition: all 0.3s ease-in-out;
}

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

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

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

/* Description hover */
.elementor-85691 .elementor-element.elementor-element-3f3e863:hover p {
  color: #ffffff !important;
}

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

/* Button text and underline */
.elementor-85691 .elementor-element.elementor-element-3f3e863 .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-85691 .elementor-element.elementor-element-3f3e863 .elementor-button .elementor-button-icon,
.elementor-85691 .elementor-element.elementor-element-3f3e863 .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-85691 .elementor-element.elementor-element-3f3e863:hover .elementor-button .elementor-button-text,
.elementor-85691 .elementor-element.elementor-element-3f3e863:hover .elementor-button .elementor-button-icon,
.elementor-85691 .elementor-element.elementor-element-3f3e863: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-dbcd633 */.elementor-85691 .elementor-element.elementor-element-dbcd633 {
  transition: all 0.3s ease-in-out;
}

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

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

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

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

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

/* Button text and underline */
.elementor-85691 .elementor-element.elementor-element-dbcd633 .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-85691 .elementor-element.elementor-element-dbcd633 .elementor-button .elementor-button-icon,
.elementor-85691 .elementor-element.elementor-element-dbcd633 .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-85691 .elementor-element.elementor-element-dbcd633:hover .elementor-button .elementor-button-text,
.elementor-85691 .elementor-element.elementor-element-dbcd633:hover .elementor-button .elementor-button-icon,
.elementor-85691 .elementor-element.elementor-element-dbcd633: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-908060f */.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: 28%;                /* cover half of the container width */
  height: 100%;              /* 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-4eff778 */.elementor-85691 .elementor-element.elementor-element-4eff778 .elementor-divider-separator {
  border-radius: 10px; /* adjust to your liking */
}/* End custom CSS */
/* Start custom CSS for divider, class: .elementor-element-4dfcc63 */.elementor-85691 .elementor-element.elementor-element-4dfcc63 .elementor-divider-separator {
  border-radius: 10px; /* adjust to your liking */
}
.elementor-85691 .elementor-element.elementor-element-4dfcc63 .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-ed1109f */.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-1b7a3e3 */.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-de5245d */.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-a7786fd */.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-fa93996 */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-28db1df */.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-9bd4196 */.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-7584336 */.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-ff2c222 */.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-ed1109f */.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-1b7a3e3 */.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-de5245d */.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-a7786fd */.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-fa93996 */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-28db1df */.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-9bd4196 */.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-7584336 */.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-ff2c222 */.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-ed1109f */.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-1b7a3e3 */.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-de5245d */.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-a7786fd */.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-fa93996 */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-28db1df */.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-9bd4196 */.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-7584336 */.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-ff2c222 */.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-ed1109f */.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-1b7a3e3 */.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-de5245d */.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-a7786fd */.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-fa93996 */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-28db1df */.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-9bd4196 */.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-7584336 */.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-ff2c222 */.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-ed1109f */.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-1b7a3e3 */.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-de5245d */.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-a7786fd */.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-fa93996 */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-28db1df */.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-9bd4196 */.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-7584336 */.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-ff2c222 */.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-ed1109f */.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-1b7a3e3 */.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-de5245d */.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-a7786fd */.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-fa93996 */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-28db1df */.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-9bd4196 */.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-7584336 */.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-ff2c222 */.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-ed1109f */.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-1b7a3e3 */.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-de5245d */.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-a7786fd */.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-fa93996 */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-28db1df */.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-9bd4196 */.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-7584336 */.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-ff2c222 */.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-ed1109f */.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-1b7a3e3 */.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-de5245d */.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-a7786fd */.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-fa93996 */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-28db1df */.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-9bd4196 */.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-7584336 */.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-ff2c222 */.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-ed1109f */.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-1b7a3e3 */.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-de5245d */.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-a7786fd */.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-fa93996 */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-28db1df */.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-9bd4196 */.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-7584336 */.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-ff2c222 */.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-ed1109f */.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-1b7a3e3 */.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-de5245d */.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-a7786fd */.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-fa93996 */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-28db1df */.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-9bd4196 */.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-7584336 */.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-ff2c222 */.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-8233e24 */.custom-carousel-nav .swiper-pagination-bullet-active {
   background-color: #1174D1; /* Blue */
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-e462c86 */.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-9f79d2a */.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-158088b */.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-c317766 */.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-7b36815 */.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-c481915 */.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-e287ebd */.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-67c22f4 */.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-0a80876 */.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-e462c86 */.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-9f79d2a */.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-158088b */.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-c317766 */.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-7b36815 */.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-c481915 */.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-e287ebd */.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-67c22f4 */.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-0a80876 */.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-e462c86 */.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-9f79d2a */.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-158088b */.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-c317766 */.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-7b36815 */.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-c481915 */.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-e287ebd */.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-67c22f4 */.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-0a80876 */.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-e462c86 */.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-9f79d2a */.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-158088b */.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-c317766 */.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-7b36815 */.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-c481915 */.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-e287ebd */.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-67c22f4 */.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-0a80876 */.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-e462c86 */.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-9f79d2a */.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-158088b */.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-c317766 */.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-7b36815 */.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-c481915 */.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-e287ebd */.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-67c22f4 */.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-0a80876 */.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-e462c86 */.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-9f79d2a */.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-158088b */.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-c317766 */.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-7b36815 */.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-c481915 */.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-e287ebd */.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-67c22f4 */.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-0a80876 */.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-e462c86 */.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-9f79d2a */.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-158088b */.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-c317766 */.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-7b36815 */.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-c481915 */.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-e287ebd */.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-67c22f4 */.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-0a80876 */.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-e462c86 */.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-9f79d2a */.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-158088b */.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-c317766 */.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-7b36815 */.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-c481915 */.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-e287ebd */.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-67c22f4 */.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-0a80876 */.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-e462c86 */.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-9f79d2a */.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-158088b */.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-c317766 */.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-7b36815 */.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-c481915 */.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-e287ebd */.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-67c22f4 */.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-0a80876 */.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-e462c86 */.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-9f79d2a */.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-158088b */.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-c317766 */.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-7b36815 */.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-c481915 */.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-e287ebd */.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-67c22f4 */.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-0a80876 */.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-b382c20 */.elementor-85691 .elementor-element.elementor-element-b382c20 .elementor-divider-separator {
  border-radius: 10px; /* adjust to your liking */
}
.elementor-85691 .elementor-element.elementor-element-b382c20 .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-72d3500 */.elementor-85691 .elementor-element.elementor-element-72d3500 .elementor-divider-separator {
  border-radius: 10px; /* adjust to your liking */
}
.elementor-85691 .elementor-element.elementor-element-72d3500 .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-ceca2d7 */.elementor-85691 .elementor-element.elementor-element-ceca2d7 .elementor-divider-separator {
  border-radius: 10px; /* adjust to your liking */
}
.elementor-85691 .elementor-element.elementor-element-ceca2d7 .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-7b3a4d9 *//* 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-2c4492f *//* 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-c23a705 *//* 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-847b719 *//* 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-71be05b *//* 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-275ef32 *//* 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-22081f1 */.elementor-85691 .elementor-element.elementor-element-22081f1 .elementor-divider-separator {
  border-radius: 10px; /* adjust to your liking */
}
.elementor-85691 .elementor-element.elementor-element-22081f1 .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-59b4242 */.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 */