.elementor-48 .elementor-element.elementor-element-b91e0de{--display:flex;--min-height:30vh;--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:0px;}.elementor-48 .elementor-element.elementor-element-b91e0de:not(.elementor-motion-effects-element-type-background), .elementor-48 .elementor-element.elementor-element-b91e0de > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-image:url("https://navhope.com/wp-content/uploads/2025/12/Untitled-design-35.png");background-position:center center;}.elementor-48 .elementor-element.elementor-element-0906440{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-48 .elementor-element.elementor-element-985dafa{--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;}.elementor-48 .elementor-element.elementor-element-04ba099 img{border-radius:5px 5px 5px 5px;}.elementor-48 .elementor-element.elementor-element-84e8082{--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;}.elementor-48 .elementor-element.elementor-element-0a1f921 > .elementor-widget-container{margin:25px 0px -50px 0px;}.elementor-48 .elementor-element.elementor-element-0a1f921 .bdevs-el-title{color:#3440AE;font-family:"Recursive", Sans-serif;font-size:35px;font-weight:100;}.elementor-48 .elementor-element.elementor-element-1e0a5ff{font-family:"Bitter", Sans-serif;}.elementor-48 .elementor-element.elementor-element-256e9a2{--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-48 .elementor-element.elementor-element-256e9a2:not(.elementor-motion-effects-element-type-background), .elementor-48 .elementor-element.elementor-element-256e9a2 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#E7E7E7;}.elementor-48 .elementor-element.elementor-element-f0a7ad7{--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;}.elementor-48 .elementor-element.elementor-element-67cb001 > .elementor-widget-container{margin:25px 0px -50px 0px;}.elementor-48 .elementor-element.elementor-element-67cb001 .bdevs-el-title{color:#3440AE;font-family:"Bitter", Sans-serif;font-size:35px;font-weight:100;}.elementor-48 .elementor-element.elementor-element-3e916fb{font-family:"Bitter", Sans-serif;}.elementor-48 .elementor-element.elementor-element-b7e816c{--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;}.elementor-48 .elementor-element.elementor-element-3e43c60 img{border-radius:5px 5px 5px 5px;}.elementor-48 .elementor-element.elementor-element-89e066a{--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;--padding-top:50px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-48 .elementor-element.elementor-element-29f1ab2{--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;}.elementor-48 .elementor-element.elementor-element-e00e8c8 img{border-radius:5px 5px 5px 5px;}.elementor-48 .elementor-element.elementor-element-4e60150{--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;}.elementor-48 .elementor-element.elementor-element-66aa219 > .elementor-widget-container{margin:25px 0px -50px 0px;}.elementor-48 .elementor-element.elementor-element-66aa219 .bdevs-el-title{color:#3440AE;font-family:"Bitter", Sans-serif;font-size:35px;font-weight:100;}.elementor-48 .elementor-element.elementor-element-afc3a50{font-family:"Bitter", Sans-serif;}.elementor-48 .elementor-element.elementor-element-5d765db{--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;}@media(min-width:768px){.elementor-48 .elementor-element.elementor-element-0906440{--content-width:1400px;}.elementor-48 .elementor-element.elementor-element-985dafa{--width:50%;}.elementor-48 .elementor-element.elementor-element-84e8082{--width:50%;}.elementor-48 .elementor-element.elementor-element-256e9a2{--content-width:1400px;}.elementor-48 .elementor-element.elementor-element-f0a7ad7{--width:50%;}.elementor-48 .elementor-element.elementor-element-b7e816c{--width:50%;}.elementor-48 .elementor-element.elementor-element-89e066a{--content-width:1400px;}.elementor-48 .elementor-element.elementor-element-29f1ab2{--width:50%;}.elementor-48 .elementor-element.elementor-element-4e60150{--width:50%;}}/* Start custom CSS for html, class: .elementor-element-afb697f *//* --- FONTS IMPORT (SABSE PEHLE) --- */
/* Cursive Black ko direct use karenge. Bitter font import kar rahe hain. */
@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,100..900;1,100..900&display=swap');


/* Main Section: Flexbox Container for Cards */
.navhope-feature-cards-section {
    max-width: 1300px;
    margin: 60px auto;
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 25px; /* Cards ke beech ki space */
    justify-content: center;
}

/* Feature Card Styling */
.feature-card {
    /* Har card ke liye space (4 cards per row) */
    flex: 1 1 calc(25% - 20px); 
    min-width: 250px; /* Smallest width for a card */
    
    background-color: #ffffff;
    padding: 35px 30px; /* Proper Padding */
    border-radius: 15px; /* Rounded corners */
    
    /* Subtle Shadow aur Border jo image mein dikh raha hai */
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); 
    border: 1px solid #e0e0e0;
    
    transition: all 0.3s ease-in-out; /* Hover transition */
}

/* Hover Effect: Card ko thoda lift karein aur shadow badha dein */
.feature-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 15px 30px rgba(0, 0, 0, 0.15);
    border-color: #004AAD; /* Hover par border colour change */
}


/* Card Title Styling (Cursive Black) */
.feature-card .card-title {
    font-family: 'Cursive Black', cursive !important;
    font-size: 1.8em;
    color: #004AAD; /* Blue color for title */
    margin-top: 0;
    margin-bottom: 20px; /* Title aur paragraph ke beech space */
    line-height: 1.2;
    font-weight: normal; /* Cursive fonts ke liye */
}

/* Card Description Styling (Bitter) */
.feature-card .card-desc {
    font-family: 'Bitter', serif !important;
    font-size: 1em;
    line-height: 1.7;
    color: #555555; /* Dark gray for good readability */
    margin-bottom: 0;
}


/* --- Responsive Adjustments --- */

/* Tablet (2 cards per row) */
@media (max-width: 1024px) {
    .feature-card {
        flex: 1 1 calc(50% - 15px); /* 2 cards per row */
    }
}

/* Mobile (1 card per row) */
@media (max-width: 600px) {
    .navhope-feature-cards-section {
        gap: 15px;
    }
    .feature-card {
        flex: 1 1 100%; /* Full width */
        padding: 25px 20px;
    }
}/* End custom CSS */