/*=================================================
SERVICES OVERVIEW
=================================================*/

.services-overview{

    padding:5rem 0;

}

.overview-grid{

    display:grid;

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

    gap:2rem;

    margin-top:3rem;

    margin-bottom:3rem;

}

.overview-item{

    text-align:center;

    padding:0 1rem;

    border-right:1px solid var(--border);

}

.overview-item:last-child{

    border-right:none;

}

.overview-item img{

    width:52px;

    height:52px;

    margin-bottom:1.25rem;

}

.overview-item h3{

    margin-bottom:.75rem;

    font-size:1.1rem;

}

.overview-item p{

    color:var(--text-light);

    font-size:.95rem;

    line-height:1.6;

    margin:0;

}

.overview-button{

    text-align:center;

}

@media (max-width:1100px){

.overview-grid{

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

}

.overview-item:nth-child(even){

    border-right:none;

}

}

@media (max-width:768px){

.overview-grid{

    grid-template-columns:1fr;

}

.overview-item{

    border-right:none;

    border-bottom:1px solid var(--border);

    padding-bottom:2rem;

}

.overview-item:last-child{

    border-bottom:none;

}

}

/* ==========================================
   SECTION DIVIDER LINE
========================================== */

.section-divider-line{

    width:100%;

    height:1px;

    background:linear-gradient(
        to right,
        transparent,
        var(--accent) 20%,
        var(--accent) 80%,
        transparent
    );

    margin:0;

}