/* ==========================================================
   FEATURES GRID
========================================================== */

.ellepi-features-grid{
    width:100%;
    margin:60px 0;
}

.ellepi-features-grid .features-header{
    max-width:900px;
    margin:0 auto 60px;
    text-align:center;
}

.ellepi-features-grid .features-header h2{
    margin:0 0 20px;
    color:var(--title-color);
    font-size:42px;
    font-weight:700;
    line-height:1.2;
}

.ellepi-features-grid .features-header .description{
    color:var(--text-color);
    font-size:15px;
    line-height:1.3;
    font-family: var(--font-primary);
}

.ellepi-features-grid .features-grid{

    display:grid;

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

    gap:var(--gap);

}

.ellepi-features-grid .feature{

    position:relative;

    text-align:center;

}

.ellepi-features-grid .feature-inner{

    padding:10px 25px;

}

.ellepi-features-grid .feature:not(:last-child)::after{

    content:"";

    position:absolute;

    top:50%;

    right:calc(var(--gap) / -2);

    transform:translateY(-50%);

    width:var(--separator-width);

    height:var(--separator-height);

    background:var(--separator-color);

}

.ellepi-features-grid .feature-icon{

    margin-bottom:25px;

}

.ellepi-features-grid .feature-icon img{

    width:var(--icon-size);

    height:auto;

    display:block;

    margin:auto;

}

.ellepi-features-grid .feature-icon i{

    font-size:var(--icon-size);

    color:var(--icon-color);

    line-height:1;

}

.ellepi-features-grid h3{

    margin:0 0 14px;

    color:var(--title-color);

    font-size:22px;

    font-weight:600;

    line-height:1.35;

}

.ellepi-features-grid p{

    margin:0;

    color:var(--text-color);

    font-size:16px;

    line-height:1.3;

        font-family: var(--font-seconday) !important;


}

.ellepi-features-grid a{

    display:inline-block;

    margin-top:18px;

    color:var(--icon-color);

    text-decoration:none;

    font-weight:600;

    transition:.25s;

}



/* ==========================================================
   TABLET
========================================================== */

@media(max-width:991px){

    .ellepi-features-grid .features-grid{

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

    }

    .ellepi-features-grid .feature:nth-child(3n)::after{

        display:none;

    }

}

/* ==========================================================
   MOBILE
========================================================== */

@media(max-width:767px){

    .ellepi-features-grid .features-grid{

        grid-template-columns:1fr;

        gap:35px;

    }

    .ellepi-features-grid .feature::after{

        display:none;

    }

    .ellepi-features-grid .feature-inner{

        padding:0;

    }

    .ellepi-features-grid .features-header h2{

        font-size:30px;

    }

}