.elementor-647 .elementor-element.elementor-element-684f9d0d{--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-647 .elementor-element.elementor-element-684f9d0d:not(.elementor-motion-effects-element-type-background), .elementor-647 .elementor-element.elementor-element-684f9d0d > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://nfh.ae/wp-content/uploads/2025/09/sectors-we-work-in-banner.png");background-position:bottom left;}.elementor-647 .elementor-element.elementor-element-7f533227{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 93px;text-align:left;}.elementor-647 .elementor-element.elementor-element-7f533227.elementor-element{--align-self:center;}.elementor-647 .elementor-element.elementor-element-7f533227 .elementor-heading-title{font-family:"NFHsohne", Sans-serif;font-size:40px;font-weight:400;color:#105577;}.elementor-647 .elementor-element.elementor-element-634717a2{--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-647 .elementor-element.elementor-element-634717a2:not(.elementor-motion-effects-element-type-background), .elementor-647 .elementor-element.elementor-element-634717a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#FFFFFF;}.elementor-647 .elementor-element.elementor-element-634717a2:hover{box-shadow:0px 1px 13px 0px rgba(0, 60.999999999999964, 82.00000000000003, 0.07);}.elementor-647 .elementor-element.elementor-element-d3757d4{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 93px;font-family:"NFHsohne", Sans-serif;font-weight:400;color:#003D52;}.elementor-647 .elementor-element.elementor-element-d3757d4.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-647 .elementor-element.elementor-element-f3d0983{--display:flex;}.elementor-647 .elementor-element.elementor-element-2e2ad49{--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-647 .elementor-element.elementor-element-65215f77{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 93px;}.elementor-647 .elementor-element.elementor-element-65215f77 .elementor-heading-title{font-family:"NFHsohne", Sans-serif;font-size:22px;}.elementor-647 .elementor-element.elementor-element-d32b588{--divider-border-style:solid;--divider-color:#E8E8E8;--divider-border-width:1.7px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 93px;}.elementor-647 .elementor-element.elementor-element-d32b588 .elementor-divider-separator{width:16%;}.elementor-647 .elementor-element.elementor-element-d32b588 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-647 .elementor-element.elementor-element-b9488d0{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 93px;font-family:"NFHtiempos", Sans-serif;}.elementor-647 .elementor-element.elementor-element-45360b2{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + -22px) 93px;font-family:"NFHsohne", Sans-serif;font-size:22px;}.elementor-647 .elementor-element.elementor-element-46adc8fd{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-647 .elementor-element.elementor-element-46adc8fd.elementor-element{--align-self:flex-end;}.elementor-647 .elementor-element.elementor-element-60e057fa{width:var( --container-widget-width, 49.904% );max-width:49.904%;margin:-325px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 93px;--container-widget-width:49.904%;--container-widget-flex-grow:0;font-family:"NFHtiempos", Sans-serif;font-size:17px;color:#253C49;}.elementor-647 .elementor-element.elementor-element-60e057fa.elementor-element{--flex-grow:0;--flex-shrink:0;}.elementor-647 .elementor-element.elementor-element-af46991{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 93px;}.elementor-647 .elementor-element.elementor-element-af46991 .elementor-heading-title{font-family:"NFHsohne", Sans-serif;font-size:22px;}.elementor-647 .elementor-element.elementor-element-964b110{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 93px;font-family:"NFHtiempos", Sans-serif;color:#253C49;}.elementor-647 .elementor-element.elementor-element-4138f3f{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 93px;}.elementor-647 .elementor-element.elementor-element-4138f3f .elementor-heading-title{font-family:"NFHsohne", Sans-serif;font-size:22px;}.elementor-647 .elementor-element.elementor-element-b0db1af{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 93px;font-family:"NFHtiempos", Sans-serif;color:#253C49;}.elementor-647 .elementor-element.elementor-element-b004248{--display:flex;}.elementor-647 .elementor-element.elementor-element-936236d{margin:-68px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -111px;}.elementor-647 .elementor-element.elementor-element-ec03ec0{--spacer-size:109px;}.elementor-647 .elementor-element.elementor-element-547552b{--display:flex;}.elementor-647 .elementor-element.elementor-element-848341b{--spacer-size:50px;}.elementor-647 .elementor-element.elementor-element-bc90e24{--display:flex;}.elementor-647 .elementor-element.elementor-element-7fae715{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -68px;}.elementor-647 .elementor-element.elementor-element-7fae715 .elementor-heading-title{font-family:"NFHsohne", Sans-serif;}.elementor-647 .elementor-element.elementor-element-372c8b7{--divider-border-style:solid;--divider-color:#E8E8E8;--divider-border-width:1.9px;margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) -93px;}.elementor-647 .elementor-element.elementor-element-372c8b7 .elementor-divider-separator{width:20%;}.elementor-647 .elementor-element.elementor-element-372c8b7 .elementor-divider{padding-block-start:15px;padding-block-end:15px;}.elementor-647 .elementor-element.elementor-element-211a70d2{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:-68px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:-24px;}@media(max-width:767px){.elementor-647 .elementor-element.elementor-element-7f533227{--e-transform-translateX:-73px;}.elementor-647 .elementor-element.elementor-element-7f533227 .elementor-heading-title{font-size:25px;}.elementor-647 .elementor-element.elementor-element-d3757d4{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-647 .elementor-element.elementor-element-936236d{--e-transform-translateX:115px;--e-transform-translateY:85px;}.elementor-647 .elementor-element.elementor-element-848341b{--spacer-size:25px;}.elementor-647 .elementor-element.elementor-element-bc90e24{--margin-top:50px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;}.elementor-647 .elementor-element.elementor-element-7fae715{--e-transform-translateX:73px;--e-transform-translateY:0px;}.elementor-647 .elementor-element.elementor-element-7fae715 .elementor-heading-title{font-size:20px;}.elementor-647 .elementor-element.elementor-element-211a70d2.e-con{--e-con-transform-translateX:73px;--e-con-transform-translateY:-73px;}.elementor-647 .elementor-element.elementor-element-211a70d2{--margin-top:50px;--margin-bottom:0px;--margin-left:-68px;--margin-right:0px;}}/* Start custom CSS for text-editor, class: .elementor-element-d3757d4 *//* Main container */
.elementor-647 .elementor-element.elementor-element-d3757d4 .nfh-breadcrumbs {
    font-family: 'nfhSohne', sans-serif;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
}

/* Styling for the links */
.elementor-647 .elementor-element.elementor-element-d3757d4 .nfh-breadcrumbs a {
    color: #253c49;
    text-decoration: none;
}
.elementor-647 .elementor-element.elementor-element-d3757d4 .nfh-breadcrumbs a:hover {
    text-decoration: underline;
}

/* The arrow separator - now only placed AFTER the links */
.elementor-647 .elementor-element.elementor-element-d3757d4 .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-647 .elementor-element.elementor-element-d3757d4 .current-page {
    color: #666666; /* Your specified color */
    ;/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cd0da98 *//* ==========================================================================
   Accordion Checklist Component
   ========================================================================== */

/* --- 1. The Main Accordion Container --- */
.accordion-checklist {
  max-width: 800px;
  margin: 1rem auto 0; /* Position it below the main content */
}

/* On larger screens, align it with the main content padding */
@media (min-width: 768px) {
  .accordion-checklist {
    margin-left: 2rem;
    margin-right: 2rem;
  }
}

/* --- 2. The Accordion Button (Header) --- */
.accordion-checklist__button {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 1rem 1.5rem;
  font-family: 'NFHsohne', sans-serif;
  font-size: 16px;
  text-align: left;
  border: none;
  cursor: pointer;
  transition: background-color 0.3s ease, color 0.3s ease;

  /* Closed State Styling (as per screenshot 1) */
  background-color: #e7f1f4;
  color: #253c49;
}

/* --- 3. The Accordion Open/Active State --- */
.accordion-checklist__button[aria-expanded="true"] {
  /* Open State Styling (as per screenshot 2) */
  background-color: #253c49;
  color: #ffffff;
}

/* --- 4. The Chevron Icon --- */
.accordion-checklist__icon {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-right: 2px solid;
  border-bottom: 2px solid;
  transform: rotate(45deg); /* Down arrow */
  transition: transform 0.3s ease;
}

/* Rotate the icon when the button is active */
.accordion-checklist__button[aria-expanded="true"] .accordion-checklist__icon {
  transform: rotate(-135deg); /* Up arrow */
  margin-top: -5px; /* Adjust position slightly when rotated */
}

/* --- 5. The Accordion Content Panel --- */
.accordion-checklist__panel {
  overflow: hidden;
  max-height: 0; /* Hidden by default */
  transition: max-height 0.4s ease-out, padding 0.4s ease-out;
  background-color: #f7f7f7;
  padding: 0 1.5rem; /* No vertical padding when closed */
}

.accordion-checklist__panel ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-top: 0.5rem; /* Add some space at the top */
}

.accordion-checklist__panel li {
  font-family: 'NFHtiempos', serif;
  font-size: 17px;
  color: #253c49;
  padding: 1rem 0;
  border-bottom: 1px solid #e0e0e0;
}

.accordion-checklist__panel li:last-child {
  border-bottom: none; /* Remove border from the last item */
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-46adc8fd *//* Main Card Container */
.elementor-647 .elementor-element.elementor-element-46adc8fd .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-647 .elementor-element.elementor-element-46adc8fd .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-647 .elementor-element.elementor-element-46adc8fd .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-647 .elementor-element.elementor-element-46adc8fd .card-contact-list {
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Each individual list item */
.elementor-647 .elementor-element.elementor-element-46adc8fd .card-contact-list li {
    border-top: 1px solid #FFFFFF; /* The pure white divider line */
}

/* The clickable link for phone/email */
.elementor-647 .elementor-element.elementor-element-46adc8fd .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-647 .elementor-element.elementor-element-46adc8fd .contact-arrow {
    transition: transform 0.2s ease-out;
}

/* Optional: Move arrow slightly on hover */
.elementor-647 .elementor-element.elementor-element-46adc8fd .card-contact-list a:hover .contact-arrow {
    transform: translateX(5px);
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-635a2a1d *//* ==========================================================================
   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 */