.elementor-888 .elementor-element.elementor-element-53d57801{--display:flex;--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:center;--align-items:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overflow:hidden;--overlay-opacity:0.49;--margin-top:-144px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-888 .elementor-element.elementor-element-53d57801:not(.elementor-motion-effects-element-type-background), .elementor-888 .elementor-element.elementor-element-53d57801 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );background-image:url("https://new.hydrasearch.com/wp-content/uploads/2024/11/Banner-all.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-888 .elementor-element.elementor-element-53d57801::before, .elementor-888 .elementor-element.elementor-element-53d57801 > .elementor-background-video-container::before, .elementor-888 .elementor-element.elementor-element-53d57801 > .e-con-inner > .elementor-background-video-container::before, .elementor-888 .elementor-element.elementor-element-53d57801 > .elementor-background-slideshow::before, .elementor-888 .elementor-element.elementor-element-53d57801 > .e-con-inner > .elementor-background-slideshow::before, .elementor-888 .elementor-element.elementor-element-53d57801 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:transparent;--background-overlay:'';background-image:linear-gradient(180deg, #00254D9E 92%, var( --e-global-color-primary ) 100%);}.elementor-888 .elementor-element.elementor-element-53d57801.e-con{--align-self:center;}.elementor-888 .elementor-element.elementor-element-7c3cfb3f{--spacer-size:193px;}.elementor-888 .elementor-element.elementor-element-7c3cfb3f > .elementor-widget-container{padding:0px 0px 0px 0px;}.elementor-888 .elementor-element.elementor-element-2e1ec4d3{--display:flex;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-888 .elementor-element.elementor-element-2e1ec4d3.e-con{--align-self:center;}.elementor-888 .elementor-element.elementor-element-22d931d2{--display:flex;--gap:10px 0px;--row-gap:10px;--column-gap:0px;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:15%;}.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-888 .elementor-element.elementor-element-23388661 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-888 .elementor-element.elementor-element-23388661.elementor-element{--align-self:flex-start;}.elementor-888 .elementor-element.elementor-element-23388661{text-align:left;}.elementor-888 .elementor-element.elementor-element-23388661 .elementor-heading-title{font-family:"Franklin Gothic Demi Cond Regular", Sans-serif;font-size:4rem;font-weight:400;text-decoration:none;-webkit-text-stroke-width:1px;stroke-width:1px;-webkit-text-stroke-color:#000;stroke:#000;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-888 .elementor-element.elementor-element-2ad3577a{font-family:"Franklin Gothic book regular", Sans-serif;font-size:20px;font-weight:400;color:#FFFFFF;}.elementor-888 .elementor-element.elementor-element-440c5c34{--display:flex;--justify-content:flex-end;--align-items:flex-end;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--gap:1px 1px;--row-gap:1px;--column-gap:1px;}.elementor-888 .elementor-element.elementor-element-440c5c34.e-con{--align-self:flex-end;}.elementor-888 .elementor-element.elementor-element-788ac484{--display:flex;--margin-top:0%;--margin-bottom:0%;--margin-left:0%;--margin-right:0%;}.elementor-888 .elementor-element.elementor-element-4ca4211e > .elementor-widget-container{margin:0px 110px 0px 0px;padding:-1px -1px -1px -1px;}.elementor-888 .elementor-element.elementor-element-4ca4211e{text-align:right;}.elementor-888 .elementor-element.elementor-element-4ca4211e .elementor-heading-title{font-family:"Roboto", Sans-serif;font-size:16px;font-weight:400;text-decoration:none;color:#FFFFFF;}.elementor-888 .elementor-element.elementor-element-157df5c{--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;--justify-content:flex-end;--padding-top:0%;--padding-bottom:0%;--padding-left:0%;--padding-right:0%;}.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-888 .elementor-element.elementor-element-4c3c06fd .elementor-icon-wrapper{text-align:center;}.elementor-888 .elementor-element.elementor-element-4c3c06fd.elementor-view-stacked .elementor-icon:hover{background-color:#FFFFFF;}.elementor-888 .elementor-element.elementor-element-4c3c06fd.elementor-view-framed .elementor-icon:hover, .elementor-888 .elementor-element.elementor-element-4c3c06fd.elementor-view-default .elementor-icon:hover{color:#FFFFFF;border-color:#FFFFFF;}.elementor-888 .elementor-element.elementor-element-4c3c06fd.elementor-view-framed .elementor-icon:hover, .elementor-888 .elementor-element.elementor-element-4c3c06fd.elementor-view-default .elementor-icon:hover svg{fill:#FFFFFF;}.elementor-888 .elementor-element.elementor-element-4c3c06fd .elementor-icon{font-size:32px;}.elementor-888 .elementor-element.elementor-element-4c3c06fd .elementor-icon svg{height:32px;}.elementor-888 .elementor-element.elementor-element-3dbe0305 .elementor-icon-wrapper{text-align:center;}.elementor-888 .elementor-element.elementor-element-3dbe0305.elementor-view-stacked .elementor-icon:hover{background-color:#FFFFFF;}.elementor-888 .elementor-element.elementor-element-3dbe0305.elementor-view-framed .elementor-icon:hover, .elementor-888 .elementor-element.elementor-element-3dbe0305.elementor-view-default .elementor-icon:hover{color:#FFFFFF;border-color:#FFFFFF;}.elementor-888 .elementor-element.elementor-element-3dbe0305.elementor-view-framed .elementor-icon:hover, .elementor-888 .elementor-element.elementor-element-3dbe0305.elementor-view-default .elementor-icon:hover svg{fill:#FFFFFF;}.elementor-888 .elementor-element.elementor-element-3dbe0305 .elementor-icon{font-size:32px;}.elementor-888 .elementor-element.elementor-element-3dbe0305 .elementor-icon svg{height:32px;}.elementor-888 .elementor-element.elementor-element-744e9e2b .elementor-icon-wrapper{text-align:center;}.elementor-888 .elementor-element.elementor-element-744e9e2b.elementor-view-stacked .elementor-icon:hover{background-color:#FFFFFF;}.elementor-888 .elementor-element.elementor-element-744e9e2b.elementor-view-framed .elementor-icon:hover, .elementor-888 .elementor-element.elementor-element-744e9e2b.elementor-view-default .elementor-icon:hover{color:#FFFFFF;border-color:#FFFFFF;}.elementor-888 .elementor-element.elementor-element-744e9e2b.elementor-view-framed .elementor-icon:hover, .elementor-888 .elementor-element.elementor-element-744e9e2b.elementor-view-default .elementor-icon:hover svg{fill:#FFFFFF;}.elementor-888 .elementor-element.elementor-element-744e9e2b .elementor-icon{font-size:32px;}.elementor-888 .elementor-element.elementor-element-744e9e2b .elementor-icon svg{height:32px;}.elementor-888 .elementor-element.elementor-element-3c5afb4b .elementor-icon-wrapper{text-align:center;}.elementor-888 .elementor-element.elementor-element-3c5afb4b.elementor-view-stacked .elementor-icon{background-color:var( --e-global-color-primary );}.elementor-888 .elementor-element.elementor-element-3c5afb4b.elementor-view-framed .elementor-icon, .elementor-888 .elementor-element.elementor-element-3c5afb4b.elementor-view-default .elementor-icon{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-888 .elementor-element.elementor-element-3c5afb4b.elementor-view-framed .elementor-icon, .elementor-888 .elementor-element.elementor-element-3c5afb4b.elementor-view-default .elementor-icon svg{fill:var( --e-global-color-primary );}.elementor-888 .elementor-element.elementor-element-3c5afb4b.elementor-view-stacked .elementor-icon:hover{background-color:#FFFFFF;}.elementor-888 .elementor-element.elementor-element-3c5afb4b.elementor-view-framed .elementor-icon:hover, .elementor-888 .elementor-element.elementor-element-3c5afb4b.elementor-view-default .elementor-icon:hover{color:#FFFFFF;border-color:#FFFFFF;}.elementor-888 .elementor-element.elementor-element-3c5afb4b.elementor-view-framed .elementor-icon:hover, .elementor-888 .elementor-element.elementor-element-3c5afb4b.elementor-view-default .elementor-icon:hover svg{fill:#FFFFFF;}.elementor-888 .elementor-element.elementor-element-3c5afb4b .elementor-icon{font-size:32px;}.elementor-888 .elementor-element.elementor-element-3c5afb4b .elementor-icon svg{height:32px;}.elementor-888 .elementor-element.elementor-element-6b2f2a4{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-888 .elementor-element.elementor-element-0b07681{--display:flex;--min-height:60px;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:-5px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-888 .elementor-element.elementor-element-0b07681:not(.elementor-motion-effects-element-type-background), .elementor-888 .elementor-element.elementor-element-0b07681 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-primary );}.elementor-888 .elementor-element.elementor-element-2b14221{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:40px;--padding-bottom:40px;--padding-left:10px;--padding-right:10px;}.elementor-888 .elementor-element.elementor-element-6643162 .elementor-heading-title{font-family:"Franklin Gothic Demi Cond Regular", Sans-serif;font-size:2rem;font-weight:500;color:var( --e-global-color-primary );}.elementor-widget-archive-posts .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-widget-archive-posts .elementor-post__title, .elementor-widget-archive-posts .elementor-post__title a{color:var( --e-global-color-secondary );font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );}.elementor-widget-archive-posts .elementor-post__meta-data{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .elementor-post__excerpt p{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );}.elementor-widget-archive-posts .elementor-post__read-more{color:var( --e-global-color-accent );}.elementor-widget-archive-posts a.elementor-post__read-more{font-family:var( --e-global-typography-accent-font-family ), Sans-serif;font-weight:var( --e-global-typography-accent-font-weight );}.elementor-widget-archive-posts .elementor-post__card .elementor-post__badge{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-widget-archive-posts .elementor-pagination{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .e-load-more-message{font-family:var( --e-global-typography-secondary-font-family ), Sans-serif;font-weight:var( --e-global-typography-secondary-font-weight );}.elementor-widget-archive-posts .elementor-posts-nothing-found{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-888 .elementor-element.elementor-element-70f2362{--item-display:flex;--read-more-alignment:1;--grid-row-gap:30px;--grid-column-gap:20px;}.elementor-888 .elementor-element.elementor-element-70f2362 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.7 * 100% );}.elementor-888 .elementor-element.elementor-element-70f2362:after{content:"0.7";}.elementor-888 .elementor-element.elementor-element-70f2362 .elementor-post__thumbnail__link{width:100%;}.elementor-888 .elementor-element.elementor-element-70f2362 .elementor-post__meta-data span + span:before{content:"•";}.elementor-888 .elementor-element.elementor-element-70f2362 .elementor-post__card{border-color:#2B567738;border-width:1px;border-radius:25px;padding-top:0px;padding-bottom:0px;}.elementor-888 .elementor-element.elementor-element-70f2362 .elementor-post__text{padding:0 15px;margin-top:0px;}.elementor-888 .elementor-element.elementor-element-70f2362 .elementor-post__meta-data{padding:10px 15px;color:var( --e-global-color-secondary );}.elementor-888 .elementor-element.elementor-element-70f2362 .elementor-post__avatar{padding-right:15px;padding-left:15px;}.elementor-888 .elementor-element.elementor-element-70f2362 .elementor-post__title, .elementor-888 .elementor-element.elementor-element-70f2362 .elementor-post__title a{color:var( --e-global-color-primary );font-family:"Franklin Gothic Demi Cond Regular", Sans-serif;font-size:1.4rem;font-weight:300;}.elementor-888 .elementor-element.elementor-element-70f2362 .elementor-post__title{-webkit-text-stroke-color:#000;stroke:#000;}.elementor-888 .elementor-element.elementor-element-70f2362 .elementor-post__read-more{color:#FFFFFF;}.elementor-888 .elementor-element.elementor-element-70f2362 .elementor-pagination{text-align:center;font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-weight:var( --e-global-typography-primary-font-weight );margin-top:40px;}.elementor-888 .elementor-element.elementor-element-70f2362 .elementor-pagination .page-numbers:not(.dots){color:var( --e-global-color-primary );}.elementor-888 .elementor-element.elementor-element-70f2362 .elementor-pagination a.page-numbers:hover{color:var( --e-global-color-secondary );}body:not(.rtl) .elementor-888 .elementor-element.elementor-element-70f2362 .elementor-pagination .page-numbers:not(:first-child){margin-left:calc( 10px/2 );}body:not(.rtl) .elementor-888 .elementor-element.elementor-element-70f2362 .elementor-pagination .page-numbers:not(:last-child){margin-right:calc( 10px/2 );}body.rtl .elementor-888 .elementor-element.elementor-element-70f2362 .elementor-pagination .page-numbers:not(:first-child){margin-right:calc( 10px/2 );}body.rtl .elementor-888 .elementor-element.elementor-element-70f2362 .elementor-pagination .page-numbers:not(:last-child){margin-left:calc( 10px/2 );}.elementor-888 .elementor-element.elementor-element-70f2362 .elementor-posts-nothing-found{color:var( --e-global-color-primary );}.elementor-888 .elementor-element.elementor-element-20c9a8e{--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;--overflow:hidden;--margin-top:45px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-888 .elementor-element.elementor-element-ce74929{text-align:center;}.elementor-888 .elementor-element.elementor-element-ce74929 .elementor-heading-title{font-family:"Franklin Gothic Demi Cond Regular", Sans-serif;font-size:3rem;font-weight:600;}.elementor-888 .elementor-element.elementor-element-71a2313{--display:flex;--min-height:150px;--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;--justify-content:center;--gap:0px 100px;--row-gap:0px;--column-gap:100px;}.elementor-888 .elementor-element.elementor-element-8e33aa6{--display:flex;--min-height:150px;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-888 .elementor-element.elementor-element-8e33aa6:not(.elementor-motion-effects-element-type-background), .elementor-888 .elementor-element.elementor-element-8e33aa6 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://new.hydrasearch.com/wp-content/uploads/2024/10/UL-Standards-1.svg");background-position:center center;background-repeat:no-repeat;background-size:auto;}.elementor-888 .elementor-element.elementor-element-8e33aa6.e-con{--align-self:center;}.elementor-888 .elementor-element.elementor-element-d82b164.elementor-element{--align-self:center;}.elementor-888 .elementor-element.elementor-element-07bdd4a{--display:flex;--justify-content:center;}.elementor-888 .elementor-element.elementor-element-07bdd4a:not(.elementor-motion-effects-element-type-background), .elementor-888 .elementor-element.elementor-element-07bdd4a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://new.hydrasearch.com/wp-content/uploads/2024/10/AS9100D-removebg-preview-2.svg");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-888 .elementor-element.elementor-element-70142f5.elementor-element{--align-self:center;}.elementor-888 .elementor-element.elementor-element-eb45093{--display:flex;--min-height:147px;--justify-content:center;}.elementor-888 .elementor-element.elementor-element-eb45093:not(.elementor-motion-effects-element-type-background), .elementor-888 .elementor-element.elementor-element-eb45093 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://new.hydrasearch.com/wp-content/uploads/2024/10/1200-px-rina-logo-svg_3x_1-2.svg");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-888 .elementor-element.elementor-element-dfed7c8.elementor-element{--align-self:center;}.elementor-888 .elementor-element.elementor-element-4071aae{--display:flex;--min-height:150px;--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;--justify-content:center;--gap:0px 100px;--row-gap:0px;--column-gap:100px;}.elementor-888 .elementor-element.elementor-element-1ea7510{--display:flex;--min-height:150px;--justify-content:center;--gap:0px 0px;--row-gap:0px;--column-gap:0px;}.elementor-888 .elementor-element.elementor-element-1ea7510:not(.elementor-motion-effects-element-type-background), .elementor-888 .elementor-element.elementor-element-1ea7510 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://new.hydrasearch.com/wp-content/uploads/2024/10/UL-Standards-1.svg");background-position:center center;background-repeat:no-repeat;background-size:auto;}.elementor-888 .elementor-element.elementor-element-1ea7510.e-con{--align-self:center;}.elementor-888 .elementor-element.elementor-element-2e9ad2e.elementor-element{--align-self:center;}.elementor-888 .elementor-element.elementor-element-78d5b29{--display:flex;--justify-content:center;}.elementor-888 .elementor-element.elementor-element-78d5b29:not(.elementor-motion-effects-element-type-background), .elementor-888 .elementor-element.elementor-element-78d5b29 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://new.hydrasearch.com/wp-content/uploads/2024/10/AS9100D-removebg-preview-2.svg");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-888 .elementor-element.elementor-element-40c9402.elementor-element{--align-self:center;}.elementor-888 .elementor-element.elementor-element-39680c0{--display:flex;--min-height:147px;--justify-content:center;}.elementor-888 .elementor-element.elementor-element-39680c0:not(.elementor-motion-effects-element-type-background), .elementor-888 .elementor-element.elementor-element-39680c0 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://new.hydrasearch.com/wp-content/uploads/2024/10/1200-px-rina-logo-svg_3x_1-2.svg");background-position:center center;background-repeat:no-repeat;background-size:contain;}.elementor-888 .elementor-element.elementor-element-032b24f.elementor-element{--align-self:center;}.elementor-888 .elementor-element.elementor-element-e7a2a1f{--display:flex;--min-height:255px;--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:center;--align-items:center;--overflow:hidden;--margin-top:45px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-888 .elementor-element.elementor-element-e7a2a1f:not(.elementor-motion-effects-element-type-background), .elementor-888 .elementor-element.elementor-element-e7a2a1f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F2F2F2;}.elementor-888 .elementor-element.elementor-element-01544bf{--display:flex;--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:center;--align-items:center;}.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 );}@media(max-width:1024px){.elementor-888 .elementor-element.elementor-element-2e1ec4d3{--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}}@media(max-width:767px){.elementor-888 .elementor-element.elementor-element-53d57801{--margin-top:-155px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-888 .elementor-element.elementor-element-7c3cfb3f{--spacer-size:0px;}.elementor-888 .elementor-element.elementor-element-2e1ec4d3{--margin-top:158px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-888 .elementor-element.elementor-element-23388661 > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-888 .elementor-element.elementor-element-23388661 .elementor-heading-title{font-size:3rem;}.elementor-888 .elementor-element.elementor-element-2ad3577a{font-size:1rem;}.elementor-888 .elementor-element.elementor-element-4ca4211e > .elementor-widget-container{margin:0px 0px 0px 0px;}.elementor-888 .elementor-element.elementor-element-4ca4211e{text-align:left;}.elementor-888 .elementor-element.elementor-element-157df5c{--justify-content:flex-start;}.elementor-888 .elementor-element.elementor-element-70f2362 .elementor-posts-container .elementor-post__thumbnail{padding-bottom:calc( 0.5 * 100% );}.elementor-888 .elementor-element.elementor-element-70f2362:after{content:"0.5";}.elementor-888 .elementor-element.elementor-element-70f2362 .elementor-post__thumbnail__link{width:100%;}.elementor-888 .elementor-element.elementor-element-20c9a8e{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-888 .elementor-element.elementor-element-ce74929 .elementor-heading-title{font-size:2rem;}.elementor-888 .elementor-element.elementor-element-07bdd4a{--min-height:150px;}.elementor-888 .elementor-element.elementor-element-4071aae{--gap:25px 25px;--row-gap:25px;--column-gap:25px;}.elementor-888 .elementor-element.elementor-element-78d5b29{--min-height:150px;}.elementor-888 .elementor-element.elementor-element-e7a2a1f{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}}@media(min-width:768px){.elementor-888 .elementor-element.elementor-element-22d931d2{--width:750px;}.elementor-888 .elementor-element.elementor-element-440c5c34{--content-width:1140px;}.elementor-888 .elementor-element.elementor-element-20c9a8e{--content-width:1280px;}.elementor-888 .elementor-element.elementor-element-71a2313{--content-width:665.38px;}.elementor-888 .elementor-element.elementor-element-8e33aa6{--width:150%;}.elementor-888 .elementor-element.elementor-element-07bdd4a{--width:323.39%;}.elementor-888 .elementor-element.elementor-element-eb45093{--width:192%;}.elementor-888 .elementor-element.elementor-element-1ea7510{--width:150%;}.elementor-888 .elementor-element.elementor-element-78d5b29{--width:323.39%;}.elementor-888 .elementor-element.elementor-element-39680c0{--width:192%;}.elementor-888 .elementor-element.elementor-element-e7a2a1f{--content-width:1280px;}.elementor-888 .elementor-element.elementor-element-01544bf{--width:100%;}}@media(max-width:1024px) and (min-width:768px){.elementor-888 .elementor-element.elementor-element-22d931d2{--width:87%;}}@media(min-width:1025px){.elementor-888 .elementor-element.elementor-element-53d57801:not(.elementor-motion-effects-element-type-background), .elementor-888 .elementor-element.elementor-element-53d57801 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-attachment:scroll;}}/* Start custom CSS for html, class: .elementor-element-d7bf1b6 */.marquee-container {
    width: 100%;
    overflow: hidden;
    background-color: #00254d;
    white-space: nowrap;
    padding: 10px 0;
    position: relative;
    text-align: center;
}

.marquee-content {
    display: inline-block;
    white-space: nowrap;
    animation: marquee-center-scroll 120s linear infinite;
    will-change: transform;
}

/* Adjust this to center the starting point */
@keyframes marquee-center-scroll {
    0% {
        transform: translateX(-50%);
    }
    100% {
        transform: translateX(50%);
    }
}

.marquee-item {
    display: inline-block;
    margin-right: 50px;
    color: white;
    font-size: 18px;
    vertical-align: middle;
}

.marquee-icon {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    vertical-align: middle;
}/* End custom CSS */
/* Start custom CSS for archive-posts, class: .elementor-element-70f2362 */.elementor-posts .elementor-post__card .elementor-post__read-more {
    background: #00254d;
    font-family: "Franklin Gothic book regular", Sans-serif;
    font-weight: 500;
    color: #FFFFFF;
    border-style: solid;
    border-radius: 24px 24px 24px 24px;
    padding: 12px 24px;

}

.elementor-posts .elementor-post__card .elementor-post__read-more:hover {
    background: #fff;
    color:#00254d !important;
    font-family: "Franklin Gothic book regular", Sans-serif;
    font-weight: 500;
    color: #FFFFFF;
 
    border-radius: 24px 24px 24px 24px;

}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-d82b164 */.custom-button2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto; /* Let the button width adjust automatically */
    background-color: white; /* White background */
    color: #00254d; /* Text color */
    border: 2px solid #00254d; /* Border with primary color */
    border-radius: 50px !important; /* Ensure the button is fully rounded */
    padding: 8px 8px; /* Padding to control button size */
    text-decoration: none;
    font-size: 12px;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
    

}

/* Hover effect: swap colors */
.custom-button2:hover {
    background-color: #00254d; /* Dark background */
    color: white; /* White text on hover */
    border-color: white; /* White border on hover */
}

/* Icon container with a circular background */
.icon-container {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%; /* Circular icon background */
    width: 28px;
    height: 18px;
   
    transition: background-color 0.3s ease;
}

/* Style the SVG */
.svg-icon {
    width: 32px;
    height: 31px;
}

/* Initially: arrow is white, circle is #00254d */
.svg-circle {
    fill: #00254d;
}

.svg-arrow {
    stroke: white;
}


.custom-button2:hover .svg-circle {
    fill: white;
}

.custom-button2:hover .svg-arrow {
    stroke: #00254d;
}

/* ----- Mobile Responsiveness ----- */
@media (max-width: 768px) {
    .custom-button2 {
        padding: 8px 15px; /* Smaller padding on mobile */
        font-size: 14px; /* Smaller text size */
    }

    .icon-container {
        width: 28px; /* Smaller icon container */
        height: 28px;
        margin-right: 8px; /* Reduce space between icon and text */
    }

    .svg-icon {
        width: 24px; /* Smaller SVG for mobile */
        height: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-8e33aa6 *//* Style for each container with a background image */
.elementor-column {
    position: relative;
    overflow: hidden; /* Ensure the shadow and other content stays inside the container */
    transition: transform 0.5s ease, box-shadow 0.5s ease; /* Smooth transitions for hover */
}

/* Circular shadow effect that will expand and remain circular */
.elementor-column::before {
    content: '';
    position: absolute;
    top: 50%; /* Center the circle vertically */
    left: 50%; /* Center the circle horizontally */
    width: 0;
    height: 0;
    background-color: rgba(0, 0, 0, 0.2); /* Semi-transparent shadow */
    border-radius: 50%; /* Make it circular */
    transition: width 1.2s ease, height 1.2s ease, top 1.2s ease, left 1.2s ease; /* Slower and smooth transition */
    z-index: 0; /* Ensure it's behind the button */
    transform: translate(-50%, -50%); /* Center the circle */
}

/* Hover effect: expand the circle to fill the container */
.elementor-column:hover::before {
    width: 100%; /* Ensure the circle stays within the container bounds */
    height: 100%; /* Ensure the circle stays within the container bounds */
    top: 50%;
    left: 50%;
    background-color: rgba(0, 0, 0, 0.2); /* Darken the shadow on hover */
    z-index: 0; /* Keep it behind the button */
}

/* Hover effect: slight zoom on the container */
.elementor-column:hover {
    transform: scale(1.05); /* Slight zoom on hover */
    box-shadow: none; /* Remove outer shadow if needed */
}

/* Hide the button by default */
.elementor-column .custom-button2 {
    position: absolute;
    top: 50%; /* Center the button vertically */
    left: 50%; /* Center the button horizontally */
    transform: translate(-50%, -50%); /* Keep the button centered */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, transform 0.3s ease; /* Smooth transition for appearance */
    z-index: 1; /* Keep the button on top of the shadow */
}

/* Show the button when hovering over the container */
.elementor-column:hover .custom-button2 {
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-70142f5 */.custom-button2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto; /* Let the button width adjust automatically */
    background-color: white; /* White background */
    color: #00254d; /* Text color */
    border: 2px solid #00254d; /* Border with primary color */
    border-radius: 50px !important; /* Ensure the button is fully rounded */
    padding: 8px 8px; /* Padding to control button size */
    text-decoration: none;
    font-size: 12px;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
    

}

/* Hover effect: swap colors */
.custom-button2:hover {
    background-color: #00254d; /* Dark background */
    color: white; /* White text on hover */
    border-color: white; /* White border on hover */
}

/* Icon container with a circular background */
.icon-container {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%; /* Circular icon background */
    width: 28px;
    height: 18px;
   
    transition: background-color 0.3s ease;
}

/* Style the SVG */
.svg-icon {
    width: 32px;
    height: 31px;
}

/* Initially: arrow is white, circle is #00254d */
.svg-circle {
    fill: #00254d;
}

.svg-arrow {
    stroke: white;
}


.custom-button2:hover .svg-circle {
    fill: white;
}

.custom-button2:hover .svg-arrow {
    stroke: #00254d;
}

/* ----- Mobile Responsiveness ----- */
@media (max-width: 768px) {
    .custom-button2 {
        padding: 8px 15px; /* Smaller padding on mobile */
        font-size: 14px; /* Smaller text size */
    }

    .icon-container {
        width: 28px; /* Smaller icon container */
        height: 28px;
        margin-right: 8px; /* Reduce space between icon and text */
    }

    .svg-icon {
        width: 24px; /* Smaller SVG for mobile */
        height: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-07bdd4a *//* Style for second container with a rectangular/square shadow */
.second-container {
    position: relative;
    overflow: hidden; /* Ensure the shadow and other content stays inside the container */
    transition: transform 0.5s ease, box-shadow 0.5s ease; /* Smooth transitions for hover */
}

/* Square or rectangular shadow effect for the second container */
.second-container::before {
    content: '';
    position: absolute;
    top: 0; /* Start from the top */
    left: 0; /* Start from the left */
    width: 100%; /* Full width of the container */
    height: 100%; /* Full height of the container */
    background-color: rgba(0, 0, 0, 0.2); /* Semi-transparent shadow */
    border-radius: 0; /* No border-radius for square effect */
    transition: background-color 1s ease, transform 1s ease; /* Smooth transition for color and scaling */
    z-index: 0; 
    transform: scale(0); /* Initially hidden */
    transform-origin: center; /* Expands from the center */
}

.second-container:hover::before {
    transform: scale(1); /* Fully expands to fill the container */
    background-color: rgba(0, 0, 0, 0.3); /* Darker shadow on hover */
    z-index: 0; /* Keep it behind the button */
}

/* Hover effect: slight zoom on the second container */
.second-container:hover {
    transform: scale(1.05); /* Slight zoom on hover */
    box-shadow: none; /* Remove outer shadow if needed */
}

/* Hide the button by default in second container */
.second-container .custom-button2 {
    position: absolute;
    top: 50%; /* Center the button vertically */
    left: 50%; /* Center the button horizontally */
    transform: translate(-50%, -50%); /* Keep the button centered */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, transform 0.3s ease; /* Smooth transition for appearance */
    z-index: 1; /* Keep the button on top of the shadow */
}

/* Show the button when hovering over the second container */
.second-container:hover .custom-button2 {
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-dfed7c8 */.custom-button2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto; /* Let the button width adjust automatically */
    background-color: white; /* White background */
    color: #00254d; /* Text color */
    border: 2px solid #00254d; /* Border with primary color */
    border-radius: 50px !important; /* Ensure the button is fully rounded */
    padding: 8px 8px; /* Padding to control button size */
    text-decoration: none;
    font-size: 12px;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
    

}

/* Hover effect: swap colors */
.custom-button2:hover {
    background-color: #00254d; /* Dark background */
    color: white; /* White text on hover */
    border-color: white; /* White border on hover */
}

/* Icon container with a circular background */
.icon-container {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%; /* Circular icon background */
    width: 28px;
    height: 18px;
   
    transition: background-color 0.3s ease;
}

/* Style the SVG */
.svg-icon {
    width: 32px;
    height: 31px;
}

/* Initially: arrow is white, circle is #00254d */
.svg-circle {
    fill: #00254d;
}

.svg-arrow {
    stroke: white;
}


.custom-button2:hover .svg-circle {
    fill: white;
}

.custom-button2:hover .svg-arrow {
    stroke: #00254d;
}

/* ----- Mobile Responsiveness ----- */
@media (max-width: 768px) {
    .custom-button2 {
        padding: 8px 15px; /* Smaller padding on mobile */
        font-size: 14px; /* Smaller text size */
    }

    .icon-container {
        width: 28px; /* Smaller icon container */
        height: 28px;
        margin-right: 8px; /* Reduce space between icon and text */
    }

    .svg-icon {
        width: 24px; /* Smaller SVG for mobile */
        height: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-eb45093 *//* Style for third container with a shadow and rounded corners */
.third-container {
    position: relative;
    overflow: hidden; /* Ensure the shadow and other content stays inside the container */
    transition: transform 0.5s ease, box-shadow 0.5s ease; /* Smooth transitions for hover */
}

/* Shadow effect with rounded corners for the third container */
.third-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%; /* Full width of the container */
    height: 100%; /* Full height of the container */
    background-color: rgba(0, 0, 0, 0.2); /* Semi-transparent shadow */
    border-radius: 15px; /* Add rounded corners, adjust the value as needed */
    transition: background-color 1s ease, transform 1s ease; /* Smooth transition for color and scaling */
    z-index: 0; 
    transform: scale(0); /* Initially hidden */
    transform-origin: center; /* Expands from the center */
}

.third-container:hover::before {
    transform: scale(1); /* Fully expands to fill the container */
    background-color: rgba(0, 0, 0, 0.3); /* Darker shadow on hover */
    z-index: 0; /* Keep it behind the button */
}

/* Hover effect: slight zoom on the third container */
.third-container:hover {
    transform: scale(1.05); /* Slight zoom on hover */
    box-shadow: none; /* Remove outer shadow if needed */
}

/* Hide the button by default in third container */
.third-container .custom-button2 {
    position: absolute;
    top: 50%; /* Center the button vertically */
    left: 50%; /* Center the button horizontally */
    transform: translate(-50%, -50%); /* Keep the button centered */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, transform 0.3s ease; /* Smooth transition for appearance */
    z-index: 1; /* Keep the button on top of the shadow */
}

/* Show the button when hovering over the third container */
.third-container:hover .custom-button2 {
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2e9ad2e */.custom-button2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    background-color: white;
    color: #00254d;
 border: 2px solid #00254d;
    border-radius: 50px !important;
    padding: 4px 16px 4px 4px; /* Exact same as .custom-button6 */
    text-decoration: none;
    font-size: 13.1px;
    line-height: 160%;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
    margin-top: 0px;
    margin-bottom: 0px;



}

/* Hover effect: swap colors */
.custom-button2:hover {
    background-color: #00254d; /* Dark background */
    color: white; /* White text on hover */
    border-color: white; /* White border on hover */
}

/* Icon container with a circular background */
.icon-container2 {
     display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    
    margin-right: 5px; /* Consistent icon/text spacing */

    transition: background-color 0.3s ease;
}

/* Style the SVG */
.svg-icon2 {
    width: 36px;
    height: 30px;
}

/* Initially: arrow is white, circle is #00254d */
.svg-circle2 {
    fill: #00254d;
}

.svg-arrow2 {
    stroke: white;
}


.custom-button2:hover .svg-circle2 {
    fill: white;
}

.custom-button2:hover .svg-arrow2 {
    stroke: #00254d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-1ea7510 */.elementor-column::before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 0;
    height: 0;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 0; /* square instead of circular */
    transition: width 1.2s ease, height 1.2s ease, top 1.2s ease, left 1.2s ease;
    z-index: 0;
    transform: translate(-50%, -50%);
}

.elementor-column:hover::before {
    width: 100%;
    height: 100%;
    top: 50%;
    left: 50%;
    background-color: rgba(0, 0, 0, 0.2);
}


/* Hover effect: expand the circle to fill the container */
.elementor-column:hover::before {
    width: 100%; /* Ensure the circle stays within the container bounds */
    height: 100%; /* Ensure the circle stays within the container bounds */
    top: 50%;
    left: 50%;
    background-color: rgba(0, 0, 0, 0.2); /* Darken the shadow on hover */
    z-index: 0; /* Keep it behind the button */
}

/* Hover effect: slight zoom on the container */
.elementor-column:hover {
    transform: scale(1.05); /* Slight zoom on hover */
    box-shadow: none; /* Remove outer shadow if needed */
}

/* Hide the button by default */
.elementor-column .custom-button2 {
    position: absolute;
    top: 50%; /* Center the button vertically */
    left: 50%; /* Center the button horizontally */
    transform: translate(-50%, -50%); /* Keep the button centered */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, transform 0.3s ease; /* Smooth transition for appearance */
    z-index: 1; /* Keep the button on top of the shadow */
}

/* Show the button when hovering over the container */
.elementor-column:hover .custom-button2 {
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-40c9402 */.custom-button2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    background-color: white;
    color: #00254d;
    border: 2px solid #00254d;
    border-radius: 50px !important;
    padding: 4px 16px 4px 4px; /* Exact same as .custom-button6 */
    text-decoration: none;
    font-size: 13.1px;
    line-height: 160%;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
    margin-top: 0px;
    margin-bottom: 0px;



}

/* Hover effect: swap colors */
.custom-button2:hover {
    background-color: #00254d; /* Dark background */
    color: white; /* White text on hover */
    border-color: white; /* White border on hover */
}

/* Icon container with a circular background */
.icon-container2 {
     display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    
    margin-right: 5px; /* Consistent icon/text spacing */

    transition: background-color 0.3s ease;
}

/* Style the SVG */
.svg-icon2 {
    width: 36px;
    height: 30px;
}

/* Initially: arrow is white, circle is #00254d */
.svg-circle2 {
    fill: #00254d;
}

.svg-arrow2 {
    stroke: white;
}


.custom-button2:hover .svg-circle2 {
    fill: white;
}

.custom-button2:hover .svg-arrow2 {
    stroke: #00254d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-78d5b29 */.third-container {
    position: relative;
    overflow: hidden; /* Ensure the shadow and other content stays inside the container */
    transition: transform 0.5s ease, box-shadow 0.5s ease; /* Smooth transitions for hover */
}

.third-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 0;
    transition: background-color 1s ease, transform 1s ease;
    z-index: 0;
    transform: scale(0);
    transform-origin: center;
}

.third-container:hover::before {
    transform: scale(1);
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 0;
}

/* Hover effect: slight zoom on the second container */
.second-container:hover {
    transform: scale(1.05); /* Slight zoom on hover */
    box-shadow: none; /* Remove outer shadow if needed */
}

/* Hide the button by default in second container */
.second-container .custom-button2 {
    position: absolute;
    top: 50%; /* Center the button vertically */
    left: 50%; /* Center the button horizontally */
    transform: translate(-50%, -50%); /* Keep the button centered */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, transform 0.3s ease; /* Smooth transition for appearance */
    z-index: 1; /* Keep the button on top of the shadow */
}

/* Show the button when hovering over the second container */
.second-container:hover .custom-button2 {
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-032b24f */.custom-button2 {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: auto;
    background-color: white;
    color: #00254d;
    border: 2px solid #00254d;
    border-radius: 50px !important;
    padding: 4px 16px 4px 4px; /* Exact same as .custom-button6 */
    text-decoration: none;
    font-size: 13.1px;
    line-height: 160%;
    transition: background-color 0.3s ease, color 0.3s ease, border-color 0.3s ease;
    margin-top: 0px;
    margin-bottom: 0px;



}

/* Hover effect: swap colors */
.custom-button2:hover {
    background-color: #00254d; /* Dark background */
    color: white; /* White text on hover */
    border-color: white; /* White border on hover */
}

/* Icon container with a circular background */
.icon-container2 {
     display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 36px;
    height: 36px;
    
    margin-right: 5px; /* Consistent icon/text spacing */

    transition: background-color 0.3s ease;
}

/* Style the SVG */
.svg-icon2 {
    width: 36px;
    height: 30px;
}

/* Initially: arrow is white, circle is #00254d */
.svg-circle2 {
    fill: #00254d;
}

.svg-arrow2 {
    stroke: white;
}


.custom-button2:hover .svg-circle2 {
    fill: white;
}

.custom-button2:hover .svg-arrow2 {
    stroke: #00254d;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-39680c0 */.third-container {
    position: relative;
    overflow: hidden; /* Ensure the shadow and other content stays inside the container */
    transition: transform 0.5s ease, box-shadow 0.5s ease; /* Smooth transitions for hover */
}

.third-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.2);
    border-radius: 0;
    transition: background-color 1s ease, transform 1s ease;
    z-index: 0;
    transform: scale(0);
    transform-origin: center;
}

.third-container:hover::before {
    transform: scale(1);
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 0;
}


/* Hover effect: slight zoom on the third container */
.third-container:hover {
    transform: scale(1.05); /* Slight zoom on hover */
    box-shadow: none; /* Remove outer shadow if needed */
}

/* Hide the button by default in third container */
.third-container .custom-button2 {
    position: absolute;
    top: 50%; /* Center the button vertically */
    left: 50%; /* Center the button horizontally */
    transform: translate(-50%, -50%); /* Keep the button centered */
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.3s ease, transform 0.3s ease; /* Smooth transition for appearance */
    z-index: 1; /* Keep the button on top of the shadow */
}

/* Show the button when hovering over the third container */
.third-container:hover .custom-button2 {
    opacity: 1;
    visibility: visible;
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Franklin Gothic Demi Cond Regular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://new.hydrasearch.com/wp-content/uploads/2024/10/Franklin-Gothic-Demi-Cond-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Franklin Gothic book regular';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://new.hydrasearch.com/wp-content/uploads/2024/10/Franklin-Gothic-Book-Regular.ttf') format('truetype');
}
/* End Custom Fonts CSS */