body {
      font-family: 'Poppins', sans-serif;
      padding-top: 10px;

  }

  .navbar-custom {
      background-color: #ffffff;
      border-color: transparent;
  }

  .navbar-custom .navbar-brand {
      color: #000000;
  }

  .navbar-custom .navbar-nav>li>a {
      color: #000000;
  }

  .navbar-custom .navbar-nav>.active>a,
  .navbar-custom .navbar-nav>.active>a:hover,
  .navbar-custom .navbar-nav>.active>a:focus {
      color: #ffffff;
      background-color: #0066FF;
  }

  .navbar-custom .navbar-nav>li>a:hover,
  .navbar-custom .navbar-nav>li>a:focus {
      background-color: transparent;
  }

  .btn-contacto {
      border: 2px solid #0066FF;
      background-color: #0066FF;
      color: #FFF !important;
      padding: 10px 20px;
      cursor: pointer;
      display: inline-block;
      position: relative;
      transition: 0.5s;
  }

  .btn-contacto:hover {
      border: 2px solid #0066FF;
      background-color: transparent;
      color: #0066FF !important;
      padding: 12px 22px;


  }



  .btn-mas-informacion {
      border: 2px solid #0066FF;
      background-color: transparent;
      color: #0066FF;
      padding: 10px 20px;
      cursor: pointer;
      display: inline-block;
      position: relative;
      transition: 0.5s;
  }

  .btn-mas-informacion:hover {
      border: 2px solid #0066FF;
      background-color: #0066FF;
      color: #FFF;
      padding: 12px 22px;


  }

  h1 {

      font-family: 'Poppins', sans-serif;
      font-weight: 600;
      font-size: 38px;

  }

  .lead {
      font-size: 16px;
      color: #505050;
      padding-top: 10px;
      padding-bottom: 10px;
  }


  @media only screen and (min-width: 768px) {
      .hero-section {
          background-color: #ffffff;
          padding: 100px 0;
      }

      .image-terminal {
          position: absolute;

      }
  }

  @media only screen and (min-width: 600px) {
      .hero-section {
          background-color: #ffffff;

      }

      .image-terminal {
          position: absolute;


      }
  }

  .grey_rounded {

      background-color: #EBEDF0;
      padding-top: 50px;
      padding-left: 20px;
      padding-right: 20px;
      padding-bottom: 50px;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px;


  }

  .faq-section {
      text-align: center;
      padding: 50px 0;
  }

  h1 {
      font-size: 36px;
  }

  .question {
      font-size: 18px;
      cursor: pointer;
      border-bottom: 1px solid #afafaf;
      padding: 20px;
      text-align: left;
  }

  .question img {
      height: 30px;
      float: right;
      margin-top: -5px;
      transition: transform 0.3s ease;
  }

  .question.active img {
      transform: rotate(180deg);
  }

  .answer {
      display: none;
      padding: 20px;
      background-color: #ffffff;
      overflow: hidden;
      transition: max-height 0.3s ease;
      max-height: 0;
      font-size: 16px;
      color: #787D86;
  }

  .answer.active {
      display: block;
      max-height: 2000px;
      /* Valor máximo para la altura de la respuesta */
  }

  .footer {

      background-color: #000;
      color: #fff;
      padding: 20px 0;

  }

  .blue-sq {


      background-color: #0049D7;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      color: #ffffff;
      padding: 20px;
  }

  .black-sq {

      background-color: #000;
      -webkit-border-radius: 10px;
      -moz-border-radius: 10px;
      border-radius: 10px;
      color: #fff;
      padding: 20px;

  }

  .blue-title {

      color: #0049D7;

  }

  .footer li {


      margin-top: 15px;
      margin-bottom: 15px;



  }