/* section8 */
    .section8 {
        display: block;
        padding-top: 0px;
    }

    .Box8 {
        width: 100%;
        display: grid;
        grid-template-columns: repeat(7, 1fr);
        grid-gap: 20px;
    }

    .item8 {
        width: 100%;
        border: 1px solid rgba(0, 0, 0, 0.1);
        transition: 0.5s;
    }

    .item8:hover {
        box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    }

    .item8 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }

    @media (max-width: 1200px) {
        .Box8 {
            grid-gap: 10px;
        }
    }

    @media (max-width: 800px) {
        .Box8 {
            grid-template-columns: repeat(4, 1fr);
        }
    }

    @media (max-width: 600px) {
        .Box8 {
            grid-template-columns: repeat(3, 1fr);
        }
    }

    @media (max-width: 400px) {
        .Box8 {
            grid-template-columns: repeat(2, 1fr);
        }
    }