.service-grid {
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
    background: #F2F2F2;

}

.service {
    padding: 40px 20px 160px 20px;
    grid-gap: 40px;
    position: relative;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    display: grid;
    grid-template-columns: repeat(12, 260px);
    padding-bottom: 40px;
    background: #F2F2F2;
}

.service li{
    display: grid;
    align-items: start;
}


.service li a {
    display: grid;
    align-items: start;
}

.service-content h3:after{
    margin: 30px auto 0px 0px;
}

.service img {
    border-radius: 10px;
}


.service::-webkit-scrollbar {
    margin: 5px;
    height: 15px;
    margin-top: 10px;
    background: #F2F2F2;
    border-radius: 2.5px;
}

.service::-webkit-scrollbar-thumb {
    background: #c51515;
    border-radius: 5px;
}

.service-card-content {
    display: grid;
}

.service-card-content h2{
    text-transform: uppercase;
    text-align: center;
    font-weight: 600;
    font-size: 0.9rem;
    margin-top: 10px;
}

.service-card-content p{
    font-style: italic;
    margin-top: 5px;
    font-size: 0.9rem;
}

.nav-services-items {
    display: flex;
    flex-wrap: wrap;
    grid-gap: 10px;
    margin-top: 20px;
    justify-content: center;
}

.nav-services-items a{
    background: #C51515;
    color: #fff;
    padding: 0px 10px 0px 5px;
    border-radius: 4px;
    display: grid;
    grid-template-columns: max-content max-content;
    font-size: 0.85rem;
    text-transform: uppercase;
    align-items: center;
}

.nav-services-items a::before {
    display: inline-block;
    margin-right: 5px;
    align-self: center;
    margin-top: 5px;
}

.nav-services-items a:nth-child(1)::before {
    content: url(/img/conserto-pneu.svg);
}

.nav-services-items a:nth-child(2)::before {
    content: url(/img/roda-esportiva.svg);
}

.nav-services-items a:nth-child(3)::before {
    content: url(/img/balanceamento.svg);
}

.nav-services-items a:nth-child(4)::before {
    content: url(/img/cambagem.svg);
}

.nav-services-items a:nth-child(5)::before {
    content: url(/img/freio.svg);
}

.nav-services-items a:nth-child(6)::before {
    content: url(/img/suspension.svg);
}

.nav-services-items a:nth-child(7)::before {
    content: url(/img/embreagem.svg);
}

.nav-services-items a:nth-child(8)::before {
    content: url(/img/oil.svg);
}

.nav-services-items a:nth-child(9)::before {
    content: url(/img/revisao.svg);
}

.nav-services-items a:nth-child(10)::before {
    content: url(/img/acessorios.svg);
}

.nav-services-items a:nth-child(11)::before {
    content: url(/img/chave-roda.svg);
}

.nav-services-items a:nth-child(12)::before {
    content: url(/img/correia-dentada.svg);
}