.elementor-633 .elementor-element.elementor-element-774f6b0d{--display:flex;--min-height:237px;--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;}.elementor-633 .elementor-element.elementor-element-774f6b0d:not(.elementor-motion-effects-element-type-background), .elementor-633 .elementor-element.elementor-element-774f6b0d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://nfh.ae/wp-content/uploads/2025/09/services-we-provide-banner.png");background-position:top left;}.elementor-633 .elementor-element.elementor-element-18c3b0b7{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 93px;text-align:left;}.elementor-633 .elementor-element.elementor-element-18c3b0b7.elementor-element{--align-self:center;}.elementor-633 .elementor-element.elementor-element-18c3b0b7 .elementor-heading-title{font-family:"NFHsohne", Sans-serif;font-size:40px;font-weight:400;color:#514294;}.elementor-633 .elementor-element.elementor-element-4b499a6e{--display:flex;--min-height:37px;border-style:solid;--border-style:solid;border-width:0px 0px 0.1px 0px;--border-top-width:0px;--border-right-width:0px;--border-bottom-width:0.1px;--border-left-width:0px;border-color:#003D5212;--border-color:#003D5212;}.elementor-633 .elementor-element.elementor-element-4b499a6e:not(.elementor-motion-effects-element-type-background), .elementor-633 .elementor-element.elementor-element-4b499a6e > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-633 .elementor-element.elementor-element-4b499a6e:hover{box-shadow:0px 1px 13px 0px rgba(0, 60.999999999999964, 82.00000000000003, 0.07);}.elementor-633 .elementor-element.elementor-element-10be4e46{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 93px;font-family:"NFHsohne", Sans-serif;font-weight:400;color:#003D52;}.elementor-633 .elementor-element.elementor-element-10be4e46.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-633 .elementor-element.elementor-element-7fd5479f{--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:55px;--padding-bottom:55px;--padding-left:0px;--padding-right:0px;}.elementor-633 .elementor-element.elementor-element-485fa799{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 93px;}.elementor-633 .elementor-element.elementor-element-485fa799 .elementor-heading-title{font-family:"NFHsohne", Sans-serif;font-size:22px;}.elementor-633 .elementor-element.elementor-element-35b801af{--divider-border-style:solid;--divider-color:#E8E8E8;--divider-border-width:1px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 95px;}.elementor-633 .elementor-element.elementor-element-35b801af .elementor-divider-separator{width:20%;margin:0 auto;margin-left:0;}.elementor-633 .elementor-element.elementor-element-35b801af .elementor-divider{text-align:left;padding-block-start:15px;padding-block-end:15px;}.elementor-633 .elementor-element.elementor-element-304bd115{width:var( --container-widget-width, 43% );max-width:43%;--e-transform-translateY:-61px;margin:0px -119px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:0px 0px 0px 0px;--container-widget-width:43%;--container-widget-flex-grow:0;}.elementor-633 .elementor-element.elementor-element-304bd115.elementor-element{--align-self:flex-end;}.elementor-633 .elementor-element.elementor-element-77e072b1{width:var( --container-widget-width, 47.037% );max-width:47.037%;margin:-318px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 93px;--container-widget-width:47.037%;--container-widget-flex-grow:0;font-family:"NFHtiempos", Sans-serif;font-size:17px;color:#253C49;}.elementor-633 .elementor-element.elementor-element-77e072b1.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-633 .elementor-element.elementor-element-178c56ae{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 93px;font-family:"NFHsohne", Sans-serif;font-size:22px;}.elementor-633 .elementor-element.elementor-element-18dda401{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 93px;font-family:"NFHtiempos", Sans-serif;}.elementor-633 .elementor-element.elementor-element-3c724e11{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 93px;font-family:"NFHsohne", Sans-serif;font-size:22px;}.elementor-633 .elementor-element.elementor-element-4951eb01{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 93px;font-family:"NFHtiempos", Sans-serif;}.elementor-633 .elementor-element.elementor-element-6a9a685{--display:flex;}.elementor-633 .elementor-element.elementor-element-598126a7{--display:flex;--min-height:454px;--flex-direction:row-reverse;--container-widget-width:initial;--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap-reverse;--gap:0px 0px;--row-gap:0px;--column-gap:0px;--margin-top:0px;--margin-bottom:0px;--margin-left:-18px;--margin-right:0px;}.elementor-633 .elementor-element.elementor-element-26727ce4{--display:flex;--min-height:358px;--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:0px;--margin-right:-31px;}.elementor-633 .elementor-element.elementor-element-26727ce4:not(.elementor-motion-effects-element-type-background), .elementor-633 .elementor-element.elementor-element-26727ce4 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://nfh.ae/wp-content/uploads/2025/09/invest.jpg");background-position:bottom left;background-size:cover;}.elementor-633 .elementor-element.elementor-element-26727ce4.e-con{--flex-grow:1;--flex-shrink:0;}.elementor-633 .elementor-element.elementor-element-2ea6f2b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--justify-content:center;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-633 .elementor-element.elementor-element-2ea6f2b:not(.elementor-motion-effects-element-type-background), .elementor-633 .elementor-element.elementor-element-2ea6f2b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://nfh.ae/wp-content/uploads/2025/09/elil-graphic-themed-promo.webp");background-repeat:no-repeat;background-size:100% auto;}.elementor-633 .elementor-element.elementor-element-17a9277{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 45px;}.elementor-633 .elementor-element.elementor-element-17a9277 .elementor-heading-title{font-family:"NFHsohne", Sans-serif;font-size:48px;color:#105577;}.elementor-633 .elementor-element.elementor-element-6bac1fd6{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 45px;font-family:"NFHtiempos", Sans-serif;font-size:17px;color:#253C49;}.elementor-633 .elementor-element.elementor-element-4e07910e{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 45px;}.elementor-633 .elementor-element.elementor-element-6c4948f{--display:flex;}.elementor-633 .elementor-element.elementor-element-5349fc69{--spacer-size:50px;}.elementor-633 .elementor-element.elementor-element-22db4aff{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -68px;}.elementor-633 .elementor-element.elementor-element-22db4aff .elementor-heading-title{font-family:"NFHsohne", Sans-serif;}.elementor-633 .elementor-element.elementor-element-749fb996{--display:flex;}.elementor-633 .elementor-element.elementor-element-51bf391e{--divider-border-style:solid;--divider-color:#E8E8E8;--divider-border-width:3.1px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -68px;}.elementor-633 .elementor-element.elementor-element-51bf391e .elementor-divider-separator{width:20%;margin:0 auto;margin-left:0;}.elementor-633 .elementor-element.elementor-element-51bf391e .elementor-divider{text-align:left;padding-block-start:15px;padding-block-end:15px;}.elementor-633 .elementor-element.elementor-element-7d2aec0{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:-68px;--margin-right:0px;--padding-top:0px;--padding-bottom:103px;--padding-left:0px;--padding-right:-24px;}.elementor-633 .elementor-element.elementor-element-c92a692{--display:flex;}@media(min-width:768px){.elementor-633 .elementor-element.elementor-element-26727ce4{--width:50%;}.elementor-633 .elementor-element.elementor-element-2ea6f2b{--width:50%;}}@media(max-width:767px){.elementor-633 .elementor-element.elementor-element-18c3b0b7{--e-transform-translateX:-61px;}.elementor-633 .elementor-element.elementor-element-18c3b0b7 .elementor-heading-title{font-size:25px;}.elementor-633 .elementor-element.elementor-element-10be4e46{width:var( --container-widget-width, 337.8px );max-width:337.8px;--e-transform-translateX:-96px;--container-widget-width:337.8px;--container-widget-flex-grow:0;}.elementor-633 .elementor-element.elementor-element-598126a7.e-con{--e-con-transform-translateX:19px;}.elementor-633 .elementor-element.elementor-element-598126a7{--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}.elementor-633 .elementor-element.elementor-element-17a9277{--e-transform-translateX:-24px;--e-transform-translateY:12px;}.elementor-633 .elementor-element.elementor-element-17a9277 .elementor-heading-title{font-size:29px;}.elementor-633 .elementor-element.elementor-element-6bac1fd6{--e-transform-translateX:-23px;}.elementor-633 .elementor-element.elementor-element-4e07910e{--e-transform-translateX:-33px;--e-transform-translateY:-17px;--e-transform-scale:0.9;}.elementor-633 .elementor-element.elementor-element-22db4aff{--e-transform-translateX:73px;--e-transform-translateY:12px;}.elementor-633 .elementor-element.elementor-element-22db4aff .elementor-heading-title{font-size:20px;}.elementor-633 .elementor-element.elementor-element-2ef9b379{--e-transform-translateX:68px;}}/* Start custom CSS for text-editor, class: .elementor-element-10be4e46 *//* Main container */
.elementor-633 .elementor-element.elementor-element-10be4e46 .nfh-breadcrumbs {
    font-family: 'nfhSohne', sans-serif;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

/* Styling for the links */
.elementor-633 .elementor-element.elementor-element-10be4e46 .nfh-breadcrumbs a {
    color: #253c49;
    text-decoration: none;
}
.elementor-633 .elementor-element.elementor-element-10be4e46 .nfh-breadcrumbs a:hover {
    text-decoration: underline;
}

/* The arrow separator - now only placed AFTER the links */
.elementor-633 .elementor-element.elementor-element-10be4e46 .nfh-breadcrumbs a::after {
    content: '\203A'; /* The sleeker arrow */
    font-size: 20px;
    color: #253c49;
    margin: 0 12px;
    display: inline-block; /* Prevents underline */
}

/* THE FIX: Styling for the current page name */
.elementor-633 .elementor-element.elementor-element-10be4e46 .current-page {
    color: #666666; /* Your specified color */
    ;/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-304bd115 *//* Main Card Container */
.elementor-633 .elementor-element.elementor-element-304bd115 .nfh-get-in-touch-card {
    background-color: #E2F2F7; /* Your specified background color */
    padding: 30px;
    font-family: 'nfhSohne', sans-serif;
    max-width: 350px; /* Controls the card width */
}

/* "Get in touch" Heading */
.elementor-633 .elementor-element.elementor-element-304bd115 .card-title {
    color: #105577; /* Your specified heading color */
    font-size: 18px; /* Your specified font size */
    font-weight: 500;
    margin: 0;
    padding-bottom: 12px;
    border-bottom: 1px solid #288ccd; /* Your specified line color */
}

/* The descriptive paragraph */
.elementor-633 .elementor-element.elementor-element-304bd115 .card-description {
    color: #253c49; /* Your specified text color */
    font-size: 16px;
    line-height: 1.6;
    margin: 20px 0;
    font-family: nfhtiempos;
}

/* The list of contact links */
.elementor-633 .elementor-element.elementor-element-304bd115 .card-contact-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Each individual list item */
.elementor-633 .elementor-element.elementor-element-304bd115 .card-contact-list li {
    border-top: 1px solid #FFFFFF; /* The pure white divider line */
}

/* The clickable link for phone/email */
.elementor-633 .elementor-element.elementor-element-304bd115 .card-contact-list a {
    color: #253c49; /* Your specified text color */
    text-decoration: none;
    font-size: 16px;
    padding: 14px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/* The SVG arrow icon */
.elementor-633 .elementor-element.elementor-element-304bd115 .contact-arrow {
    transition: transform 0.2s ease-out;
}

/* Optional: Move arrow slightly on hover */
.elementor-633 .elementor-element.elementor-element-304bd115 .card-contact-list a:hover .contact-arrow {
    transform: translateX(5px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-4e07910e *//* ==========================================================================
   NFH Animated CTA Button - FINAL CORRECTED VERSION
   ========================================================================== */

/*
 * THE FIX:
 * We've replaced '.elementor-633 .elementor-element.elementor-element-4e07910e' with '.elementor-widget' before your class.
 * This makes the rule more powerful by telling the browser: "Find a button with this class,
 * but ONLY if it's inside an Elementor widget." This is more specific and will
 * override the default Elementor styles that are breaking your animation.
*/
.elementor-widget .nfh-animatedd-button {
    /* --- Core Setup --- */
    all: unset; /* Resets default browser styles for a clean slate */
    box-sizing: border-box;
    display: inline-block;
    cursor: pointer;
    
    /* --- Text & Font --- */
    font-family: 'nfhSohne', sans-serif;
    font-size: 16px;
    font-weight: 400;
    text-align: center;
    text-decoration: none;

    /* --- Spacing & Border --- */
    padding: 12px 24px;
    border: 1px solid #105F50; /* The green border */

    /* --- The Animation Engine --- */
    position: relative; /* Needed for the background gradient */
    color: #105F50; /* The initial text color is green */
    background-image: linear-gradient(to top, #105F50 50%, transparent 50%);
    background-size: 100% 200%;
    background-position: top; /* Starts with the transparent half visible */
    transition: background-position 0.4s ease, color 0.4s ease;
}

/* --- The Hover State --- */
.elementor-widget .nfh-animatedd-button:hover {
    color: #ffffff; /* Text becomes white on hover */
    background-position: bottom; /* Slides the background up, revealing the green half */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-2ef9b379 *//* ==========================================================================
   NFH Static Practice Area Grid
   ========================================================================== */

/* --- 1. The Main Grid Container --- */
.nfh-practice-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* Creates the 3-column layout */
    gap: 24px; /* The space between the cards */
    max-width: 1200px;
    margin: 40px auto; /* Centers the grid on the page */
}

/* --- 2. The Card Styling --- */
.practice-card {
    display: flex;
    flex-direction: column;
    background-color: #F8F8F8;
    transition: box-shadow 0.3s ease;
    border: 1px solid #e8e8e8;
}
.practice-card:hover {
    box-shadow: 0 10px 30px -10px rgba(0,0,0,0.15);
}
.practice-card img {
    width: 100%;
    height: 200px;
    object-fit: cover;
}
.card-content {
    padding: 25px;
    display: flex;
    flex-direction: column;
    flex-grow: 1;
}
.card-title {
    color: #003d52;
    font-size: 21px;
    font-family: 'nfhSohne', sans-serif;
    font-weight: 400;
    margin: 0 0 15px 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #e0e0e0;
}
.card-description {
    color: #253c49;
    font-size: 17px;
    font-family: 'nfhtiempos', serif;
    line-height: 1.6;
    margin: 0 0 25px 0;
    flex-grow: 1;
}

/* --- 3. The Card CTA (Find out more) --- */
.card-cta {
    color: #003d52;
    font-family: 'nfhSohne', sans-serif;
    font-size: 16px;
    text-decoration: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 16px 20px;
    margin: 0 -25px -25px -25px;
    position: relative;
    overflow: hidden;
}
.card-cta span, .card-cta .card-arrow {
    position: relative;
    z-index: 2;
    transition: color 0.4s ease;
    color: #253c49;
}
.card-cta::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #253c49;
    z-index: 1;
    transform: translateY(100%);
    transition: transform 1.3s cubic-bezier(0.23, 1, 0.32, 1);
}
.practice-card:hover .card-cta::before {
    transform: translateY(0);
}
.practice-card:hover .card-cta span,
.practice-card:hover .card-cta .card-arrow {
    color: #ffffff;
}

/* --- 4. Responsive Rules --- */
@media (max-width: 992px) {
    .nfh-practice-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media (max-width: 768px) {
    .nfh-practice-grid {
        grid-template-columns: 1fr;
    }
}/* End custom 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: 'NFHtiempos';
	font-style: normal;
	font-weight: normal;
	font-display: auto;
	src: url('https://nfh.ae/wp-content/uploads/2025/09/nfhtiemposregular.woff2') format('woff2');
}
@font-face {
	font-family: 'NFHtiempos';
	font-style: normal;
	font-weight: 100;
	font-display: auto;
	src: url('https://nfh.ae/wp-content/uploads/2025/09/nfhtiemposfinelight.woff2') format('woff2');
}
@font-face {
	font-family: 'NFHtiempos';
	font-style: italic;
	font-weight: normal;
	font-display: auto;
	src: url('https://nfh.ae/wp-content/uploads/2025/09/nfhtiempositalic.woff2') format('woff2');
}
/* End Custom Fonts CSS */