.modal-accessories {
    margin-top: 60px;

    .modal-accessories-grid {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: 8px;
        align-items: start;
       
    
        @media (max-width: 768px) {
            grid-template-columns: repeat(2, 1fr);
        }
    }


    .modal-accessories__title {
        font-size: 18px;
        font-style: normal;
        font-weight: 500;
        font-family: "Source Sans Pro";
        line-height: 1em;
        letter-spacing: 0.1em;
        text-transform: uppercase;
        color: #001e37;
        text-align: center;

        span {
            padding: 0 20px 10px 20px;
            border-bottom: 2px solid #B5152F;
        }

        @media (max-width: 768px) {
            text-align: center;
            display: block;
        }
    }
}