.elementor-3916 .elementor-element.elementor-element-2efba06f{--display:flex;--min-height:700px;--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;--gap:60px 60px;--row-gap:60px;--column-gap:60px;--overflow:hidden;--overlay-opacity:0.7;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-3916 .elementor-element.elementor-element-2efba06f:not(.elementor-motion-effects-element-type-background), .elementor-3916 .elementor-element.elementor-element-2efba06f > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:var( --e-global-color-secondary );background-image:url("https://www.nihalfintech.com/wp-content/uploads/2026/10/Real-estate-broker_converted.webp");background-position:center center;background-repeat:no-repeat;background-size:cover;}.elementor-3916 .elementor-element.elementor-element-2efba06f::before, .elementor-3916 .elementor-element.elementor-element-2efba06f > .elementor-background-video-container::before, .elementor-3916 .elementor-element.elementor-element-2efba06f > .e-con-inner > .elementor-background-video-container::before, .elementor-3916 .elementor-element.elementor-element-2efba06f > .elementor-background-slideshow::before, .elementor-3916 .elementor-element.elementor-element-2efba06f > .e-con-inner > .elementor-background-slideshow::before, .elementor-3916 .elementor-element.elementor-element-2efba06f > .elementor-motion-effects-container > .elementor-motion-effects-layer::before{background-color:#000000;--background-overlay:'';}.elementor-3916 .elementor-element.elementor-element-6cca0ad5{--grid-columns:3;}.elementor-3916 .elementor-element.elementor-element-16c4a39{--display:flex;--padding-top:100px;--padding-bottom:100px;--padding-left:0px;--padding-right:0px;}.elementor-3916 .elementor-element.elementor-element-31cf544{--grid-columns:3;}@media(max-width:1199px) and (min-width:768px){.elementor-3916 .elementor-element.elementor-element-2efba06f{--content-width:1200px;}.elementor-3916 .elementor-element.elementor-element-16c4a39{--content-width:1200px;}}@media(max-width:1199px){.elementor-3916 .elementor-element.elementor-element-2efba06f{--min-height:500px;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-3916 .elementor-element.elementor-element-6cca0ad5{--grid-columns:2;}.elementor-3916 .elementor-element.elementor-element-16c4a39{--padding-top:80px;--padding-bottom:80px;--padding-left:20px;--padding-right:20px;}.elementor-3916 .elementor-element.elementor-element-31cf544{--grid-columns:2;}}@media(max-width:767px){.elementor-3916 .elementor-element.elementor-element-2efba06f{--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-3916 .elementor-element.elementor-element-6cca0ad5{--grid-columns:1;}.elementor-3916 .elementor-element.elementor-element-16c4a39{--content-width:1200px;--padding-top:50px;--padding-bottom:50px;--padding-left:20px;--padding-right:20px;}.elementor-3916 .elementor-element.elementor-element-31cf544{--grid-columns:1;}}/* Start custom CSS for container, class: .elementor-element-2efba06f *//* =========================
   MAIN SECTION
========================= */

.overlay-section {
    position: relative;
    overflow: hidden;
    isolation: isolate;

    /* IMAGE 1 - DEFAULT (Real Estate) */
    background-image: url("https://www.nihalfintech.com/wp-content/uploads/2026/10/Real-estate-broker_converted.webp");
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}


/* =========================
   IMAGE OVERLAY LAYERS
   KEEP ORIGINAL IMAGE ANIMATIONS
========================= */

.overlay-section::before,
.overlay-section::after {
    content: "";
    position: absolute;
    inset: -2%;

    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;

    opacity: 0;
    transform: scale(1);

    transition:
        opacity 0.75s cubic-bezier(.22, .61, .36, 1),
        transform 1.5s cubic-bezier(.22, .61, .36, 1);

    pointer-events: none;
    z-index: 0;
}


/* =========================
   IMAGE 2 - BUILDER
========================= */

.overlay-section::before {
    background-image: url("https://www.nihalfintech.com/wp-content/uploads/2026/10/builder-industry_converte.webp");
}


/* =========================
   IMAGE 3 - DOCTORS
========================= */

.overlay-section::after {
    background-image: url("https://www.nihalfintech.com/wp-content/uploads/2026/10/doctor-industry.webp");
}


/* =========================
   KEEP CONTENT ABOVE BACKGROUND
========================= */

.overlay-section > * {
    position: relative;
    z-index: 5;
}


/* ========================================================
   CARD 1 - REAL ESTATE (POST 2391)
   KEEP DEFAULT BACKGROUND IMAGE
======================================================== */

.overlay-section:has(.e-loop-item-2391:hover)::before,
.overlay-section:has(.e-loop-item:nth-of-type(1):hover)::before {
    opacity: 0 !important;
    transform: scale(1) !important;
}

.overlay-section:has(.e-loop-item-2391:hover)::after,
.overlay-section:has(.e-loop-item:nth-of-type(1):hover)::after {
    opacity: 0 !important;
    transform: scale(1) !important;
}


/* ========================================================
   CARD 2 - BUILDER (POST 2390)
   KEEP ORIGINAL IMAGE FADE AND ZOOM
======================================================== */

.overlay-section:has(.e-loop-item-2390:hover)::before,
.overlay-section:has(.e-loop-item:nth-of-type(2):hover)::before {
    opacity: 1 !important;
    transform: scale(1.08) !important;
}

.overlay-section:has(.e-loop-item-2390:hover)::after,
.overlay-section:has(.e-loop-item:nth-of-type(2):hover)::after {
    opacity: 0 !important;
    transform: scale(1) !important;
}


/* ========================================================
   CARD 3 - DOCTORS (POST 2389)
   KEEP ORIGINAL IMAGE FADE AND ZOOM
======================================================== */

.overlay-section:has(.e-loop-item-2389:hover)::before,
.overlay-section:has(.e-loop-item:nth-of-type(3):hover)::before {
    opacity: 0 !important;
    transform: scale(1) !important;
}

.overlay-section:has(.e-loop-item-2389:hover)::after,
.overlay-section:has(.e-loop-item:nth-of-type(3):hover)::after {
    opacity: 1 !important;
    transform: scale(1.08) !important;
}


/* ========================================================
   PREMIUM CARD DESIGN
   NO MEDIA QUERIES
======================================================== */

/* CARD GRID */

.overlay-section .elementor-grid {
    align-items: stretch !important;
    gap: 20px !important;
}


/* CARD BACKGROUND, BORDER AND SPACING */

.overlay-section .e-loop-item {
    box-sizing: border-box !important;
    position: relative !important;

    padding: 24px 20px !important;
    margin: 0 !important;

    background: rgba(9, 25, 45, 0.88) !important;
    border: 1px solid rgba(148, 190, 225, 0.38) !important;
    border-radius: 10px !important;

    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18) !important;

    height: auto !important;
    align-self: stretch !important;

    /* REMOVE CARD ANIMATIONS */
    animation: none !important;
    transition: none !important;
    transform: none !important;
}


/* REMOVE VERTICAL DIVIDER LINES */

.overlay-section .e-loop-item:not(:last-child)::after {
    content: none !important;
    display: none !important;
}


/* CARD INNER CONTAINER */

.overlay-section .e-loop-item .elementor-element-ind_card_outer {
    display: flex !important;
    flex-direction: column !important;

    height: 100% !important;
    min-height: 0 !important;

    background: transparent !important;
    border: none !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    justify-content: flex-start !important;

    animation: none !important;
    transition: none !important;
    transform: none !important;
}


/* CARD BODY */

.overlay-section .e-loop-item .elementor-element-ind_common_card_body {
    display: flex !important;
    flex-direction: column !important;

    justify-content: flex-start !important;
    flex-grow: 0 !important;
    width: 100% !important;
}


/* CARD TITLES */

.overlay-section .e-loop-item .elementor-heading-title {
    color: #FFFFFF !important;
}


/* ALL CARD CONTENT VISIBLE BY DEFAULT */

.overlay-section .e-loop-item .elementor-element-ind_body_text_section {
    display: flex !important;
    flex-direction: column !important;

    visibility: visible !important;
    opacity: 1 !important;

    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;

    overflow: visible !important;

    margin-top: 16px !important;
    margin-bottom: 12px !important;
    padding: 0 !important;

    pointer-events: auto !important;

    animation: none !important;
    transition: none !important;
    transform: none !important;
}


/* DESCRIPTION TEXT */

.overlay-section .elementor-element-ind_body_excerpt,
.overlay-section .elementor-element-ind_body_excerpt p,
.overlay-section .elementor-widget-theme-post-excerpt,
.overlay-section .elementor-widget-theme-post-excerpt p {
    color: #E6EDF5 !important;
}


/* CONTENT SEPARATORS */

.overlay-section .e-loop-item hr {
    border: none !important;
    border-top: 1px solid rgba(180, 205, 230, 0.22) !important;
}


/* CTA BUTTON CONTAINER */

.overlay-section .e-loop-item .elementor-element-ind_body_cta_button {
    display: block !important;

    visibility: visible !important;
    opacity: 1 !important;

    margin-top: 16px !important;

    animation: none !important;
    transition: none !important;
    transform: none !important;
}


/* CTA BUTTON LINK */

.overlay-section .e-loop-item .elementor-element-ind_body_cta_button a {
    color: #FFFFFF !important;
}


/* KEEP CONTENT VISIBLE ON HOVER */

.overlay-section .e-loop-item:hover .elementor-element-ind_body_text_section {
    display: flex !important;

    visibility: visible !important;
    opacity: 1 !important;

    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;

    overflow: visible !important;

    animation: none !important;
    transition: none !important;
    transform: none !important;
}


/* REMOVE CARD HOVER ANIMATIONS */

.overlay-section .e-loop-item:hover {
    animation: none !important;
    transition: none !important;
    transform: none !important;
}


/* DISABLE ANIMATIONS ON CARD CONTENT ONLY
   BACKGROUND PSEUDO-ELEMENT ANIMATIONS ARE PRESERVED */

.overlay-section .e-loop-item * {
    animation: none !important;
    transition: none !important;
}


/* ENSURE CTA REMAINS VISIBLE */

.overlay-section .e-loop-item .elementor-element-ind_body_cta_button,
.overlay-section .e-loop-item .elementor-element-ind_body_cta_button * {
    visibility: visible !important;
    opacity: 1 !important;
}/* End custom CSS */
/* Start custom CSS for loop-grid, class: .elementor-element-31cf544 */.grid-mobile-band span.nihal-card-bullet-text{
    color: #fff !important;
}/* End custom CSS */