.elementor-813 .elementor-element.elementor-element-c1812f7{--display:flex;--min-height:83vh;--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:flex-start;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--overlay-opacity:0.4;--margin-top:0px;--margin-bottom:0px;--margin-left:-3px;--margin-right:0px;}.elementor-813 .elementor-element.elementor-element-c1812f7::before, .elementor-813 .elementor-element.elementor-element-c1812f7 > .elementor-background-video-container::before, .elementor-813 .elementor-element.elementor-element-c1812f7 > .e-con-inner > .elementor-background-video-container::before, .elementor-813 .elementor-element.elementor-element-c1812f7 > .elementor-background-slideshow::before, .elementor-813 .elementor-element.elementor-element-c1812f7 > .e-con-inner > .elementor-background-slideshow::before, .elementor-813 .elementor-element.elementor-element-c1812f7 > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{--background-overlay:'';}.elementor-813 .elementor-element.elementor-element-c1812f7.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-813 .elementor-element.elementor-element-fb3ac37{--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;--align-items:flex-start;--gap:20px 20px;--row-gap:20px;--column-gap:20px;}.elementor-813 .elementor-element.elementor-element-5bfc1fa.elementor-element{--align-self:flex-start;}.elementor-813 .elementor-element.elementor-element-5bfc1fa .elementor-heading-title{font-family:"Tiempos", Sans-serif;font-size:87px;font-weight:100;font-style:italic;text-shadow:0px 0px 25px rgba(0, 0, 0, 0.33);color:#FFFFFF;}.elementor-813 .elementor-element.elementor-element-14569f6 .elementor-heading-title{font-family:"NFHsohne", Sans-serif;font-size:87px;font-weight:300;letter-spacing:1px;text-shadow:0px 0px 11px rgba(0, 0, 0, 0.46);color:#FFFFFF;}.elementor-813 .elementor-element.elementor-element-7f1e2c6{--divider-border-style:solid;--divider-color:#FFFFFF;--divider-border-width:1.9px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -22px) 0px;padding:0px 0px -13px 0px;}.elementor-813 .elementor-element.elementor-element-7f1e2c6 .elementor-divider-separator{width:15%;}.elementor-813 .elementor-element.elementor-element-7f1e2c6 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-813 .elementor-element.elementor-element-d3eb377{font-family:"NFHsohne", Sans-serif;font-size:18px;font-weight:500;font-style:normal;letter-spacing:0.1px;color:#FFFFFF;}.elementor-813 .elementor-element.elementor-element-e45e469 .elementor-button{background-color:#02010100;font-family:"NFHsohne", Sans-serif;font-size:15px;font-weight:600;letter-spacing:0.3px;fill:#FFFFFF;color:#FFFFFF;border-style:solid;border-width:0px 0px 0px 0px;border-radius:0px 0px 0px 0px;padding:17px 23px 17px 23px;}.elementor-813 .elementor-element.elementor-element-37b25fc{--display:flex;--min-height:249px;--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-start;--align-items:flex-start;}.elementor-813 .elementor-element.elementor-element-37b25fc:not(.elementor-motion-effects-element-type-background), .elementor-813 .elementor-element.elementor-element-37b25fc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-813 .elementor-element.elementor-element-5cec232{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-813 .elementor-element.elementor-element-0b5409a{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:39px 0px 0px 0px;}.elementor-813 .elementor-element.elementor-element-0b5409a .elementor-heading-title{font-family:"Sohnee", Sans-serif;font-weight:300;letter-spacing:-0.6px;word-spacing:3px;color:#003D52;}.elementor-813 .elementor-element.elementor-element-3a2403d{--divider-border-style:solid;--divider-color:#E1E1E1;--divider-border-width:1.9px;}.elementor-813 .elementor-element.elementor-element-3a2403d .elementor-divider-separator{width:12.5rem;}.elementor-813 .elementor-element.elementor-element-3a2403d .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-813 .elementor-element.elementor-element-395cda7{width:100%;max-width:100%;}.elementor-813 .elementor-element.elementor-element-7811d30{--display:flex;}.elementor-813 .elementor-element.elementor-element-a8f2bd7{--spacer-size:61px;width:100%;max-width:100%;}.elementor-813 .elementor-element.elementor-element-26a7c08{--display:flex;--min-height:774px;}.elementor-813 .elementor-element.elementor-element-26a7c08:not(.elementor-motion-effects-element-type-background), .elementor-813 .elementor-element.elementor-element-26a7c08 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#F8F8F8;}.elementor-813 .elementor-element.elementor-element-122270e{--display:flex;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-813 .elementor-element.elementor-element-8abc3f2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) 0px;padding:39px 0px 0px 0px;}.elementor-813 .elementor-element.elementor-element-8abc3f2 .elementor-heading-title{font-family:"Sohnee", Sans-serif;font-weight:300;letter-spacing:-0.6px;word-spacing:3px;color:#003D52;}.elementor-813 .elementor-element.elementor-element-4bf5e19{--divider-border-style:solid;--divider-color:#E1E1E1;--divider-border-width:1.9px;}.elementor-813 .elementor-element.elementor-element-4bf5e19 .elementor-divider-separator{width:12.5rem;}.elementor-813 .elementor-element.elementor-element-4bf5e19 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-813 .elementor-element.elementor-element-8613562{margin:-155px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-813 .elementor-element.elementor-element-74a3eef{--display:flex;}.elementor-813 .elementor-element.elementor-element-ca2a0d8{--spacer-size:61px;width:100%;max-width:100%;}.elementor-813 .elementor-element.elementor-element-d94d653{--display:flex;}.elementor-813 .elementor-element.elementor-element-a35613c{--display:flex;--min-height:307px;}.elementor-813 .elementor-element.elementor-element-a35613c:not(.elementor-motion-effects-element-type-background), .elementor-813 .elementor-element.elementor-element-a35613c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://nfh.ae/wp-content/uploads/2025/08/international-map-block.webp");background-position:bottom left;background-repeat:no-repeat;background-size:100% auto;}.elementor-813 .elementor-element.elementor-element-7701af9{--display:flex;--position:absolute;--justify-content:flex-start;--align-items:flex-start;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:-105px;--margin-right:0px;--padding-top:35px;--padding-bottom:0px;--padding-left:-75px;--padding-right:0px;top:0px;}.elementor-813 .elementor-element.elementor-element-7701af9.e-con{--align-self:flex-start;}body:not(.rtl) .elementor-813 .elementor-element.elementor-element-7701af9{left:0px;}body.rtl .elementor-813 .elementor-element.elementor-element-7701af9{right:0px;}.elementor-813 .elementor-element.elementor-element-764f96e{margin:35px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;}.elementor-813 .elementor-element.elementor-element-764f96e .elementor-heading-title{font-family:"Sohnee", Sans-serif;font-size:29px;font-weight:300;color:#105F50;}.elementor-813 .elementor-element.elementor-element-8475ade{--divider-border-style:solid;--divider-color:#139B5B;--divider-border-width:2.4px;margin:-14px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;}.elementor-813 .elementor-element.elementor-element-8475ade .elementor-divider-separator{width:15%;margin:0 auto;margin-left:0;}.elementor-813 .elementor-element.elementor-element-8475ade .elementor-divider{text-align:left;padding-block-start:15px;padding-block-end:15px;}.elementor-813 .elementor-element.elementor-element-870ec2a{margin:-41px -74px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px -30px 0px -40px;font-family:"Tiempos", Sans-serif;font-style:italic;color:#105F50;}.elementor-813 .elementor-element.elementor-element-870ec2a.elementor-element{--align-self:flex-start;}.elementor-813 .elementor-element.elementor-element-a4d539e{--display:flex;}.elementor-813 .elementor-element.elementor-element-b71225f{--display:flex;}.elementor-813 .elementor-element.elementor-element-f465068{--spacer-size:1px;}.elementor-813 .elementor-element.elementor-element-76f4957{--display:flex;}.elementor-813 .elementor-element.elementor-element-04dbba7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) -45px;padding:39px 0px 0px 0px;}.elementor-813 .elementor-element.elementor-element-04dbba7 .elementor-heading-title{font-family:"Sohnee", Sans-serif;font-weight:300;letter-spacing:-0.6px;word-spacing:3px;color:#003D52;}.elementor-813 .elementor-element.elementor-element-264ea15{--divider-border-style:solid;--divider-color:#E1E1E1;--divider-border-width:1.9px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -45px;}.elementor-813 .elementor-element.elementor-element-264ea15 .elementor-divider-separator{width:12.5rem;}.elementor-813 .elementor-element.elementor-element-264ea15 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-813 .elementor-element.elementor-element-b86177e{--display:flex;--min-height:7px;}.elementor-813 .elementor-element.elementor-element-e361740{--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-813 .elementor-element.elementor-element-534b969{--display:flex;--min-height:343px;--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:0px;--margin-bottom:0px;--margin-left:-50px;--margin-right:38px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-813 .elementor-element.elementor-element-534b969:not(.elementor-motion-effects-element-type-background), .elementor-813 .elementor-element.elementor-element-534b969 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.charlesrussellspeechlys.com/globalassets/images/abstract/close-up-leaf-themed-promos-50-50.jpg?width=960");background-size:cover;}.elementor-813 .elementor-element.elementor-element-15fb0f4{--display:flex;--min-height:306px;--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;--z-index:1;}.elementor-813 .elementor-element.elementor-element-15fb0f4:not(.elementor-motion-effects-element-type-background), .elementor-813 .elementor-element.elementor-element-15fb0f4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://www.charlesrussellspeechlys.com/globalassets/images/abstract/wooden-curves-themed-promos-50-50.jpg?width=960");background-size:cover;}.elementor-813 .elementor-element.elementor-element-d5b4239{--display:flex;--min-height:-25px;--flex-direction:row;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:-21px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-813 .elementor-element.elementor-element-767c9bb{--display:flex;--min-height:7px;--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-start;--align-items:flex-start;--margin-top:0px;--margin-bottom:73px;--margin-left:-50px;--margin-right:38px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-813 .elementor-element.elementor-element-767c9bb:not(.elementor-motion-effects-element-type-background), .elementor-813 .elementor-element.elementor-element-767c9bb > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E8E8E882;}.elementor-813 .elementor-element.elementor-element-26877a0{margin:35px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 26px;}.elementor-813 .elementor-element.elementor-element-26877a0 .elementor-heading-title{font-family:"Sohnee", Sans-serif;font-size:39px;font-weight:300;color:#253C49;}.elementor-813 .elementor-element.elementor-element-40e13f8{--divider-border-style:solid;--divider-color:#000;--divider-border-width:2px;margin:-13px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 26px;}.elementor-813 .elementor-element.elementor-element-40e13f8 .elementor-divider-separator{width:28%;}.elementor-813 .elementor-element.elementor-element-40e13f8 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-813 .elementor-element.elementor-element-1350bae{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 26px;font-family:"Sohnee", Sans-serif;font-size:17px;font-weight:100;}.elementor-813 .elementor-element.elementor-element-da5a8f1{padding:11px 0px 0px 0px;}.elementor-813 .elementor-element.elementor-element-30090f2{--display:flex;--min-height:306px;--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:-15px;--margin-bottom:47px;--margin-left:0px;--margin-right:0px;}.elementor-813 .elementor-element.elementor-element-30090f2:not(.elementor-motion-effects-element-type-background), .elementor-813 .elementor-element.elementor-element-30090f2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E8E8E882;}.elementor-813 .elementor-element.elementor-element-92a3aaf{margin:35px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 26px;}.elementor-813 .elementor-element.elementor-element-92a3aaf .elementor-heading-title{font-family:"Sohnee", Sans-serif;font-size:39px;font-weight:300;color:#253C49;}.elementor-813 .elementor-element.elementor-element-0ebd6c2{--divider-border-style:solid;--divider-color:#000;--divider-border-width:2px;margin:-13px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 26px;}.elementor-813 .elementor-element.elementor-element-0ebd6c2 .elementor-divider-separator{width:28%;}.elementor-813 .elementor-element.elementor-element-0ebd6c2 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-813 .elementor-element.elementor-element-294c676{margin:-15px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 26px;font-family:"Sohnee", Sans-serif;font-size:17px;font-weight:100;}.elementor-813 .elementor-element.elementor-element-527e8d9{--display:flex;--margin-top:-85px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-813 .elementor-element.elementor-element-527e8d9:not(.elementor-motion-effects-element-type-background), .elementor-813 .elementor-element.elementor-element-527e8d9 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-813 .elementor-element.elementor-element-a182a10{--spacer-size:140px;width:100%;max-width:100%;margin:28px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;z-index:1;}.elementor-813 .elementor-element.elementor-element-1832c45{--display:flex;--min-height:506px;--margin-top:-130px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:95px;--padding-bottom:0px;--padding-left:95px;--padding-right:0px;}.elementor-813 .elementor-element.elementor-element-1832c45:not(.elementor-motion-effects-element-type-background), .elementor-813 .elementor-element.elementor-element-1832c45 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://nfh.ae/wp-content/uploads/2025/08/msad.png");background-size:cover;}.elementor-813 .elementor-element.elementor-element-a9cf554{margin:29px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 28px;}.elementor-813 .elementor-element.elementor-element-a9cf554.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-813 .elementor-element.elementor-element-a28dcc0{--display:flex;--margin-top:41px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-813 .elementor-element.elementor-element-fdca6dd{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -20px) -45px;padding:39px 0px 0px 0px;}.elementor-813 .elementor-element.elementor-element-fdca6dd .elementor-heading-title{font-family:"Sohnee", Sans-serif;font-weight:300;letter-spacing:-0.6px;word-spacing:3px;color:#003D52;}.elementor-813 .elementor-element.elementor-element-ef6a554{--display:flex;}.elementor-813 .elementor-element.elementor-element-b05d453{--divider-border-style:solid;--divider-color:#E1E1E1;--divider-border-width:1.9px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -45px;}.elementor-813 .elementor-element.elementor-element-b05d453 .elementor-divider-separator{width:12.5rem;}.elementor-813 .elementor-element.elementor-element-b05d453 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-813 .elementor-element.elementor-element-fcd06cc{--display:flex;--margin-top:-138px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}:root{--page-title-display:none;}@media(max-width:767px){.elementor-813 .elementor-element.elementor-element-c1812f7{--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-813 .elementor-element.elementor-element-5bfc1fa .elementor-heading-title{font-size:37px;}.elementor-813 .elementor-element.elementor-element-14569f6 .elementor-heading-title{font-size:35px;}.elementor-813 .elementor-element.elementor-element-a35613c.e-con{--e-con-transform-translateX:0px;--e-con-transform-translateY:-122px;}.elementor-813 .elementor-element.elementor-element-a35613c{--width:500px;--min-height:628px;}.elementor-813 .elementor-element.elementor-element-a35613c:not(.elementor-motion-effects-element-type-background), .elementor-813 .elementor-element.elementor-element-a35613c > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-size:1900px auto;}body:not(.rtl) .elementor-813 .elementor-element.elementor-element-7701af9{left:114px;}body.rtl .elementor-813 .elementor-element.elementor-element-7701af9{right:114px;}.elementor-813 .elementor-element.elementor-element-870ec2a{margin:-41px -74px calc(var(--kit-widget-spacing, 0px) + -1px) 27px;}.elementor-813 .elementor-element.elementor-element-1832c45:not(.elementor-motion-effects-element-type-background), .elementor-813 .elementor-element.elementor-element-1832c45 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://nfh.ae/wp-content/uploads/2025/08/msad.png");background-position:top center;background-repeat:no-repeat;}.elementor-813 .elementor-element.elementor-element-1832c45{--min-height:186px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-813 .elementor-element.elementor-element-a9cf554{width:var( --container-widget-width, 403.8px );max-width:403.8px;--e-transform-scale:0.8;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:25px -25px 0px 0px;--container-widget-width:403.8px;--container-widget-flex-grow:0;}.elementor-813 .elementor-element.elementor-element-fdca6dd{--e-transform-translateX:-37px;text-align:center;}.elementor-813 .elementor-element.elementor-element-fdca6dd .elementor-heading-title{font-size:19px;}.elementor-813 .elementor-element.elementor-element-b05d453{--e-transform-translateX:-25px;}.elementor-813 .elementor-element.elementor-element-b05d453 .elementor-divider{text-align:center;}.elementor-813 .elementor-element.elementor-element-b05d453 .elementor-divider-separator{margin:0 auto;margin-center:0;}}@media(min-width:768px){.elementor-813 .elementor-element.elementor-element-c1812f7{--width:1536px;}.elementor-813 .elementor-element.elementor-element-fb3ac37{--content-width:1315px;}.elementor-813 .elementor-element.elementor-element-37b25fc{--width:100%;}.elementor-813 .elementor-element.elementor-element-5cec232{--content-width:1249px;}.elementor-813 .elementor-element.elementor-element-122270e{--content-width:1249px;}.elementor-813 .elementor-element.elementor-element-534b969{--width:99%;}.elementor-813 .elementor-element.elementor-element-15fb0f4{--width:99%;}.elementor-813 .elementor-element.elementor-element-767c9bb{--width:99%;}.elementor-813 .elementor-element.elementor-element-30090f2{--width:99%;}}/* Start custom CSS for button, class: .elementor-element-e45e469 *//* --- CRS Hero Button: FINAL VERSION --- */

/* 1. Base Button Container */
/* This sets up the border and the positioning context for the wipe effect. */
.elementor-813 .elementor-element.elementor-element-e45e469 {
    background-color: transparent !important;
    border: 1px solid #FFFFFF;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

/* 2. The Wipe Layer (Initially Hidden) */
/* This is the white box that will scale up from the bottom. */
.elementor-813 .elementor-element.elementor-element-e45e469::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #FFFFFF; /* This is the white wipe color */
    transform: scaleY(0);
    transform-origin: bottom;
    transition: transform 0.4s cubic-bezier(0.77, 0, 0.175, 1);
    z-index: -1; /* Sits behind the text */
}

/* 3. Button Text - Normal State */
/* We target the text element directly to set its initial color and transition. */
.elementor-813 .elementor-element.elementor-element-e45e469 .elementor-button-text {
    color: #FFFFFF !important;
    transition: color 0.3s ease-out;
}

/* 4. On Hover - Trigger Wipe Animation */
/* This makes the white layer scale up to fill the button. */
.elementor-813 .elementor-element.elementor-element-e45e469:hover::before {
    transform: scaleY(1);
}

/* 5. On Hover - Change Text Color (The Fix) */
/* This specifically targets the text when the button is hovered, ensuring it changes color. */
.elementor-813 .elementor-element.elementor-element-e45e469:hover .elementor-button-text {
    color: #253c49 !important; /* Change text to dark blue */
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-395cda7 *//* ==========================================================================
   Elementor Widget CSS Override - FINAL VERSION
   ========================================================================== */

/* --- Labels: Font Size & Weight (User Directive) --- */
/* This new rule targets the 'Keyword', 'Services', and 'Sectors' labels */
.elementor-813 .elementor-element.elementor-element-395cda7 .nfh-search-form .form-group > label {
    font-size: 16px !important;
    font-weight: 300 !important;
}

/* --- DEFINITIVE FIX for the Dropdown Trigger Width --- */
.elementor-813 .elementor-element.elementor-element-395cda7 .nfh-search-form .nfh-custom-dropdown button.nfh-dropdown-trigger {
    /* Layout & Box Model */
    display: block !important;
    width: 100% !important;
    height: 48px !important;
    padding: 12px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    
    /* Appearance */
    -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important;
    background: #fff !important;
    border: 1px solid #707070 !important;
    border-radius: 0 !important;
    color: #003d52 !important;
    cursor: pointer !important;
    
    /* Font & Text */
    font-size: 14px !important;
    font-weight: 200 !important;
    text-align: left !important;
    
    /* Text Overflow Handling */
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;

    /* Re-add flex for internal alignment of text and arrow */
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
}


/* --- YOUR CUSTOM Search Button Hover Animation --- */
/* Initial Button State */
.elementor-813 .elementor-element.elementor-element-395cda7 .nfh-search-form .search-submit-btn {
    /* Animation Code */
    background-image: linear-gradient(to bottom, #253c49 50%, #fff 50%);
    background-size: 100% 200%;
    background-position: left top;
    
    /* Text Color & Transition */
    color: #fff;
    transition: all 0.4s ease-out;
}

/* Hover State */
.elementor-813 .elementor-element.elementor-element-395cda7 .nfh-search-form .search-submit-btn:hover {
    background-position: left bottom;
    color: #253c49;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-8613562 *//* ==========================================================================
   NFH Custom Insights Carousel - THE FINAL AND CORRECT VERSION
   ========================================================================== */

/* --- Section Layout & Header --- */
.nfh-insights-section { padding: 60px 0; }
.nfh-carousel-header {
    display: flex; justify-content: space-between; align-items: center;
    margin-bottom: 40px; padding: 0 15px;
}
.nfh-section-title {
    font-family: 'Sohnee', sans-serif; font-size: 36px;
    color: #003d52; font-weight: 300; margin: 0;
}
.nfh-carousel-navigation { display: flex; gap: 10px; }
.swiper-button-next, .swiper-button-prev {
    position: static; width: 31px; height: 31px; margin-top: 0;
    background-color: transparent; border: 1px solid #ddd; border-radius: 50%;
    transition: background-color 0.3s ease;
}
.swiper-button-next:hover, .swiper-button-prev:hover { background-color: #f0f0f0; }
.swiper-button-next::after, .swiper-button-prev::after { font-size: 16px; font-weight: bold; color: #003d52; }
.nfh-insights-carousel { overflow: hidden !important; }

/* ==========================================================================
   The Card Itself - THE CORRECT OPACITY EFFECT
   ========================================================================== */
.nfh-insight-card {
    display: flex; flex-direction: column; height: auto;
    background-color: #fff; border: 1px solid #eee;
    transition: opacity 0.4s ease, transform 0.4s ease;
    opacity: 0.4; /* All slides are dimmed by default */
    transform: scale(0.95); /* Slightly shrink the dimmed slides */
}
/* This is the DEFINITIVE fix. It targets the 4 central slides. */
.swiper-slide-prev,
.swiper-slide-active,
.swiper-slide-next,
.swiper-slide-next + .swiper-slide {
    opacity: 1;
    transform: scale(1); /* Center slides are full size */
}

.nfh-card-image-wrapper { position: relative; overflow: hidden; }
.nfh-card-image-wrapper img {
    width: 100%; height: 220px; object-fit: cover;
    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    display: block;
}
.nfh-insight-card:hover .nfh-card-image-wrapper img { transform: scale(1.2); }
.nfh-card-badge {
    position: absolute; top: 15px; left: 15px; padding: 5px 12px;
    font-family: 'Sohnee', sans-serif; font-size: 13px !important; font-weight: 200 !important; color: #fff;
}
.nfh-card-content {
    padding: 0; display: flex; flex-direction: column; flex-grow: 1;
    transition: background-color 0.3s ease;
}
.nfh-card-meta, .nfh-card-title { padding: 0 25px; }
.nfh-card-meta { padding-top: 25px; }
.nfh-card-author { display: block; font-family: 'Sohnee', sans-serif; font-size: 15px !important; font-weight: 200 !important; }
.nfh-card-date { display: block; margin-top: 4px; font-family: 'Tiempos', serif; font-size: 13px !important; font-weight: 200 !important; }
.nfh-card-title {
    flex-grow: 1; margin: 5px 0 79px 0; line-height: 1.4;
    font-family: 'Sohnee', sans-serif; font-size: 15px !important; font-weight: 200 !important;
}

/* ==========================================================================
   "Find out more" Button - THE CORRECT ANIMATION
   ========================================================================== */
.nfh-card-link {
    display: flex;
    justify-content: space-between;
    align-items: center;
    text-decoration: none;
    position: relative;
    width: 100%;
    margin-top: auto;
    padding: 15px 25px;
    box-sizing: border-box;
    font-family: 'Sohnee', sans-serif;
    font-size: 17px !important;
    font-weight: 300 !important;
    color: var(--dynamic-color); /* Initial text color */

    /* Background animation setup */
    background-image: linear-gradient(to bottom, var(--dynamic-color) 50%, transparent 50%);
    background-size: 300% 300%;
    background-position: bottom;
    transition: all 0.7s ease-out;

    border-top: 0px solid #eee;
    border-left: 1px solid transparent;
    border-right: 1px solid transparent;
    border-bottom: px solid transparent;
}

.nfh-card-link::after {
    content: '→';
    transition: color 0.7s ease-out;
}

.nfh-insight-card:hover .nfh-card-link {
    background-position: top; /* Slide background from bottom to top */
    color: #fff !important;
    border-color: var(--dynamic-color) !important;
}

.nfh-insight-card:hover .nfh-card-link::after {
    color: #fff !important;
}

/* ==========================================================================
   DYNAMIC COLORING
   ========================================================================== */
.nfh-card-content { background-color: #f7f9fa; }
.nfh-card-meta, .nfh-card-title, .nfh-card-link { color: #003d52; }
.nfh-card-badge { background-color: #003d52; }
.nfh-insight-card { --dynamic-color: #003d52; }

.category-insights .nfh-card-content { background-color: #FFF6F3; }
.category-insights .nfh-card-meta, .category-insights .nfh-card-title, .category-insights .nfh-card-link { color: #B33419; }
.category-insights .nfh-card-badge { background-color: #B33419; }
.category-insights { --dynamic-color: #B33419; }

.category-quick-reads .nfh-card-content { background-color: #E2F2F7; }
.category-quick-reads .nfh-card-meta, .category-quick-reads .nfh-card-title, .category-quick-reads .nfh-card-link { color: #105577; }
.category-quick-reads .nfh-card-badge { background-color: #105577; }
.category-quick-reads { --dynamic-color: #105577; }

.category-in-the-press .nfh-card-content { background-color: #F5F3FA; }
.category-in-the-press .nfh-card-meta, .category-in-the-press .nfh-card-title, .category-in-the-press .nfh-card-link { color: #514294; }
.category-in-the-press .nfh-card-badge { background-color: #514294; }
.category-in-the-press { --dynamic-color: #514294; }
.nfh-carousel-header > h2 {
  visibility: hidden;
  height: 0;
  margin: 0;
  padding: 0;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-9e3cebc *//* =========================================
   Global Fix: Remove Horizontal Scrolling
   ========================================= */

html, body {
    width: 100%;
    overflow-x: hidden;
}/* End custom CSS */
/* Start custom CSS for text-editor, class: .elementor-element-870ec2a *//* ========================================================================== */
/*   NFH "Practice Areas" Section Styling - v2.1 (Alignment & Spacing Fix)    */
/* ========================================================================== */

/* This is the main container for the whole section */
.nfh-stats-glance {
    padding: 60px 20px; /* Increased top/bottom padding for better breathing room */
}

/* This creates the 5-column grid layout */
.nfh-stats-grid {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 70px; /* Gap between items */
}

/* This styles each individual stat block */
.nfh-stat-item {
    text-align: center;
}

/* --- FONT STYLING: Headline with clickable title --- */
.nfh-stat-number a {
    position: relative;
    text-decoration: none;
    color: #105f50; /* Base green color */
    font-family: 'Tiempos', Georgia, serif;
    font-weight: 400;
    font-style: normal;
    font-size: 21px;
    
    line-height: 1.1;
    white-space: nowrap;
    transition: color 0.3s ease;
    cursor: pointer;
}

/* Underline animation */
.nfh-stat-number a::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -3px; /* Distance from text baseline */
    width: 0%;
    height: 2px;
    background-color: #139b5b;
    transition: width 0.4s ease;
}

/* On hover: expand underline and slightly darken text */
.nfh-stat-number a:hover {
    color: #0a3f35; /* Darker green on hover */
}

.nfh-stat-number a:hover::after {
    width: 100%;
}

/* --- FONT STYLING: Description --- */
.nfh-stat-label {
    font-family: 'Sohne', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight: 200;
    font-size: 0.9rem;
    line-height: 1.5;
    color: #105f50;
    margin-top: 8px;
    display: block;
    font-style: normal;
}

/* ========================================================================== */
/*   IMPROVED RESPONSIVE RULES                                                */
/* ========================================================================== */

/* --- For Tablets (e.g., iPads) --- */
@media (max-width: 992px) {
    .nfh-stats-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 40px;
    }
}

/* --- For Mobile Devices --- */
@media (max-width: 767px) {
    .nfh-stats-grid {
        grid-template-columns: 1fr;
        gap: 35px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-6b25bab *//* ======================================================
   "WHAT WE DO" - V6 (USER-SPECIFIED STYLES & ANIMATION)
   ====================================================== */

/* --- 1. Hide this new mobile section on desktop --- */
.mobile-final-design-replica {
    display: none;
}

/* --- 2. Media Query for Mobile Screens (< 768px) --- */
@media (max-width: 767px) {

    /* --- First, HIDE the original Elementor desktop section --- */
    .elementor-element-214c970 {
        display: none !important;
    }

    /* --- Second, SHOW and STYLE our new mobile-only design --- */
    .mobile-final-design-replica {
        display: block;
        padding: 0px; /* Added padding back for screen edges */
    }

    /* Main "What we do" Title */
    .mobile-title-replica {
        font-family: "Sohnee", sans-serif;
        font-size: 28px;       /* Your requested size */
        color: #253c49;        /* Your requested color */
        font-weight: 300;      /* Your requested weight */
        padding-bottom: 10px;
        margin-bottom: 20px;
        border-bottom: 1px solid #e0e0e0;
    }

    /* The container for each card */
    .mobile-card-replica {
        margin-bottom: 30px;
    }

    .mobile-card-replica img {
        width: 100%;
        height: auto;
        display: block;
    }

    /* The grey box holding the text content */
    .card-content-replica {
        background-color: #F8F9FA;
        padding: 30px 25px;
    }

    /* Card Title (e.g., "Services we provide") */
    .card-content-replica h3 {
        font-family: "Sohnee", sans-serif; /* Your requested font */
        font-size: 22px;       /* Your requested size */
        color: #253c49;        /* Your requested color */
        font-weight: 300;      /* Your requested weight */
        margin-top: 0;
        margin-bottom: 15px;
        padding-bottom: 10px;
        position: relative;
    }

    /* Underline for the Card Title */
    .card-content-replica h3::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        width: 130px; 
        height: .125rem;
        background-color: #253c49; /* Matches title color */
    }

    /* Description Paragraph */
    .card-content-replica p {
        font-family: "nfhtiempos", serif; /* Your requested font */
        font-weight: normal;
        font-size: 17px;           /* Your requested size */
        color: #253c49;            /* Your requested color */
        font-style: normal;          /* Your requested weight */
        line-height: 1.7;
        margin-bottom: 35px; /* More space above the button */
    }

    /* --- "Find out more" Button & Hover Animation --- */
    .card-content-replica a {
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-decoration: none;
        position: relative; /* Essential for the animation */
        overflow: hidden;   /* Hides the slide-in element */
        
        padding: 15px;      /* Add padding to create a button-like area */
        
        font-family: "Sohnee", sans-serif; /* Your requested font */
        font-size: 16px;           /* Your requested size */
        color: #253c49;            /* Your requested color */
        font-weight: 350;          /* Your requested weight */
        transition: color 0.4s ease-out; /* Smooth color transition for text */
    }
    
    /* This is the colored background that will slide up */
    .card-content-replica a::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #253c49; /* Your requested fill color */
        transform: translateY(100%); /* Start it below the button */
        transition: transform 0.4s ease-out; /* The slide-up animation */
        z-index: 1; /* Sits below the text */
    }

    /* The text and arrow content */
    .card-content-replica a span {
        position: relative;
        z-index: 2; /* Ensures text is on top of the animation */
    }
    
    /* On hover, slide the background up */
    .card-content-replica a:hover::before {
        transform: translateY(0);
    }
    
    /* On hover, change the text and arrow color to white */
    .card-content-replica a:hover {
        color: #ffffff;
    }

    .card-content-replica a .arrow {
        font-size: 24px;
    }
}/* End custom CSS */
/* Start custom CSS for heading, class: .elementor-element-a9cf554 *//* ==========================================================================
   Mixed Font Style for Heading Widget
   ========================================================================== */

/* --- This styles the MAIN (Sohne) text --- */
/* '.elementor-813 .elementor-element.elementor-element-a9cf554' targets this specific heading widget */
.elementor-813 .elementor-element.elementor-element-a9cf554 .elementor-heading-title {
    /*
     * This assumes 'Sohne' is already loaded by your theme.
     * If not, it will fall back to a standard sans-serif font.
    */
    font-family: 'Sohne', sans-serif;
    color: #514294; /* The dark purple color */
    
    /* You can adjust the font size and line height here if needed */
    font-size: 3.1rem;
    line-height: 1.1;
    letter-spacing: -0.7px;
    font-weight: 400; /* A good default for Sohne */
}


/* --- This styles the ITALIC (TiemposHead) text --- */
/* This rule specifically targets the <span> tags inside the heading */
.elementor-813 .elementor-element.elementor-element-a9cf554 .elementor-heading-title span {
    /*
     * This assumes 'TiemposHead' is already loaded by your theme.
     * If not, it will fall back to a standard serif font.
    */
    font-family: 'TiemposHead', serif;
    color: #8a76b4; /* The lighter lavender color */
    font-style: italic; /* As requested */
    font-weight: 400;  /* As requested */
}
/* ======================================================
   Mobile Responsive Fix V2 (Forcing 4 Lines)
   ====================================================== */

@media (max-width: 767px) {
    
    /* This rule applies only to screens 767px wide or smaller */
    
    /* 1. Drastically reduce the font size to force fewer lines */
    .elementor-813 .elementor-element.elementor-element-a9cf554 .elementor-heading-title {
        font-size: 1.39rem; /* <-- THIS IS THE KEY CHANGE. It's much smaller. */
        line-height: 1.5;   /* Adjusted for the new font size */
    }
    
    /* 2. Keep the forced line breaks hidden */
    .elementor-813 .elementor-element.elementor-element-a9cf554 .elementor-heading-title br {
        display: none; 
    }
    
}/* End custom CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Tiempos';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://nfh.ae/wp-content/uploads/2025/08/TestTiemposFine-RegularItalic.woff2') format('woff2');
}
@font-face {
	font-family: 'Tiempos';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://nfh.ae/wp-content/uploads/2025/08/TestTiemposFine-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Tiempos';
	font-style: italic;
	font-weight: 100;
	font-display: auto;
	src: url('https://nfh.ae/wp-content/uploads/2025/08/TestTiemposFine-LightItalic.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'NFHsohne';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://nfh.ae/wp-content/uploads/2025/09/nfhsohne.woff2') format('woff2');
}
/* End Custom Fonts CSS */
/* Start Custom Fonts CSS */@font-face {
	font-family: 'Sohnee';
	font-style: normal;
	font-weight: 300;
	font-display: auto;
	src: url('https://nfh.ae/wp-content/uploads/2025/08/TestSohne-Buch.woff2') format('woff2');
}
@font-face {
	font-family: 'Sohnee';
	font-style: normal;
	font-weight: 400;
	font-display: auto;
	src: url('https://nfh.ae/wp-content/uploads/2025/08/TestSohne-Kraftig.woff2') format('woff2');
}
@font-face {
	font-family: 'Sohnee';
	font-style: normal;
	font-weight: 200;
	font-display: auto;
	src: url('https://nfh.ae/wp-content/uploads/2025/08/TestSohne-Leicht.woff2') format('woff2');
}
/* End Custom Fonts CSS */