.services-area , .reparacao-automoveis{
  padding: 0px 90px;
}

/*services-area*/
.services-area{
  margin-top: 140px;
}
.services-area .title-service{
  font-size: 34px;
  font-weight: 500;
  display: flex;
  justify-content: center;
}
.container-services{

display: grid;
grid-template-columns: repeat(2,1fr);
gap: 30px;
margin-top: 30px;
}
.item-services{
  border: 1px solid #ccc; /* Borda para destacar os itens */
  padding: 50px;
position: relative;
height: auto;
background-image: url('/assets/image/services-2-570x394.png');
background-size: cover;
  background-position: center;
  overflow: hidden; /* Garante que o conteúdo fique dentro do box */
 
}
.item-services::after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.box-content {
  padding: 0px 30px;
  position: relative;
  z-index: 10; /* Coloca o conteúdo acima do overlay */
  color: #fff; /* Texto branco para contraste */
}
.box-content h4{
 font-size: 34px;
font-weight: 500;
}
.box-content p{
  font-size: 18px;
  font-weight: 500;
}
.box-content .link-saiba-mais{
  margin-top: 160px;
  background: var(--azul);
  padding: 20px 40px;
  color: var(--branco);
  font-weight: 500;
  transition: background 0.5s ease , color 0.5s ease;
}

.box-content .link-saiba-mais:hover{
cursor: pointer;
background: #fcfcfc;
color: #000;
}

@media (min-width: 989px) and (max-width:1023px){
 .container-services{
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
 }
}
@media (min-width: 768px) and (max-width: 989px){
  .container-services{
    grid-template-columns:1fr;
    gap: 15px;
   }
}
@media (min-width: 481px) and (max-width: 768px){
  .container-services{
    grid-template-columns:1fr;
    gap: 20px;
   }
   .item-services{
    padding: 30px;
   }
   .box-content p{
   font-size: 14px;
   }
   .box-content .link-saiba-mais{
    padding: 10px;
   }
   .box-content h4{
    font-size: 23px;
   font-weight: 500;
   }
}

@media (max-width: 480px){
  .container-services{
    grid-template-columns:1fr;
    gap: 20px;
   }
   .item-services{
    padding: 30px;
   }
   .box-content h4{
    font-size: 23px;
   font-weight: 500;
   }
   .box-content p{
    font-size: 14px;
    }
    .box-content .link-saiba-mais{
     padding: 10px;
    }
}
/*services-area end*/


/**reparacao automoveis */
.reparacao-automoveis{
margin-top: 70px;
padding-bottom: 90px;
}
.reparacao-automoveis h4{
  font-size: 34px;
  font-weight: 500;
  display: flex;
  justify-content: center;
}
.container-reparacao{
  display: flex;
  margin-top: 20px;
  flex-wrap: wrap;
}
.item-reparacao{

 flex: 1 1;
 padding: 42px 40px 42px;
}
.item-reparacao figure{
  display: flex;
  justify-content: center;
}
.item-reparacao h5{
  font-size: 24px;
  padding: 10px;
  margin-top: 5px;
  display: flex;
  white-space: nowrap;
  justify-content: center;

color: var(--azul);
}
.item-reparacao p{
  padding: 10px;
  font-size: 14px;
  color: var(--cinzaMeioEscuro);
}
.item-reparacao .button-reparacao{
 
  display: flex;
  justify-content: center;
align-items: center;
}
.item-reparacao .button-reparacao .reppa-link{
  background: var(--azul);
  padding: 20px 40px;
  font-weight: 500;
  color: var(--branco);
  transition: background 0.5s ease , color 0.5s ease;
}
.button-reparacao:nth-child(1){
  margin-bottom:100px;
}
.item-reparacao .button-reparacao .reppa-link:hover{
  cursor: pointer;
background: #dedede;
color: var(--cinzaMeioEscuro);
}
.item-reparacao:nth-child(2){
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

@media (min-width: 989px) and (max-width:1023px){
  .item-reparacao{

    flex: 1 1 48%;
    padding: 42px 40px 42px;
   }
   
 }
 @media (min-width: 768px) and (max-width: 989px){
  .item-reparacao{

    flex: 1 1 48%;
    padding: 42px 40px 42px;
   }
   .item-reparacao:nth-child(2){
    
    border-left: 1px solid #ccc;
    border-right: none;
  }
 }
 @media (min-width: 481px) and (max-width: 768px){
  .item-reparacao{

    flex: 1 1 100%;
    padding: 42px 40px 42px;
   }
   .item-reparacao h5{
   
    white-space: normal;
    
  }
  .reparacao-automoveis h4 {
    font-size: 24px;
    font-weight: 500;
    display: flex;
    justify-content: center;
}
  .item-reparacao:nth-child(2){
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-right: none;
    border-left: none;
  }
  .services-area , .reparacao-automoveis{
    padding: 0px 20px;
  }
 }
 
 @media (max-width: 480px){
  .reparacao-automoveis h4 {
    font-size: 24px;
    font-weight: 500;
    display: flex
;
    justify-content: center;
}
  .item-reparacao{

    flex: 1 1 100%;
    padding: 42px 40px 42px;
   }
   .item-reparacao h5 {
    font-size: 24px;
    padding: 10px;
    margin-top: 5px;
    display: flex;
    white-space: normal;
    justify-content: center;
    color: var(--azul);
}
.services-area , .reparacao-automoveis{
  padding: 0px 20px;
}
 }
/*reparacao automoveis end*/