/* ===================================================
   TRUSTED BY JOB SEEKERS
=================================================== */

.trusted-grid{
    width:100%;
    max-width:1250px;

    margin:45px auto 0;

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

    column-gap:55px;
    row-gap:35px;

    align-items:center;
    justify-items:center;

    padding:10px 20px;

    /* No packed card */
    background:transparent;
    border:none;
    box-shadow:none;
}


/* ===================================================
   COMPANY NAMES
=================================================== */

.trusted-grid div{

    width:100%;

    min-height:65px;

    display:flex;
    align-items:center;
    justify-content:center;

    font-size:20px;
    font-weight:700;

    color:#64748b;

    letter-spacing:.4px;

    white-space:nowrap;

    transition:
        transform .3s ease,
        color .3s ease;
}


.trusted-grid div:hover{

    transform:translateY(-4px);

    color:#0f172a;
}


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

@media(max-width:1200px){

    .trusted-grid{

        max-width:1050px;

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

        column-gap:30px;
        row-gap:30px;

        padding:10px 15px;
    }


    .trusted-grid div{

        font-size:18px;
    }

}


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

@media(max-width:992px){

    .trusted-grid{

        max-width:750px;

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

        column-gap:45px;
        row-gap:30px;

        margin-top:40px;
    }


    .trusted-grid div{

        min-height:55px;

        font-size:18px;
    }

}


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

@media(max-width:768px){

    .trusted-grid{

        width:100%;

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

        column-gap:35px;
        row-gap:28px;

        margin-top:35px;

        padding:5px 15px;
    }


    .trusted-grid div{

        min-height:50px;

        font-size:16px;
    }

}


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

@media(max-width:480px){

    .trusted-grid{

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

        column-gap:20px;
        row-gap:25px;

        padding:5px 8px;
    }


    .trusted-grid div{

        min-height:48px;

        font-size:15px;
    }

}


/* ===================================================
   VERY SMALL MOBILE
=================================================== */

@media(max-width:360px){

    .trusted-grid{

        column-gap:15px;
        row-gap:22px;
    }


    .trusted-grid div{

        font-size:14px;
    }

}