.elementor-677 .elementor-element.elementor-element-1312268{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:40px;--padding-left:0px;--padding-right:0px;}.elementor-677 .elementor-element.elementor-element-1312268:not(.elementor-motion-effects-element-type-background), .elementor-677 .elementor-element.elementor-element-1312268 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, var( --e-global-color-03fe3ea ) 0%, var( --e-global-color-156825f ) 100%);}.elementor-widget-heading .elementor-heading-title{font-family:var( --e-global-typography-primary-font-family ), Sans-serif;font-size:var( --e-global-typography-primary-font-size );font-weight:var( --e-global-typography-primary-font-weight );color:var( --e-global-color-primary );}.elementor-677 .elementor-element.elementor-element-e52c04d{text-align:center;}.elementor-677 .elementor-element.elementor-element-e52c04d .elementor-heading-title{font-family:"Poppins", Sans-serif;font-size:50px;font-weight:600;color:#FFFFFF;}.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-size:var( --e-global-typography-text-font-size );font-weight:var( --e-global-typography-text-font-weight );line-height:var( --e-global-typography-text-line-height );color:var( --e-global-color-text );}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var( --e-global-color-primary );}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap, .elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var( --e-global-color-primary );border-color:var( --e-global-color-primary );}.elementor-677 .elementor-element.elementor-element-34ef650{text-align:center;font-family:"Figtree", Sans-serif;font-size:18px;font-weight:500;line-height:1.5em;color:#FFFFFF;}.elementor-677 .elementor-element.elementor-element-3c2e42a{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:60px;--padding-bottom:50px;--padding-left:0px;--padding-right:0px;}.elementor-677 .elementor-element.elementor-element-3c2e42a:not(.elementor-motion-effects-element-type-background), .elementor-677 .elementor-element.elementor-element-3c2e42a > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #F7F9FA 0%, #F7F9FA 100%);}.elementor-677 .elementor-element.elementor-element-0ad330f{--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;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}@media(max-width:1024px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-677 .elementor-element.elementor-element-e52c04d .elementor-heading-title{font-size:22px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}}@media(max-width:767px){.elementor-widget-heading .elementor-heading-title{font-size:var( --e-global-typography-primary-font-size );}.elementor-677 .elementor-element.elementor-element-e52c04d .elementor-heading-title{font-size:18px;}.elementor-widget-text-editor{font-size:var( --e-global-typography-text-font-size );line-height:var( --e-global-typography-text-line-height );}.elementor-677 .elementor-element.elementor-element-63f7285{padding:15px 15px 15px 15px;}}/* Start custom CSS for html, class: .elementor-element-63f7285 *//* CONTAINER */
.resources-container {
    width: 100%;
    max-width: 1600px;
    margin: auto;
}

/* SEARCH BAR */
.resource-search-wrapper {
    margin-bottom: 20px;
}

.resource-search-wrapper input {
    width: 100%;
    padding: 14px 18px;
    font-size: 15px;
    border-radius: 10px;
    border: 2px solid #f9f9f9;
    background: #fff;
    box-shadow: 0px 0px 10px rgba(249,249,249,0.8);
    transition: .3s ease;
}

.resource-search-wrapper input:focus {
    outline: none;
    border-color: #e0e0e0;
}

/* FILTER BUTTONS */
.resources-filters {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 25px;
}

.filter-btn {
    padding: 10px 18px;
    border: none;
    background: #f2f2f2;
    border-radius: 8px;
    cursor: pointer;
    font-size: 14px;
    color: #000 !important;
    transition: .25s;
    font-weight: 500;
}

.filter-btn.active,
.filter-btn:hover {
    background: #4b6bff;
    color: #fff !important;
}

/* GRID — 5 COLUMNS DESKTOP */
.resource-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(220px, 1fr));
    gap: 22px;
}

/* RESPONSIVE */
@media(max-width: 1400px){
    .resource-grid { grid-template-columns: repeat(4, 1fr); }
}
@media(max-width: 1200px){
    .resource-grid { grid-template-columns: repeat(3, 1fr); }
}
@media(max-width: 768px){
    .resource-grid { grid-template-columns: repeat(2, 1fr); }
}
@media(max-width: 500px){
    .resource-grid { grid-template-columns: repeat(1, 1fr); }
}

/* CARD */
.resource-card {
    background: #fff;
    padding: 15px;
    border-radius: 14px;
    box-shadow: 0px 3px 18px rgba(0,0,0,0.06);
    transition: .25s ease;
    height: 100%;
}

.resource-card:hover {
    transform: translateY(-4px);
}

/* PDF PREVIEW */
.pdf-preview {
    width: 100%;
    height: 160px;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 12px;
    border: 1px solid #ececec;
}

.pdf-preview iframe {
    width: 100%;
    height: 100%;
    pointer-events: none;
}

/* BADGES */
.badge {
    display: inline-block;
    padding: 4px 9px;
    font-size: 11px;
    font-weight: 600;
    border-radius: 4px;
    margin-bottom: 7px;
}

/* SUBJECT COLORS — SAME BLUE FOR ALL HEALTH CATEGORIES */
.subject-badge {
    background: #4b6bff !important;
    color: #fff;
}

/* PRICE BADGES */
.price-badge.free {
    background: #16a34a;
    color: #fff;
}

.price-badge.paid {
    background: linear-gradient(45deg, #d4a937, #fbd86b);
    color: #000;
}

/* TITLES */
.resource-title {
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 4px;
    min-height: 35px;
}

.download-btn {
    display: block;
    width: 100%;
    text-align: center;
    background: #4b6bff;
    padding: 9px 10px;
    color: #fff;
    border-radius: 8px;
    font-weight: 600;
    transition: .25s;
    font-size: 14px;
}

.download-btn:hover {
    background: #1e3aff;
}

/* PREMIUM */
.paid-btn {
    background: linear-gradient(45deg, #d4a937, #fbd86b);
    color: #000;
}

.paid-btn:hover {
    opacity: .8;
}



/* Show PDF iframe on desktop */
.pdf-desktop { 
    display: block; 
}

/* Hide image on desktop */
.pdf-mobile { 
    display: none; 
}

/* Mobile rules */
@media (max-width: 600px) {
    .pdf-desktop { 
        display: none; 
    }
    .pdf-mobile { 
        display: block; 
        width: 100%; 
        border-radius: 10px;
    }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a889b12 *//* --- Wellbeing Section --- */
.wellbeing-section {
    text-align: center;
    padding: 50px 20px;
}

.wb-title {
    font-size: 40px;
    font-weight: 700;
    color: #0f243e;
    margin-bottom: 40px;
}

/* Grid */
.wb-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
    max-width: 1100px;
    margin: auto;
}

/* Cards (Non-clickable) */
.wb-card {
    background: #f7f9fa;
    padding: 35px;
    border-radius: 10px;
    text-align: left;
    transition: all .25s ease;
    pointer-events: none; /* Prevent any click */
}

.wb-card h3 {
    font-size: 20px;
    font-weight: 700;
    color: #0f243e;
    margin-bottom: 10px;
}

.wb-card p {
    font-size: 16px;
    color: #3f4c5a;
    line-height: 1.6;
}

/* Hover Effect */
.wb-card:hover {
    transform: translateY(-4px);
    background: #ffffff;
    box-shadow: 0 4px 20px rgba(0,0,0,0.07);
}

/* Responsive */
@media (max-width: 900px) {
    .wb-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 480px) {
    .wb-title {
        font-size: 30px;
    }
}/* End custom CSS */