.elementor-widget-text-editor{font-family:var( --e-global-typography-text-font-family ), Sans-serif;font-weight:var( --e-global-typography-text-font-weight );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-548 .elementor-element.elementor-element-e3dffc1{color:#000000;}.elementor-548 .elementor-element.elementor-element-9e22630{color:#000000;}/* Start custom CSS for html, class: .elementor-element-4d4d1b6 *//* ==========================
   Mental Wellness Grid
========================== */

.health-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:30px;
    margin:40px auto;
}

/* ==========================
   Mental Wellness Box
========================== */

.health-box{

    background:#F4F4F4;

    height:220px;

    border:1px solid #E5E5E5;

    border-radius:18px;

    display:flex;

    justify-content:center;

    align-items:center;

    text-align:center;

    padding:20px;

    overflow:hidden;

    text-decoration:none !important;

    transition:all .4s ease;

    cursor:pointer;

}

/* ==========================
   Heading
========================== */

.health-box h3{

    margin:0;

    color:#111111;

    font-family:Georgia,"Times New Roman",serif;

    font-size:30px;

    font-weight:700;

    line-height:1.15;

    letter-spacing:-0.4px;

    text-decoration:none !important;

    transition:all .35s ease;

}

/* Remove Underline */

.health-box,
.health-box:link,
.health-box:visited,
.health-box:hover,
.health-box:active,
.health-box:focus,
.health-box h3{

    text-decoration:none !important;

    color:inherit;

}

/* ==========================
   Hover Effect
========================== */

.health-box:hover{

    background:#36802D;

    border-color:#36802D;

    transform:translateY(-8px);

    box-shadow:0 18px 40px rgba(54,128,45,.25);

}

.health-box:hover h3{

    color:#FFFFFF;

}

/* ==========================
   Responsive
========================== */

@media(max-width:991px){

.health-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:767px){

.health-grid{

grid-template-columns:1fr;

}

.health-box{

height:180px;

}

.health-box h3{

font-size:25px;

}

}/* End custom CSS */