@import url("https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;600;700;800&display=swap");

body {
    margin: 0px;
    padding-left: 50px;
    padding-right: 50px;
  }
  
  .services-wrapper {
    width: auto;
    min-height: 400px;
    padding: 25px;
  }
  
  .service-container {
    text-align: center;
    margin-top: 25px;
  }
  .singleservice,
.singleserviceb {
    display: inline-block;
    width: 25%;
    background-color: #f3f3f3;
    padding: 25px;
    color: black;
    font-family: 'BankGothic Md BT', 'Bank Gothic Light', 'BankGothic', sans-serif !important;
    text-align: left;
    margin-bottom: 15px;
    border-bottom: 5px solid #A4161A;
    border-radius: 10px;
}
  
  .singleservice {
    display: inline-block;
    width: 25%;
    height: 100%;
    background-color: #f3f3f3;
    padding: 25px;
    color: black;
    font-family: 'BankGothic Md BT', 'Bank Gothic Light', 'BankGothic', sans-serif !important;
    text-align: left;
    margin-bottom: 15px;
    padding: 40px;
    margin-left: 5px;
    margin-right: 5px;
    border-bottom: 5px solid #A4161A;
    border-radius: 10px;
  }
  
  .singleserviceb {
    display: inline-block;
    width: 25%;
    height: 100%;
    background-color: #f3f3f3;
    padding: 25px;
    color: black;
    font-family: 'BankGothic Md BT', 'Bank Gothic Light', 'BankGothic', sans-serif !important;
    text-align: left;
    margin-bottom: 15px;
    padding: 40px;
    margin-left: 5px;
    margin-right: 5px;
    border-bottom: 5px solid #A4161A;
    border-radius: 10px;
  }
  .singleservice,
.singleserviceb {
  display: inline-block;
  width: 25%;
  height: 100%;
  background-color: #f3f3f3;
  padding: 25px;
  color: black;
  font-family: avenir;
  text-align: center; /* Alinea el texto al centro */
  margin-bottom: 15px;
  padding: 40px;
  margin-left: 5px;
  margin-right: 5px;
  border-bottom: 5px solid #A4161A;
  border-radius: 10px;
}

  
  @media (max-width:500px) {
    .singleservice, .singleserviceb {
      width: 100%;
    }
  }
  
  h2.servicetitle{
    font-family: century gothic;
    font-size: 16pt;
    font-weight: normal;
    letter-spacing: 1px;
    padding-bottom: 0px;
    text-align: center;
    text-transform: uppercase;
    color: black;
  }
  
  img.serviceicon {
    width: 20%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-bottom: 15px;
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
    opacity: .5;
  }

  .icon-container {
    text-align: center;
  }
  
  .icon-container .icon {
    width: 40px;
    height: 40px;
    background-color: #A4161A;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 10px;
  }
  
  .icon-container {
    display: flex;
    justify-content: center; /* Centra horizontalmente */
    align-items: center; /* Centra verticalmente */
    width: 100%; /* Ajusta el ancho del contenedor */
    height: 100%; /* Ajusta la altura del contenedor */
}

.icon {
    width: 40px;
    height: 40px;
    background-color: #A4161A;
    border-radius: 10px; /* Ajusta el radio de borde según necesites */
}