.elementor-31 .elementor-element.elementor-element-149af58{--display:flex;--min-height:500px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--overlay-opacity:0.7;}.elementor-31 .elementor-element.elementor-element-149af58::before, .elementor-31 .elementor-element.elementor-element-149af58 > .elementor-background-video-container::before, .elementor-31 .elementor-element.elementor-element-149af58 > .e-con-inner > .elementor-background-video-container::before, .elementor-31 .elementor-element.elementor-element-149af58 > .elementor-background-slideshow::before, .elementor-31 .elementor-element.elementor-element-149af58 > .e-con-inner > .elementor-background-slideshow::before, .elementor-31 .elementor-element.elementor-element-149af58 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:var( --e-global-color-b0dfbdc );--background-overlay:'';}.elementor-31 .elementor-element.elementor-element-149af58 .elementor-background-slideshow__slide__image{background-size:auto;background-position:center center;}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-31 .elementor-element.elementor-element-c38e580{width:var( --container-widget-width, 78% );max-width:78%;margin:100px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:78%;--container-widget-flex-grow:0;--e-transform-origin-x:center;--e-transform-origin-y:center;text-align:center;}.elementor-31 .elementor-element.elementor-element-c38e580.elementor-element{--align-self:center;--order:-99999 /* order start hack */;}.elementor-31 .elementor-element.elementor-element-c38e580 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:53px;font-weight:900;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-31 .elementor-element.elementor-element-add5fa5{width:var( --container-widget-width, 100% );max-width:100%;margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:100%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-size:25px;font-weight:400;color:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-add5fa5.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-add5fa5 p{margin-block-end:0px;}.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-31 .elementor-element.elementor-element-289899d .elementor-button{background-color:var( --e-global-color-ab598a8 );font-family:"Open Sans", Sans-serif;font-size:20px;font-weight:700;line-height:20px;letter-spacing:0.3px;word-spacing:1px;border-style:none;border-radius:25px 25px 25px 25px;padding:-4px -4px -4px -4px;}.elementor-31 .elementor-element.elementor-element-289899d .elementor-button:hover, .elementor-31 .elementor-element.elementor-element-289899d .elementor-button:focus{background-color:var( --e-global-color-d16c18d );color:var( --e-global-color-b0dfbdc );}.elementor-31 .elementor-element.elementor-element-289899d{margin:10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-289899d.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-289899d .elementor-button:hover svg, .elementor-31 .elementor-element.elementor-element-289899d .elementor-button:focus svg{fill:var( --e-global-color-b0dfbdc );}.elementor-31 .elementor-element.elementor-element-304f574{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-31 .elementor-element.elementor-element-4c29f2e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-31 .elementor-element.elementor-element-095d196{padding:20px 20px 20px 20px;text-align:justify;font-family:"Roboto", Sans-serif;font-size:21px;font-weight:400;color:var( --e-global-color-b0dfbdc );}.elementor-31 .elementor-element.elementor-element-74bdac1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-widget-image .widget-image-caption{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-31 .elementor-element.elementor-element-b849a83{padding:20px 20px 20px 20px;}.elementor-31 .elementor-element.elementor-element-b849a83 img{transition-duration:1s;border-radius:20px 20px 20px 20px;}.elementor-31 .elementor-element.elementor-element-4858a13{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-widget-hfe-basic-posts .hfe-post-title a{color:var( --e-global-color-primary );}.elementor-widget-hfe-basic-posts .hfe-post-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-hfe-basic-posts .hfe-post-meta{color:var( --e-global-color-text );font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-hfe-basic-posts .hfe-post-excerpt{color:var( --e-global-color-text );font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-hfe-basic-posts .hfe-read-more{color:var( --e-global-color-accent );}.elementor-31 .elementor-element.elementor-element-2d79776 .hfe-post-card{background-color:#F6F6F6;border-radius:25px 25px 0px 0px;box-shadow:0px 0px 10px -1px rgba(0,0,0,0.5);}.elementor-31 .elementor-element.elementor-element-2d79776 .hfe-posts-grid{grid-template-columns:repeat(3, 1fr);column-gap:20px;row-gap:30px;}.elementor-31 .elementor-element.elementor-element-2d79776 .hfe-post-image img{border-radius:25px 25px 0px 0px;}.elementor-31 .elementor-element.elementor-element-2d79776 .hfe-post-content{padding:20px 20px 20px 20px;}.elementor-31 .elementor-element.elementor-element-2d79776 .hfe-post-title a{color:var( --e-global-color-b0dfbdc );}.elementor-31 .elementor-element.elementor-element-2d79776 .hfe-post-title{margin-bottom:5px;}.elementor-31 .elementor-element.elementor-element-2d79776 .hfe-post-meta{margin-bottom:15px;}.elementor-31 .elementor-element.elementor-element-2d79776 .hfe-post-excerpt{margin-bottom:15px;}.elementor-31 .elementor-element.elementor-element-ebe05f9{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-31 .elementor-element.elementor-element-e9cede2{margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;text-align:center;}.elementor-31 .elementor-element.elementor-element-e9cede2 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:42px;font-weight:900;color:var( --e-global-color-ab598a8 );}.elementor-31 .elementor-element.elementor-element-e9cede2 .elementor-heading-title a{transition-duration:0s;}.elementor-31 .elementor-element.elementor-element-20831b8{width:var( --container-widget-width, 77% );max-width:77%;--container-widget-width:77%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-size:21px;font-weight:400;color:var( --e-global-color-b0dfbdc );}.elementor-31 .elementor-element.elementor-element-20831b8.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-bf1fa0a{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-31 .elementor-element.elementor-element-95f1e78{--display:flex;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-31 .elementor-element.elementor-element-96033ba{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:20px 20px 20px 20px;box-shadow:0px 6px 25px -15px rgba(0,0,0,0.5);--margin-top:15px;--margin-bottom:15px;--margin-left:15px;--margin-right:15px;}.elementor-31 .elementor-element.elementor-element-96033ba:not(.elementor-motion-effects-element-type-background), .elementor-31 .elementor-element.elementor-element-96033ba > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d16c18d );}.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-31 .elementor-element.elementor-element-6e3ba2d .elementor-icon-wrapper{text-align:center;}.elementor-31 .elementor-element.elementor-element-6e3ba2d.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-b0dfbdc );}.elementor-31 .elementor-element.elementor-element-6e3ba2d.elementor-view-framed .elementor-icon, .elementor-31 .elementor-element.elementor-element-6e3ba2d.elementor-view-default .elementor-icon{color:var( --e-global-color-b0dfbdc );border-color:var( --e-global-color-b0dfbdc );}.elementor-31 .elementor-element.elementor-element-6e3ba2d.elementor-view-framed .elementor-icon, .elementor-31 .elementor-element.elementor-element-6e3ba2d.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-b0dfbdc );}.elementor-31 .elementor-element.elementor-element-0a4c49e{text-align:center;}.elementor-31 .elementor-element.elementor-element-0a4c49e .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-weight:900;color:var( --e-global-color-ab598a8 );}.elementor-31 .elementor-element.elementor-element-0a4c49e .elementor-heading-title a{transition-duration:0s;}.elementor-31 .elementor-element.elementor-element-6353420{width:var( --container-widget-width, 75% );max-width:75%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:75%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-31 .elementor-element.elementor-element-6353420.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-8508ffd{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:20px 20px 20px 20px;box-shadow:0px 6px 25px -15px rgba(0,0,0,0.5);--margin-top:15px;--margin-bottom:15px;--margin-left:15px;--margin-right:15px;--padding-top:30px;--padding-bottom:30px;--padding-left:30px;--padding-right:30px;}.elementor-31 .elementor-element.elementor-element-8508ffd:not(.elementor-motion-effects-element-type-background), .elementor-31 .elementor-element.elementor-element-8508ffd > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d16c18d );}.elementor-31 .elementor-element.elementor-element-8508ffd.e-con{--order:-99999 /* order start hack */;}.elementor-31 .elementor-element.elementor-element-f800bc3{margin:-10px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-f800bc3 .elementor-icon-wrapper{text-align:center;}.elementor-31 .elementor-element.elementor-element-f800bc3.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-b0dfbdc );}.elementor-31 .elementor-element.elementor-element-f800bc3.elementor-view-framed .elementor-icon, .elementor-31 .elementor-element.elementor-element-f800bc3.elementor-view-default .elementor-icon{color:var( --e-global-color-b0dfbdc );border-color:var( --e-global-color-b0dfbdc );}.elementor-31 .elementor-element.elementor-element-f800bc3.elementor-view-framed .elementor-icon, .elementor-31 .elementor-element.elementor-element-f800bc3.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-b0dfbdc );}.elementor-31 .elementor-element.elementor-element-e4b48f3{text-align:center;}.elementor-31 .elementor-element.elementor-element-e4b48f3 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-weight:900;color:var( --e-global-color-ab598a8 );}.elementor-31 .elementor-element.elementor-element-e4b48f3 .elementor-heading-title a{transition-duration:0s;}.elementor-31 .elementor-element.elementor-element-83baf73{width:var( --container-widget-width, 75% );max-width:75%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:75%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-31 .elementor-element.elementor-element-83baf73.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-8bc487d{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:20px 20px 20px 20px;box-shadow:0px 6px 25px -15px rgba(0,0,0,0.5);--margin-top:15px;--margin-bottom:15px;--margin-left:15px;--margin-right:15px;}.elementor-31 .elementor-element.elementor-element-8bc487d:not(.elementor-motion-effects-element-type-background), .elementor-31 .elementor-element.elementor-element-8bc487d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d16c18d );}.elementor-31 .elementor-element.elementor-element-50415cb .elementor-icon-wrapper{text-align:center;}.elementor-31 .elementor-element.elementor-element-50415cb.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-b0dfbdc );}.elementor-31 .elementor-element.elementor-element-50415cb.elementor-view-framed .elementor-icon, .elementor-31 .elementor-element.elementor-element-50415cb.elementor-view-default .elementor-icon{color:var( --e-global-color-b0dfbdc );border-color:var( --e-global-color-b0dfbdc );}.elementor-31 .elementor-element.elementor-element-50415cb.elementor-view-framed .elementor-icon, .elementor-31 .elementor-element.elementor-element-50415cb.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-b0dfbdc );}.elementor-31 .elementor-element.elementor-element-b789d6d{text-align:center;}.elementor-31 .elementor-element.elementor-element-b789d6d .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-weight:900;color:var( --e-global-color-ab598a8 );}.elementor-31 .elementor-element.elementor-element-b789d6d .elementor-heading-title a{transition-duration:0s;}.elementor-31 .elementor-element.elementor-element-7331632{width:var( --container-widget-width, 75% );max-width:75%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:75%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-31 .elementor-element.elementor-element-7331632.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-7096ed6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--border-radius:20px 20px 20px 20px;box-shadow:0px 6px 25px -15px rgba(0,0,0,0.5);--margin-top:15px;--margin-bottom:15px;--margin-left:15px;--margin-right:15px;}.elementor-31 .elementor-element.elementor-element-7096ed6:not(.elementor-motion-effects-element-type-background), .elementor-31 .elementor-element.elementor-element-7096ed6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-d16c18d );}.elementor-31 .elementor-element.elementor-element-f32ed1e .elementor-icon-wrapper{text-align:center;}.elementor-31 .elementor-element.elementor-element-f32ed1e.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-b0dfbdc );}.elementor-31 .elementor-element.elementor-element-f32ed1e.elementor-view-framed .elementor-icon, .elementor-31 .elementor-element.elementor-element-f32ed1e.elementor-view-default .elementor-icon{color:var( --e-global-color-b0dfbdc );border-color:var( --e-global-color-b0dfbdc );}.elementor-31 .elementor-element.elementor-element-f32ed1e.elementor-view-framed .elementor-icon, .elementor-31 .elementor-element.elementor-element-f32ed1e.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-b0dfbdc );}.elementor-31 .elementor-element.elementor-element-452a598{text-align:center;}.elementor-31 .elementor-element.elementor-element-452a598 .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-weight:900;color:var( --e-global-color-ab598a8 );}.elementor-31 .elementor-element.elementor-element-452a598 .elementor-heading-title a{transition-duration:0s;}.elementor-31 .elementor-element.elementor-element-3607fd0{width:var( --container-widget-width, 75% );max-width:75%;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:75%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-weight:500;}.elementor-31 .elementor-element.elementor-element-3607fd0.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-021b30e{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-31 .elementor-element.elementor-element-819b51d{width:var( --container-widget-width, 71% );max-width:71%;margin:20px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:71%;--container-widget-flex-grow:0;text-align:center;}.elementor-31 .elementor-element.elementor-element-819b51d.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-819b51d .elementor-heading-title{font-family:"Open Sans", Sans-serif;font-size:42px;font-weight:900;color:var( --e-global-color-ab598a8 );}.elementor-31 .elementor-element.elementor-element-819b51d .elementor-heading-title a{transition-duration:0s;}.elementor-31 .elementor-element.elementor-element-7c47d71{width:var( --container-widget-width, 64% );max-width:64%;--container-widget-width:64%;--container-widget-flex-grow:0;text-align:center;font-family:"Roboto", Sans-serif;font-size:21px;font-weight:400;color:var( --e-global-color-b0dfbdc );}.elementor-31 .elementor-element.elementor-element-7c47d71.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-d3b0abc .elementor-button{background-color:var( --e-global-color-b0dfbdc );font-family:"Open Sans", Sans-serif;font-size:20px;font-weight:700;line-height:20px;letter-spacing:0.3px;word-spacing:1px;border-style:none;border-radius:25px 25px 25px 25px;padding:-4px -4px -4px -4px;}.elementor-31 .elementor-element.elementor-element-d3b0abc .elementor-button:hover, .elementor-31 .elementor-element.elementor-element-d3b0abc .elementor-button:focus{background-color:var( --e-global-color-ab598a8 );color:#FFFFFF;}.elementor-31 .elementor-element.elementor-element-d3b0abc{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-31 .elementor-element.elementor-element-d3b0abc.elementor-element{--align-self:center;}.elementor-31 .elementor-element.elementor-element-d3b0abc .elementor-button:hover svg, .elementor-31 .elementor-element.elementor-element-d3b0abc .elementor-button:focus svg{fill:#FFFFFF;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-31 .elementor-element.elementor-element-2d79776 .hfe-posts-grid{grid-template-columns:repeat(2, 1fr);}}@media(max-width:767px){.elementor-31 .elementor-element.elementor-element-c38e580{margin:75px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;--container-widget-width:70%;--container-widget-flex-grow:0;width:var( --container-widget-width, 70% );max-width:70%;}.elementor-31 .elementor-element.elementor-element-c38e580 .elementor-heading-title{font-size:20px;}.elementor-31 .elementor-element.elementor-element-2d79776 .hfe-posts-grid{grid-template-columns:repeat(1, 1fr);}}@media(min-width:768px){.elementor-31 .elementor-element.elementor-element-4c29f2e{--width:50%;}.elementor-31 .elementor-element.elementor-element-74bdac1{--width:50%;}.elementor-31 .elementor-element.elementor-element-96033ba{--width:50%;}.elementor-31 .elementor-element.elementor-element-8508ffd{--width:50%;}.elementor-31 .elementor-element.elementor-element-8bc487d{--width:50%;}.elementor-31 .elementor-element.elementor-element-7096ed6{--width:50%;}}/* Start custom CSS for container, class: .elementor-element-149af58 */<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Dynamic Australian-Made Indoor Screens</title>
    <!-- Load Tailwind CSS -->
    <script src="https://cdn.tailwindcss.com"></script>
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap" rel="stylesheet">
    <style>
        /* Custom Variables */
        :root {
            --primary-color: #004d40; /* Deep Teal/Green */
            --secondary-color: #ff9800; /* Bright Orange */
            --light-bg: #f5f5f5;
        }

        body {
            font-family: 'Inter', sans-serif;
            color: #333;
            line-height: 1.6;
            background-color: #fff;
        }
        
        /* Utility Classes (Tailwind overrides/extensions) */
        .cta-button {
            transition: all 0.3s ease;
            text-transform: uppercase;
            letter-spacing: 0.05em;
            font-weight: 700;
            border-radius: 8px; /* Consistent rounding */
            box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
        }

        .cta-primary {
            background-color: var(--secondary-color);
            color: white;
            border: 2px solid var(--secondary-color);
        }
        .cta-primary:hover {
            background-color: #e68900;
            border-color: #e68900;
        }

        .cta-secondary {
            background-color: var(--primary-color);
            color: white;
            border: 2px solid var(--primary-color);
        }
        .cta-secondary:hover {
            background-color: #00332b;
            border-color: #00332b;
        }

        /* Hero Specific Styling */
        .hero {
            background-color: var(--primary-color);
            background-image: linear-gradient(rgba(0, 77, 64, 0.6), rgba(0, 77, 64, 0.8)), url('https://placehold.co/1200x600/004d40/ffffff?text=Professional+Indoor+Screen+Image');
            background-position: center;
            background-size: cover;
            position: relative;
        }
        
        /* Testimonial Bar */
        .testimonial-block {
            border-left: 6px solid var(--secondary-color);
        }

        /* Form Input Focus */
        input:focus, textarea:focus {
            border-color: var(--secondary-color) !important;
            box-shadow: 0 0 0 3px rgba(255, 152, 0, 0.5);
            outline: none;
        }

    </style>
</head>
<body class="antialiased">

    <!-- HEADER/HERO SECTION -->
    <header id="hero" class="hero text-white py-24 md:py-32 lg:py-40">
        <div class="container mx-auto px-6 text-center">
            <h1 class="text-4xl sm:text-5xl lg:text-6xl font-extrabold mb-4 leading-tight">
                Turn Your Walls Into Dynamic Customer Magnets
            </h1>
            <p class="text-xl sm:text-2xl font-light mb-8 max-w-3xl mx-auto">
                Engage Customers and Elevate Your Brand with Premium, **Australian-Made** Indoor Screens.
            </p>
            <a href="#consultation" class="cta-button cta-primary inline-block text-lg shadow-xl hover:scale-105 transform">
                START YOUR CUSTOM PROJECT &rarr;
            </a>
        </div>
    </header>

    <!-- VALUE PROPOSITION SECTION -->
    <section id="value" class="py-16 md:py-24 bg-white">
        <div class="container mx-auto px-6">
            <h2 class="text-3xl sm:text-4xl font-bold text-center mb-12 text-[var(--primary-color)]">
                Why Choose Our Custom Indoor Screens?
            </h2>

            <!-- Pitch Content -->
            <div class="max-w-4xl mx-auto text-center mb-16 space-y-4 text-lg">
                <p>From small welcoming signs to full-scale feature walls, our **dynamic Australian-made screens** are the ultimate tool to **attract and engage your customers** indoors.</p>
                <p>These are not just screens; they are an investment in your customer experience. Our **premium, custom-made solutions** offer **exceptional quality, reliability, and cost-efficiency**, making them the perfect fit for any business, large or small.</p>
            </div>

            <!-- Benefit Grid -->
            <div class="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-4 gap-8">
                <div class="benefit-card p-6 bg-[var(--light-bg)] rounded-xl shadow-lg hover:shadow-2xl transition duration-300">
                    <div class="text-[var(--secondary-color)] mb-3 text-3xl">💡</div>
                    <h3 class="text-xl font-semibold mb-2 text-[var(--primary-color)]">Designed to Attract</h3>
                    <p class="text-gray-600">Go beyond passive décor—create an engaging, memorable focal point that draws customers in.</p>
                </div>
                <div class="benefit-card p-6 bg-[var(--light-bg)] rounded-xl shadow-lg hover:shadow-2xl transition duration-300">
                    <div class="text-[var(--secondary-color)] mb-3 text-3xl">🛡️</div>
                    <h3 class="text-xl font-semibold mb-2 text-[var(--primary-color)]">Premium & Reliable</h3>
                    <p class="text-gray-600">Guaranteed exceptional quality, durability, and craftsmanship from an Australian manufacturer you can trust.</p>
                </div>
                <div class="benefit-card p-6 bg-[var(--light-bg)] rounded-xl shadow-lg hover:shadow-2xl transition duration-300">
                    <div class="text-[var(--secondary-color)] mb-3 text-3xl">📐</div>
                    <h3 class="text-xl font-semibold mb-2 text-[var(--primary-color)]">Fully Custom Made</h3>
                    <p class="text-gray-600">Tailored precisely to fit your exact brand identity, size specifications, and unique design vision.</p>
                </div>
                <div class="benefit-card p-6 bg-[var(--light-bg)] rounded-xl shadow-lg hover:shadow-2xl transition duration-300">
                    <div class="text-[var(--secondary-color)] mb-3 text-3xl">📈</div>
                    <h3 class="text-xl font-semibold mb-2 text-[var(--primary-color)]">High ROI Investment</h3>
                    <p class="text-gray-600">A durable, long-term, and cost-efficient marketing solution that delivers a clear return on customer engagement.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- TRUST & PROOF SECTION -->
    <section id="trust" class="py-16 md:py-24 bg-[var(--light-bg)]">
        <div class="container mx-auto px-6">
            <h2 class="text-3xl sm:text-4xl font-bold text-center mb-12 text-[var(--primary-color)]">
                Trusted by Businesses Across Australia
            </h2>
            
            <blockquote class="testimonial-block max-w-3xl mx-auto p-6 md:p-8 bg-white shadow-xl rounded-lg text-center text-xl italic text-gray-700">
                "The new screen feature wall instantly changed the feel of our reception area. We've seen a noticeable increase in positive customer comments—it's a truly premium product."
                <footer class="mt-4 text-base font-medium not-italic text-gray-500">
                    — <strong class="text-gray-800">Sarah L.</strong> | Retail Store Owner, Sydney
                </footer>
            </blockquote>

            <div class="logo-placeholder mt-16 max-w-4xl mx-auto h-24 flex items-center justify-center bg-gray-200 rounded-lg border-2 border-dashed border-gray-400">
                <p class="font-semibold text-gray-600 text-lg">Showcase Your Trusted Client Logos Here</p>
            </div>
        </div>
    </section>

    <!-- FINAL CALL-TO-ACTION SECTION with Form -->
    <section id="consultation" class="final-cta py-16 md:py-24 bg-[var(--primary-color)] text-white">
        <div class="container mx-auto px-6 text-center">
            <h2 class="text-3xl sm:text-4xl font-bold mb-4 text-white">
                Ready to Transform Your Business Space?
            </h2>
            <p class="text-xl font-light mb-8 max-w-2xl mx-auto">
                Don't settle for static signage. Our screens enhance your business and are proven to **bring you more customers**. Take the first step today.
            </p>

            <!-- Consultation Form -->
            <div class="max-w-lg mx-auto bg-white p-6 sm:p-8 rounded-xl shadow-2xl">
                <h3 class="text-2xl font-bold mb-6 text-[var(--primary-color)]">Schedule Your Free Consultation</h3>
                <form id="consultation-form" onsubmit="event.preventDefault(); showConfirmation();">
                    <div class="mb-4 text-left">
                        <label for="name" class="block text-gray-700 text-sm font-medium mb-2">Full Name</label>
                        <input type="text" id="name" required
                               class="w-full p-3 border-2 border-gray-300 rounded-lg text-gray-800 focus:ring-[var(--secondary-color)] focus:border-[var(--secondary-color)] transition duration-150">
                    </div>
                    <div class="mb-4 text-left">
                        <label for="email" class="block text-gray-700 text-sm font-medium mb-2">Business Email</label>
                        <input type="email" id="email" required
                               class="w-full p-3 border-2 border-gray-300 rounded-lg text-gray-800 focus:ring-[var(--secondary-color)] focus:border-[var(--secondary-color)] transition duration-150">
                    </div>
                    <div class="mb-6 text-left">
                        <label for="details" class="block text-gray-700 text-sm font-medium mb-2">Project Details (Optional)</label>
                        <textarea id="details" rows="3"
                                  class="w-full p-3 border-2 border-gray-300 rounded-lg text-gray-800 focus:ring-[var(--secondary-color)] focus:border-[var(--secondary-color)] transition duration-150"></textarea>
                    </div>
                    <button type="submit" class="cta-button cta-primary w-full py-3 text-lg hover:scale-100 transform">
                        BOOK MY FREE CALL
                    </button>
                </form>

                <!-- Confirmation Message Box (Hidden by default) -->
                <div id="confirmation-message" class="hidden mt-6 p-4 bg-green-100 border border-green-400 text-green-700 rounded-lg">
                    <p class="font-semibold">Thank you! We've received your request.</p>
                    <p class="text-sm">A specialist will contact you within one business day to discuss your custom project.</p>
                </div>
            </div>
        </div>
    </section>

    <!-- FOOTER -->
    <footer class="bg-gray-800 text-gray-400 py-8">
        <div class="container mx-auto px-6 text-center text-sm">
            <p>&copy; 2025 [Your Company Name]. All rights reserved. Australian Made Quality.</p>
        </div>
    </footer>

    <!-- JavaScript for Form Submission Handling -->
    <script>
        function showConfirmation() {
            // Get form elements
            const form = document.getElementById('consultation-form');
            const messageBox = document.getElementById('confirmation-message');
            
            // In a real application, you would send data to a server here.
            // For this example, we just hide the form and show the confirmation message.
            form.style.display = 'none';
            messageBox.classList.remove('hidden');

            // Optional: Scroll to the confirmation message
            messageBox.scrollIntoView({ behavior: 'smooth' });

            // In a production app, you would use Firebase/Firestore here for persistent storage.
            // Since this is a simple HTML page, we are using a client-side confirmation.
        }
    </script>
</body>
</html>/* End custom CSS */