.elementor-25631 .elementor-element.elementor-element-1c15675{--display:flex;--min-height:541px;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:space-between;--align-items:center;--flex-wrap:wrap;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:10px;--padding-right:10px;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-25631 .elementor-element.elementor-element-edd30e6{padding:0px 0px 0px 20px;text-align:center;}.elementor-25631 .elementor-element.elementor-element-edd30e6.elementor-element{--order:-99999 /* order start hack */;}.elementor-25631 .elementor-element.elementor-element-edd30e6 .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-25631 .elementor-element.elementor-element-c36bd3b{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25631 .elementor-element.elementor-element-36f9e20{--display:flex;--min-height:422px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:15px 15px 15px 15px;--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-25631 .elementor-element.elementor-element-36f9e20:not(.elementor-motion-effects-element-type-background), .elementor-25631 .elementor-element.elementor-element-36f9e20 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://amethystchauffeur.ca/wp-content/uploads/2025/08/5403.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-25631 .elementor-element.elementor-element-afdd90b{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:10px 10px 0px 0px;--padding-top:0px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-25631 .elementor-element.elementor-element-afdd90b:not(.elementor-motion-effects-element-type-background), .elementor-25631 .elementor-element.elementor-element-afdd90b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B1151900;}.elementor-25631 .elementor-element.elementor-element-afdd90b.e-con{--align-self:center;}.elementor-25631 .elementor-element.elementor-element-a06f907{padding:0px 0px 0px 0px;border-style:none;}.elementor-25631 .elementor-element.elementor-element-a06f907 .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:24px;font-weight:600;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-25631 .elementor-element.elementor-element-abc98d4 p{margin-block-end:0px;}.elementor-25631 .elementor-element.elementor-element-abc98d4{color:var( --e-global-color-accent );}.elementor-widget-icon.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-widget-icon.elementor-view-framed .elementor-icon, .elementor-widget-icon.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-25631 .elementor-element.elementor-element-cb3c3d8 .elementor-icon-wrapper{text-align:left;}.elementor-25631 .elementor-element.elementor-element-cb3c3d8.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-cb3c3d8.elementor-view-framed .elementor-icon, .elementor-25631 .elementor-element.elementor-element-cb3c3d8.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-cb3c3d8.elementor-view-framed .elementor-icon, .elementor-25631 .elementor-element.elementor-element-cb3c3d8.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-cb3c3d8.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-primary );color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-cb3c3d8.elementor-view-framed .elementor-icon:hover, .elementor-25631 .elementor-element.elementor-element-cb3c3d8.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-25631 .elementor-element.elementor-element-cb3c3d8.elementor-view-framed .elementor-icon:hover, .elementor-25631 .elementor-element.elementor-element-cb3c3d8.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-primary );}.elementor-25631 .elementor-element.elementor-element-cb3c3d8.elementor-view-framed .elementor-icon:hover{background-color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-cb3c3d8.elementor-view-stacked .elementor-icon:hover svg{fill:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-cb3c3d8 .elementor-icon{font-size:20px;border-width:1px 1px 1px 1px;}.elementor-25631 .elementor-element.elementor-element-cb3c3d8 .elementor-icon svg{height:20px;}.elementor-25631 .elementor-element.elementor-element-5f24087{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25631 .elementor-element.elementor-element-93056a0{--display:flex;--min-height:422px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:15px 15px 15px 15px;--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-25631 .elementor-element.elementor-element-93056a0:not(.elementor-motion-effects-element-type-background), .elementor-25631 .elementor-element.elementor-element-93056a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://amethystchauffeur.ca/wp-content/uploads/2025/08/9496.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-25631 .elementor-element.elementor-element-7ffda56{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:10px 10px 0px 0px;--padding-top:0px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-25631 .elementor-element.elementor-element-7ffda56:not(.elementor-motion-effects-element-type-background), .elementor-25631 .elementor-element.elementor-element-7ffda56 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B1151900;}.elementor-25631 .elementor-element.elementor-element-7ffda56.e-con{--align-self:center;}.elementor-25631 .elementor-element.elementor-element-1f1fbbe{padding:0px 0px 0px 0px;border-style:none;}.elementor-25631 .elementor-element.elementor-element-1f1fbbe .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:24px;font-weight:600;color:#FFFFFF;}.elementor-25631 .elementor-element.elementor-element-96f187e p{margin-block-end:0px;}.elementor-25631 .elementor-element.elementor-element-96f187e{color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-4d04d58 .elementor-icon-wrapper{text-align:left;}.elementor-25631 .elementor-element.elementor-element-4d04d58.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-4d04d58.elementor-view-framed .elementor-icon, .elementor-25631 .elementor-element.elementor-element-4d04d58.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-4d04d58.elementor-view-framed .elementor-icon, .elementor-25631 .elementor-element.elementor-element-4d04d58.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-4d04d58.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-primary );color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-4d04d58.elementor-view-framed .elementor-icon:hover, .elementor-25631 .elementor-element.elementor-element-4d04d58.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-25631 .elementor-element.elementor-element-4d04d58.elementor-view-framed .elementor-icon:hover, .elementor-25631 .elementor-element.elementor-element-4d04d58.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-primary );}.elementor-25631 .elementor-element.elementor-element-4d04d58.elementor-view-framed .elementor-icon:hover{background-color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-4d04d58.elementor-view-stacked .elementor-icon:hover svg{fill:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-4d04d58 .elementor-icon{font-size:20px;border-width:1px 1px 1px 1px;}.elementor-25631 .elementor-element.elementor-element-4d04d58 .elementor-icon svg{height:20px;}.elementor-25631 .elementor-element.elementor-element-e5ff027{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25631 .elementor-element.elementor-element-28201f0{--display:flex;--min-height:422px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:15px 15px 15px 15px;--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-25631 .elementor-element.elementor-element-28201f0:not(.elementor-motion-effects-element-type-background), .elementor-25631 .elementor-element.elementor-element-28201f0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://amethystchauffeur.ca/wp-content/uploads/2025/08/23141.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-25631 .elementor-element.elementor-element-53663f3{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:10px 10px 0px 0px;--padding-top:0px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-25631 .elementor-element.elementor-element-53663f3:not(.elementor-motion-effects-element-type-background), .elementor-25631 .elementor-element.elementor-element-53663f3 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B1151900;}.elementor-25631 .elementor-element.elementor-element-53663f3.e-con{--align-self:center;}.elementor-25631 .elementor-element.elementor-element-259120b{padding:0px 0px 0px 0px;border-style:none;}.elementor-25631 .elementor-element.elementor-element-259120b .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:24px;font-weight:600;color:#FFFFFF;}.elementor-25631 .elementor-element.elementor-element-888c85f p{margin-block-end:0px;}.elementor-25631 .elementor-element.elementor-element-888c85f{color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-a85e040 .elementor-icon-wrapper{text-align:left;}.elementor-25631 .elementor-element.elementor-element-a85e040.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-a85e040.elementor-view-framed .elementor-icon, .elementor-25631 .elementor-element.elementor-element-a85e040.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-a85e040.elementor-view-framed .elementor-icon, .elementor-25631 .elementor-element.elementor-element-a85e040.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-a85e040.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-primary );color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-a85e040.elementor-view-framed .elementor-icon:hover, .elementor-25631 .elementor-element.elementor-element-a85e040.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-25631 .elementor-element.elementor-element-a85e040.elementor-view-framed .elementor-icon:hover, .elementor-25631 .elementor-element.elementor-element-a85e040.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-primary );}.elementor-25631 .elementor-element.elementor-element-a85e040.elementor-view-framed .elementor-icon:hover{background-color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-a85e040.elementor-view-stacked .elementor-icon:hover svg{fill:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-a85e040 .elementor-icon{font-size:20px;border-width:1px 1px 1px 1px;}.elementor-25631 .elementor-element.elementor-element-a85e040 .elementor-icon svg{height:20px;}.elementor-25631 .elementor-element.elementor-element-6bff2a9{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25631 .elementor-element.elementor-element-7321f36{--display:flex;--min-height:422px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:15px 15px 15px 15px;--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-25631 .elementor-element.elementor-element-7321f36:not(.elementor-motion-effects-element-type-background), .elementor-25631 .elementor-element.elementor-element-7321f36 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://amethystchauffeur.ca/wp-content/uploads/2025/08/4948.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-25631 .elementor-element.elementor-element-f9dc0dc{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:10px 10px 0px 0px;--padding-top:0px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-25631 .elementor-element.elementor-element-f9dc0dc:not(.elementor-motion-effects-element-type-background), .elementor-25631 .elementor-element.elementor-element-f9dc0dc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B1151900;}.elementor-25631 .elementor-element.elementor-element-f9dc0dc.e-con{--align-self:center;}.elementor-25631 .elementor-element.elementor-element-ea71e6c{padding:0px 0px 0px 0px;border-style:none;}.elementor-25631 .elementor-element.elementor-element-ea71e6c .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:24px;font-weight:600;color:#FFFFFF;}.elementor-25631 .elementor-element.elementor-element-5421208 p{margin-block-end:0px;}.elementor-25631 .elementor-element.elementor-element-5421208{color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-c6d5bef .elementor-icon-wrapper{text-align:left;}.elementor-25631 .elementor-element.elementor-element-c6d5bef.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-c6d5bef.elementor-view-framed .elementor-icon, .elementor-25631 .elementor-element.elementor-element-c6d5bef.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-c6d5bef.elementor-view-framed .elementor-icon, .elementor-25631 .elementor-element.elementor-element-c6d5bef.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-c6d5bef.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-primary );color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-c6d5bef.elementor-view-framed .elementor-icon:hover, .elementor-25631 .elementor-element.elementor-element-c6d5bef.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-25631 .elementor-element.elementor-element-c6d5bef.elementor-view-framed .elementor-icon:hover, .elementor-25631 .elementor-element.elementor-element-c6d5bef.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-primary );}.elementor-25631 .elementor-element.elementor-element-c6d5bef.elementor-view-framed .elementor-icon:hover{background-color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-c6d5bef.elementor-view-stacked .elementor-icon:hover svg{fill:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-c6d5bef .elementor-icon{font-size:20px;border-width:1px 1px 1px 1px;}.elementor-25631 .elementor-element.elementor-element-c6d5bef .elementor-icon svg{height:20px;}.elementor-25631 .elementor-element.elementor-element-afb6087{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25631 .elementor-element.elementor-element-b4f6bfb{--display:flex;--min-height:422px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:15px 15px 15px 15px;--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-25631 .elementor-element.elementor-element-b4f6bfb:not(.elementor-motion-effects-element-type-background), .elementor-25631 .elementor-element.elementor-element-b4f6bfb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://amethystchauffeur.ca/wp-content/uploads/2025/08/6562.jpg");background-position:center left;background-repeat:no-repeat;background-size:cover;}.elementor-25631 .elementor-element.elementor-element-a2a7aaa{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:10px 10px 0px 0px;--padding-top:0px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-25631 .elementor-element.elementor-element-a2a7aaa:not(.elementor-motion-effects-element-type-background), .elementor-25631 .elementor-element.elementor-element-a2a7aaa > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B1151900;}.elementor-25631 .elementor-element.elementor-element-a2a7aaa.e-con{--align-self:center;}.elementor-25631 .elementor-element.elementor-element-f39678e{padding:0px 0px 0px 0px;border-style:none;}.elementor-25631 .elementor-element.elementor-element-f39678e .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:24px;font-weight:600;color:#FFFFFF;}.elementor-25631 .elementor-element.elementor-element-e95f137 p{margin-block-end:0px;}.elementor-25631 .elementor-element.elementor-element-e95f137{color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-c46909b .elementor-icon-wrapper{text-align:left;}.elementor-25631 .elementor-element.elementor-element-c46909b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-c46909b.elementor-view-framed .elementor-icon, .elementor-25631 .elementor-element.elementor-element-c46909b.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-c46909b.elementor-view-framed .elementor-icon, .elementor-25631 .elementor-element.elementor-element-c46909b.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-c46909b.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-primary );color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-c46909b.elementor-view-framed .elementor-icon:hover, .elementor-25631 .elementor-element.elementor-element-c46909b.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-25631 .elementor-element.elementor-element-c46909b.elementor-view-framed .elementor-icon:hover, .elementor-25631 .elementor-element.elementor-element-c46909b.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-primary );}.elementor-25631 .elementor-element.elementor-element-c46909b.elementor-view-framed .elementor-icon:hover{background-color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-c46909b.elementor-view-stacked .elementor-icon:hover svg{fill:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-c46909b .elementor-icon{font-size:20px;border-width:1px 1px 1px 1px;}.elementor-25631 .elementor-element.elementor-element-c46909b .elementor-icon svg{height:20px;}.elementor-25631 .elementor-element.elementor-element-04ea325{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25631 .elementor-element.elementor-element-5d14273{--display:flex;--min-height:422px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:15px 15px 15px 15px;--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-25631 .elementor-element.elementor-element-5d14273:not(.elementor-motion-effects-element-type-background), .elementor-25631 .elementor-element.elementor-element-5d14273 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://amethystchauffeur.ca/wp-content/uploads/2025/08/21017.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-25631 .elementor-element.elementor-element-a37edff{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:10px 10px 0px 0px;--padding-top:0px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-25631 .elementor-element.elementor-element-a37edff:not(.elementor-motion-effects-element-type-background), .elementor-25631 .elementor-element.elementor-element-a37edff > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B1151900;}.elementor-25631 .elementor-element.elementor-element-a37edff.e-con{--align-self:center;}.elementor-25631 .elementor-element.elementor-element-eec9b22{padding:0px 0px 0px 0px;border-style:none;}.elementor-25631 .elementor-element.elementor-element-eec9b22 .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:24px;font-weight:600;color:#FFFFFF;}.elementor-25631 .elementor-element.elementor-element-bc1ce3e p{margin-block-end:0px;}.elementor-25631 .elementor-element.elementor-element-bc1ce3e{color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-4884183 .elementor-icon-wrapper{text-align:left;}.elementor-25631 .elementor-element.elementor-element-4884183.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-4884183.elementor-view-framed .elementor-icon, .elementor-25631 .elementor-element.elementor-element-4884183.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-4884183.elementor-view-framed .elementor-icon, .elementor-25631 .elementor-element.elementor-element-4884183.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-4884183.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-primary );color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-4884183.elementor-view-framed .elementor-icon:hover, .elementor-25631 .elementor-element.elementor-element-4884183.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-25631 .elementor-element.elementor-element-4884183.elementor-view-framed .elementor-icon:hover, .elementor-25631 .elementor-element.elementor-element-4884183.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-primary );}.elementor-25631 .elementor-element.elementor-element-4884183.elementor-view-framed .elementor-icon:hover{background-color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-4884183.elementor-view-stacked .elementor-icon:hover svg{fill:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-4884183 .elementor-icon{font-size:20px;border-width:1px 1px 1px 1px;}.elementor-25631 .elementor-element.elementor-element-4884183 .elementor-icon svg{height:20px;}.elementor-25631 .elementor-element.elementor-element-b395288{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25631 .elementor-element.elementor-element-f984e60{--display:flex;--min-height:422px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:15px 15px 15px 15px;--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-25631 .elementor-element.elementor-element-f984e60:not(.elementor-motion-effects-element-type-background), .elementor-25631 .elementor-element.elementor-element-f984e60 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://amethystchauffeur.ca/wp-content/uploads/2025/08/20554.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-25631 .elementor-element.elementor-element-4e225a0{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:10px 10px 0px 0px;--padding-top:0px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-25631 .elementor-element.elementor-element-4e225a0:not(.elementor-motion-effects-element-type-background), .elementor-25631 .elementor-element.elementor-element-4e225a0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B1151900;}.elementor-25631 .elementor-element.elementor-element-4e225a0.e-con{--align-self:center;}.elementor-25631 .elementor-element.elementor-element-101ac54{padding:0px 0px 0px 0px;border-style:none;}.elementor-25631 .elementor-element.elementor-element-101ac54 .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:24px;font-weight:600;color:#FFFFFF;}.elementor-25631 .elementor-element.elementor-element-56deac1 p{margin-block-end:0px;}.elementor-25631 .elementor-element.elementor-element-56deac1{color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-d1b2eb2 .elementor-icon-wrapper{text-align:left;}.elementor-25631 .elementor-element.elementor-element-d1b2eb2.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-d1b2eb2.elementor-view-framed .elementor-icon, .elementor-25631 .elementor-element.elementor-element-d1b2eb2.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-d1b2eb2.elementor-view-framed .elementor-icon, .elementor-25631 .elementor-element.elementor-element-d1b2eb2.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-d1b2eb2.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-primary );color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-d1b2eb2.elementor-view-framed .elementor-icon:hover, .elementor-25631 .elementor-element.elementor-element-d1b2eb2.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-25631 .elementor-element.elementor-element-d1b2eb2.elementor-view-framed .elementor-icon:hover, .elementor-25631 .elementor-element.elementor-element-d1b2eb2.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-primary );}.elementor-25631 .elementor-element.elementor-element-d1b2eb2.elementor-view-framed .elementor-icon:hover{background-color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-d1b2eb2.elementor-view-stacked .elementor-icon:hover svg{fill:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-d1b2eb2 .elementor-icon{font-size:20px;border-width:1px 1px 1px 1px;}.elementor-25631 .elementor-element.elementor-element-d1b2eb2 .elementor-icon svg{height:20px;}.elementor-25631 .elementor-element.elementor-element-6675cbc{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25631 .elementor-element.elementor-element-630429a{--display:flex;--min-height:422px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:15px 15px 15px 15px;--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-25631 .elementor-element.elementor-element-630429a:not(.elementor-motion-effects-element-type-background), .elementor-25631 .elementor-element.elementor-element-630429a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://amethystchauffeur.ca/wp-content/uploads/2025/08/25824039.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-25631 .elementor-element.elementor-element-6aa34ad{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:10px 10px 0px 0px;--padding-top:0px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-25631 .elementor-element.elementor-element-6aa34ad:not(.elementor-motion-effects-element-type-background), .elementor-25631 .elementor-element.elementor-element-6aa34ad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B1151900;}.elementor-25631 .elementor-element.elementor-element-6aa34ad.e-con{--align-self:center;}.elementor-25631 .elementor-element.elementor-element-c972198{padding:0px 0px 0px 0px;border-style:none;}.elementor-25631 .elementor-element.elementor-element-c972198 .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:24px;font-weight:600;color:#FFFFFF;}.elementor-25631 .elementor-element.elementor-element-f6b6b4a p{margin-block-end:0px;}.elementor-25631 .elementor-element.elementor-element-f6b6b4a{color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-954f915 .elementor-icon-wrapper{text-align:left;}.elementor-25631 .elementor-element.elementor-element-954f915.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-954f915.elementor-view-framed .elementor-icon, .elementor-25631 .elementor-element.elementor-element-954f915.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-954f915.elementor-view-framed .elementor-icon, .elementor-25631 .elementor-element.elementor-element-954f915.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-954f915.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-primary );color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-954f915.elementor-view-framed .elementor-icon:hover, .elementor-25631 .elementor-element.elementor-element-954f915.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-25631 .elementor-element.elementor-element-954f915.elementor-view-framed .elementor-icon:hover, .elementor-25631 .elementor-element.elementor-element-954f915.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-primary );}.elementor-25631 .elementor-element.elementor-element-954f915.elementor-view-framed .elementor-icon:hover{background-color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-954f915.elementor-view-stacked .elementor-icon:hover svg{fill:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-954f915 .elementor-icon{font-size:20px;border-width:1px 1px 1px 1px;}.elementor-25631 .elementor-element.elementor-element-954f915 .elementor-icon svg{height:20px;}.elementor-25631 .elementor-element.elementor-element-627eba0{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25631 .elementor-element.elementor-element-3b897f9{--display:flex;--min-height:422px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:15px 15px 15px 15px;--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-25631 .elementor-element.elementor-element-3b897f9:not(.elementor-motion-effects-element-type-background), .elementor-25631 .elementor-element.elementor-element-3b897f9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://amethystchauffeur.ca/wp-content/uploads/2025/09/17082.webp");background-position:center left;background-repeat:no-repeat;background-size:cover;}.elementor-25631 .elementor-element.elementor-element-4fc1dc2{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:10px 10px 0px 0px;--padding-top:0px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-25631 .elementor-element.elementor-element-4fc1dc2:not(.elementor-motion-effects-element-type-background), .elementor-25631 .elementor-element.elementor-element-4fc1dc2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B1151900;}.elementor-25631 .elementor-element.elementor-element-4fc1dc2.e-con{--align-self:center;}.elementor-25631 .elementor-element.elementor-element-25e3d8a{padding:0px 0px 0px 0px;border-style:none;}.elementor-25631 .elementor-element.elementor-element-25e3d8a .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:24px;font-weight:600;color:#FFFFFF;}.elementor-25631 .elementor-element.elementor-element-f1995b3 p{margin-block-end:0px;}.elementor-25631 .elementor-element.elementor-element-f1995b3{color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-cb208c3 .elementor-icon-wrapper{text-align:left;}.elementor-25631 .elementor-element.elementor-element-cb208c3.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-cb208c3.elementor-view-framed .elementor-icon, .elementor-25631 .elementor-element.elementor-element-cb208c3.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-cb208c3.elementor-view-framed .elementor-icon, .elementor-25631 .elementor-element.elementor-element-cb208c3.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-cb208c3.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-primary );color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-cb208c3.elementor-view-framed .elementor-icon:hover, .elementor-25631 .elementor-element.elementor-element-cb208c3.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-25631 .elementor-element.elementor-element-cb208c3.elementor-view-framed .elementor-icon:hover, .elementor-25631 .elementor-element.elementor-element-cb208c3.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-primary );}.elementor-25631 .elementor-element.elementor-element-cb208c3.elementor-view-framed .elementor-icon:hover{background-color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-cb208c3.elementor-view-stacked .elementor-icon:hover svg{fill:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-cb208c3 .elementor-icon{font-size:20px;border-width:1px 1px 1px 1px;}.elementor-25631 .elementor-element.elementor-element-cb208c3 .elementor-icon svg{height:20px;}.elementor-25631 .elementor-element.elementor-element-b291cd1{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25631 .elementor-element.elementor-element-741c901{--display:flex;--min-height:422px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:15px 15px 15px 15px;--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-25631 .elementor-element.elementor-element-741c901:not(.elementor-motion-effects-element-type-background), .elementor-25631 .elementor-element.elementor-element-741c901 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://amethystchauffeur.ca/wp-content/uploads/2025/08/3153.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-25631 .elementor-element.elementor-element-a60712c{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:10px 10px 0px 0px;--padding-top:0px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-25631 .elementor-element.elementor-element-a60712c:not(.elementor-motion-effects-element-type-background), .elementor-25631 .elementor-element.elementor-element-a60712c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B1151900;}.elementor-25631 .elementor-element.elementor-element-a60712c.e-con{--align-self:center;}.elementor-25631 .elementor-element.elementor-element-6e71777{padding:0px 0px 0px 0px;border-style:none;}.elementor-25631 .elementor-element.elementor-element-6e71777 .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:24px;font-weight:600;color:#FFFFFF;}.elementor-25631 .elementor-element.elementor-element-535f393 p{margin-block-end:0px;}.elementor-25631 .elementor-element.elementor-element-535f393{color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-731ba09 .elementor-icon-wrapper{text-align:left;}.elementor-25631 .elementor-element.elementor-element-731ba09.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-731ba09.elementor-view-framed .elementor-icon, .elementor-25631 .elementor-element.elementor-element-731ba09.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-731ba09.elementor-view-framed .elementor-icon, .elementor-25631 .elementor-element.elementor-element-731ba09.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-731ba09.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-primary );color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-731ba09.elementor-view-framed .elementor-icon:hover, .elementor-25631 .elementor-element.elementor-element-731ba09.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-25631 .elementor-element.elementor-element-731ba09.elementor-view-framed .elementor-icon:hover, .elementor-25631 .elementor-element.elementor-element-731ba09.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-primary );}.elementor-25631 .elementor-element.elementor-element-731ba09.elementor-view-framed .elementor-icon:hover{background-color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-731ba09.elementor-view-stacked .elementor-icon:hover svg{fill:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-731ba09 .elementor-icon{font-size:20px;border-width:1px 1px 1px 1px;}.elementor-25631 .elementor-element.elementor-element-731ba09 .elementor-icon svg{height:20px;}.elementor-25631 .elementor-element.elementor-element-0ba7d05{--display:flex;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25631 .elementor-element.elementor-element-131bfad{--display:flex;--min-height:422px;--flex-direction:column;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:flex-end;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--border-radius:15px 15px 15px 15px;--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-25631 .elementor-element.elementor-element-131bfad:not(.elementor-motion-effects-element-type-background), .elementor-25631 .elementor-element.elementor-element-131bfad > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://amethystchauffeur.ca/wp-content/uploads/2025/08/27184005.jpg");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-25631 .elementor-element.elementor-element-52c7009{--display:flex;--gap:20px 20px;--row-gap:20px;--column-gap:20px;--border-radius:10px 10px 0px 0px;--padding-top:0px;--padding-bottom:20px;--padding-left:30px;--padding-right:30px;}.elementor-25631 .elementor-element.elementor-element-52c7009:not(.elementor-motion-effects-element-type-background), .elementor-25631 .elementor-element.elementor-element-52c7009 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#B1151900;}.elementor-25631 .elementor-element.elementor-element-52c7009.e-con{--align-self:center;}.elementor-25631 .elementor-element.elementor-element-3fd504f{padding:0px 0px 0px 0px;border-style:none;}.elementor-25631 .elementor-element.elementor-element-3fd504f .elementor-heading-title{font-family:"Urbanist", Sans-serif;font-size:24px;font-weight:600;color:#FFFFFF;}.elementor-25631 .elementor-element.elementor-element-910111f p{margin-block-end:0px;}.elementor-25631 .elementor-element.elementor-element-910111f{color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-7743cfb .elementor-icon-wrapper{text-align:left;}.elementor-25631 .elementor-element.elementor-element-7743cfb.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-7743cfb.elementor-view-framed .elementor-icon, .elementor-25631 .elementor-element.elementor-element-7743cfb.elementor-view-default .elementor-icon{color:var( --e-global-color-accent );border-color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-7743cfb.elementor-view-framed .elementor-icon, .elementor-25631 .elementor-element.elementor-element-7743cfb.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-7743cfb.elementor-view-stacked .elementor-icon:hover{background-color:var( --e-global-color-primary );color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-7743cfb.elementor-view-framed .elementor-icon:hover, .elementor-25631 .elementor-element.elementor-element-7743cfb.elementor-view-default .elementor-icon:hover{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-25631 .elementor-element.elementor-element-7743cfb.elementor-view-framed .elementor-icon:hover, .elementor-25631 .elementor-element.elementor-element-7743cfb.elementor-view-default .elementor-icon:hover svg{fill:var( --e-global-color-primary );}.elementor-25631 .elementor-element.elementor-element-7743cfb.elementor-view-framed .elementor-icon:hover{background-color:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-7743cfb.elementor-view-stacked .elementor-icon:hover svg{fill:var( --e-global-color-accent );}.elementor-25631 .elementor-element.elementor-element-7743cfb .elementor-icon{font-size:20px;border-width:1px 1px 1px 1px;}.elementor-25631 .elementor-element.elementor-element-7743cfb .elementor-icon svg{height:20px;}.elementor-25631 .elementor-element.elementor-element-f382ae0{--e-n-carousel-swiper-slides-gap:10px;--e-n-carousel-slide-height:auto;--e-n-carousel-slide-container-height:100%;}.elementor-widget-button .elementor-button{background-color:var( --e-global-color-accent );font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-25631 .elementor-element.elementor-element-20ff678{padding:0px 20px 0px 0px;}.elementor-25631 .elementor-element.elementor-element-20ff678.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-25631 .elementor-element.elementor-element-20ff678 .elementor-button{font-family:"Urbanist", Sans-serif;font-weight:500;}@media(min-width:768px){.elementor-25631 .elementor-element.elementor-element-36f9e20{--width:100%;}.elementor-25631 .elementor-element.elementor-element-afdd90b{--width:95%;}.elementor-25631 .elementor-element.elementor-element-93056a0{--width:100%;}.elementor-25631 .elementor-element.elementor-element-7ffda56{--width:95%;}.elementor-25631 .elementor-element.elementor-element-28201f0{--width:100%;}.elementor-25631 .elementor-element.elementor-element-53663f3{--width:95%;}.elementor-25631 .elementor-element.elementor-element-7321f36{--width:100%;}.elementor-25631 .elementor-element.elementor-element-f9dc0dc{--width:95%;}.elementor-25631 .elementor-element.elementor-element-b4f6bfb{--width:100%;}.elementor-25631 .elementor-element.elementor-element-a2a7aaa{--width:95%;}.elementor-25631 .elementor-element.elementor-element-5d14273{--width:100%;}.elementor-25631 .elementor-element.elementor-element-a37edff{--width:95%;}.elementor-25631 .elementor-element.elementor-element-f984e60{--width:100%;}.elementor-25631 .elementor-element.elementor-element-4e225a0{--width:95%;}.elementor-25631 .elementor-element.elementor-element-630429a{--width:100%;}.elementor-25631 .elementor-element.elementor-element-6aa34ad{--width:95%;}.elementor-25631 .elementor-element.elementor-element-3b897f9{--width:100%;}.elementor-25631 .elementor-element.elementor-element-4fc1dc2{--width:95%;}.elementor-25631 .elementor-element.elementor-element-741c901{--width:100%;}.elementor-25631 .elementor-element.elementor-element-a60712c{--width:95%;}.elementor-25631 .elementor-element.elementor-element-131bfad{--width:100%;}.elementor-25631 .elementor-element.elementor-element-52c7009{--width:95%;}}@media(max-width:1024px){.elementor-25631 .elementor-element.elementor-element-1c15675{--justify-content:space-between;}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-25631 .elementor-element.elementor-element-edd30e6 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-25631 .elementor-element.elementor-element-f382ae0{--e-n-carousel-swiper-slides-to-display:2;}}@media(max-width:767px){.elementor-25631 .elementor-element.elementor-element-1c15675{--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-25631 .elementor-element.elementor-element-edd30e6{padding:0px 0px 0px 0px;}.elementor-25631 .elementor-element.elementor-element-edd30e6 .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-25631 .elementor-element.elementor-element-36f9e20{--width:325px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25631 .elementor-element.elementor-element-93056a0{--width:325px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25631 .elementor-element.elementor-element-28201f0{--width:325px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25631 .elementor-element.elementor-element-7321f36{--width:325px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25631 .elementor-element.elementor-element-b4f6bfb{--width:325px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25631 .elementor-element.elementor-element-5d14273{--width:325px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25631 .elementor-element.elementor-element-f984e60{--width:325px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25631 .elementor-element.elementor-element-630429a{--width:325px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25631 .elementor-element.elementor-element-3b897f9{--width:325px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25631 .elementor-element.elementor-element-741c901{--width:325px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25631 .elementor-element.elementor-element-131bfad{--width:325px;--justify-content:flex-end;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-25631 .elementor-element.elementor-element-f382ae0{--e-n-carousel-swiper-slides-to-display:1;}.elementor-25631 .elementor-element.elementor-element-20ff678{padding:0px 0px 0px 0px;}.elementor-25631 .elementor-element.elementor-element-20ff678.elementor-element{--order:99999 /* order end hack */;}}/* Start custom CSS for container, class: .elementor-element-36f9e20 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-93056a0 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28201f0 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7321f36 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4f6bfb *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d14273 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f984e60 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630429a *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b897f9 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-741c901 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-131bfad *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36f9e20 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-93056a0 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28201f0 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7321f36 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4f6bfb *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d14273 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f984e60 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630429a *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b897f9 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-741c901 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-131bfad *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36f9e20 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-93056a0 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28201f0 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7321f36 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4f6bfb *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d14273 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f984e60 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630429a *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b897f9 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-741c901 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-131bfad *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36f9e20 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-93056a0 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28201f0 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7321f36 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4f6bfb *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d14273 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f984e60 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630429a *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b897f9 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-741c901 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-131bfad *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36f9e20 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-93056a0 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28201f0 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7321f36 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4f6bfb *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d14273 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f984e60 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630429a *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b897f9 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-741c901 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-131bfad *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36f9e20 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-93056a0 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28201f0 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7321f36 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4f6bfb *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d14273 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f984e60 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630429a *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b897f9 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-741c901 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-131bfad *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36f9e20 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-93056a0 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28201f0 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7321f36 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4f6bfb *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d14273 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f984e60 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630429a *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b897f9 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-741c901 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-131bfad *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36f9e20 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-93056a0 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28201f0 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7321f36 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4f6bfb *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d14273 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f984e60 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630429a *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b897f9 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-741c901 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-131bfad *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36f9e20 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-93056a0 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28201f0 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7321f36 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4f6bfb *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d14273 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f984e60 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630429a *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b897f9 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-741c901 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-131bfad *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36f9e20 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-93056a0 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28201f0 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7321f36 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4f6bfb *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d14273 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f984e60 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630429a *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b897f9 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-741c901 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-131bfad *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36f9e20 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-93056a0 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28201f0 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7321f36 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4f6bfb *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d14273 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f984e60 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630429a *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b897f9 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-741c901 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-131bfad *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-36f9e20 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-93056a0 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-28201f0 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-7321f36 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b4f6bfb *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-5d14273 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-f984e60 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-630429a *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-3b897f9 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-741c901 *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-131bfad *//* Parent container */
.hover-box {
  position: relative;
  overflow: hidden;
  background-size: cover;
  background-position: center;
  transition: transform 0.4s ease;
  min-height: 400px !important; /* Enforce minimum height */
  display: flex;
  flex-direction: column;
}

/* Black Overlay in normal state for text readability */
.hover-box::before {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5); /* Black overlay in normal state */
  backdrop-filter: blur(0px);
  transition: backdrop-filter 0.4s ease;
  z-index: 2;
}

/* Additional overlay for hover effect */
.hover-box::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0); /* Transparent by default */
  transition: background-color 0.4s ease;
  z-index: 3;
}

/* Slide-up content */
.hover-box .hover-content {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 4;
  transition: transform 0.4s ease; /* Smooth slide animation */
  color: white;
  transform: translateY(calc(100% - 2.9rem)); /* Show only heading height initially */
}

/* Heading styles */
.hover-box .heading {
  position: relative;
  z-index: 5; /* Ensure heading is above overlays */
}

/* Hide description and icon initially */
.hover-box .description,
.hover-box .icon {
  opacity: 0;
  transition: opacity 0.4s ease;
}

/* Hover Effects */
.hover-box:hover::before {
  backdrop-filter: blur(14px); /* Apply blur on hover */
}

.hover-box:hover::after {
  background-color: rgba(0, 0, 0, 0.3); /* Increase overlay opacity on hover */
}

.hover-box:hover .hover-content {
  transform: translateY(0); /* Slide content fully into view */
}

.hover-box:hover .description,
.hover-box:hover .icon {
  opacity: 1; /* Show description and icon */
}

/* Responsive adjustments */
@media (max-width: 768px) {
  .hover-box {
    min-height: 400px !important; /* Smaller height for mobile */
  }
  .hover-box .hover-content {
    transform: translateY(calc(100% - 2.5rem)); /* Adjust for smaller heading */
  }
}/* End custom CSS */