<!-- wp:html -->
<style>
    #cards{
      max-height: 63vh;
      min-height: 100%;
      width: 100%;
     }
    #cards .card{
      height: 20%;
      background-color: #ffff;
    border-radius: 0;
    }

    #cards .card .row .col-6{
      height: 100%;
    }

    #cards .card .row img{
      max-height: 100%;
      max-width: 100%;
      padding: 1.5rem;
    }
#cards .card .row img.img-store{
      max-height: 100%;
      max-width: 100%;
      padding: 1.5rem;
}
    #cards .card .row .col-6 div{
    font-size: 1.3rem;
    color: black;
    font-weight: bold;
    }

    #cards .card .row .col-6 p{
      font-size: 0.7rem;
      color: black;
    font-weight: bold;
}
    }
    div.wpforms-container-full{
    margin: 0;
    padding: 0;
    margin-left: 5rem;
    width: 35rem;
    align-self: baseline;
    font-family: Helvetica, sans-serif;
    font-style: bold;
}
#cont-title{
    font-size: 2rem;
    color: black;
    font-weight: bold;
    padding-left: 5rem;
}

.wpforms-form input[type=date], div.wpforms-container-full .wpforms-form input[type=datetime], div.wpforms-container-full .wpforms-form input[type=datetime-local], div.wpforms-container-full .wpforms-form input[type=email], div.wpforms-container-full .wpforms-form input[type=month], div.wpforms-container-full .wpforms-form input[type=number], div.wpforms-container-full .wpforms-form input[type=password], div.wpforms-container-full .wpforms-form input[type=range], div.wpforms-container-full .wpforms-form input[type=search], div.wpforms-container-full .wpforms-form input[type=tel], div.wpforms-container-full .wpforms-form input[type=text], div.wpforms-container-full .wpforms-form input[type=time], div.wpforms-container-full .wpforms-form input[type=url], div.wpforms-container-full .wpforms-form input[type=week], div.wpforms-container-full .wpforms-form select, div.wpforms-container-full .wpforms-form textarea{

    background-color: #fff;
    box-sizing: border-box;
    border-radius: 15px;
    color: #656565;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: block;
    float: none;
    font-size: 16px;
    border: 4px solid #ff0000;
    padding: 17px 10px;
    height: 38px;
    width: 200%;
    line-height: 1.3;
     margin: 0;

}
.wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
    background-color: #EF5;
    border: 1px solid #ddd;
    color: #333;
    font-size: 1em;
    padding: 10px 15px;
}

div.wpforms-container-full .wpforms-form input.wpforms-field-medium, div.wpforms-container-full .wpforms-form select.wpforms-field-medium, div.wpforms-container-full .wpforms-form .wpforms-field-row.wpforms-field-medium {
    max-width: 163%;
}

.wpforms-form input[type=submit], div.wpforms-container-full .wpforms-form button[type=submit], div.wpforms-container-full .wpforms-form .wpforms-page-button {
    background-color: #ff0000;
    border: 0;
    color: #ffff;
    font-size: 1em;
    padding: 10px 15px;
    font-weight: bold;
    border-radius: 13rem;
    width: 13rem;
}

form.wpforms-form{
   margin-left: -8rem;
}
.row h1{
 font-size: 4rem;
}
    </style>
            <div class="row" style="max-height: fit-content;">
<div class="col-12 d-flex justify-content-center">
    <h1>Acceso plataformas y app móvil.</h1>

</div>
</div>
    <div class="row" style="max-height: fit-content;">
        <div class="col-12 col-md-6 d-flex justify-content-center align-items-center flex-column p-0">
    <div id="cards">
      <!-- Card 1 -->
                <a href="http://logistics.wialon.com/#/" target="_blank" rel="noopener noreferrer">
          <div class="card">
            <div class="row h-100">
              <div class="col-6 d-flex justify-content-center align-items-center h-100">
                <img src="https://sitioprueba.beechile.com/wp-content/uploads/2021/03/Logistic-logo.png" class=""></img>
              </div>
              <div class="col-6 d-flex justify-content-center align-items-center h-100">
<div class="row h-100">
<div class="col-6 d-flex align-items-center">
                <img src="https://sitioprueba.beechile.com/wp-content/uploads/2021/03/g-play.png" class="img-fluid img-store"></img>
</div>
<div class="col-6 d-flex align-items-center">
                <img src="https://sitioprueba.beechile.com/wp-content/uploads/2021/03/a-store.png" class="img-fluid img-store"></img>
</div>
</div>
              </div>
            </div>
          </div>
                </a>
      <!--  close card 1 -->
      <!-- Card 3-->
                <a href="https://gurtam.com/es/wialon/wialon-hosting" target="_blank" rel="noopener noreferrer">
          <div class="card">
            <div class="row h-100 ">
              <div class="col-12 d-flex justify-content-center align-items-center h-100">
                <img src="https://sitioprueba.beechile.com/wp-content/uploads/2020/10/wialon-png.png" class="px-5"></img>
              </div>
            </div>
          </div>
                </a>
      <!-- close card 3-->
      <!-- Card 4-->
                <a href="https://gurtam.com/es/wiatag" target="_blank" rel="noopener noreferrer">
          <div class="card">
            <div class="row h-100 ">
              <div class="col-12 d-flex justify-content-center align-items-center h-100">
                <img src="https://sitioprueba.beechile.com/wp-content/uploads/2020/10/img_converted_by_max_wh_5181_wiatag.png" class=""></img>
              </div>
            </div>
          </div>
                </a>
      <!-- close card 4-->
      <!-- Card 2 -->
                <a href="https://gurtam.com/es/fleetrun" target="_blank" rel="noopener noreferrer">
          <div class="card">
            <div class="row h-100 ">
              <div class="col-12 d-flex justify-content-center align-items-center h-100">
                <img src="https://sitioprueba.beechile.com/wp-content/uploads/2020/10/unnamed-1.png" class="p-0"></img>
              </div>
            </div>
          </div>
                </a>
      <!-- close card 2 -->
    </div>
        </div>
<div class="col-12 col-md-6 d-flex justify-content-center align-items-center flex-column p-0">
<img src="https://sitioprueba.beechile.com/wp-content/uploads/2021/03/WhatsApp-Image-2021-03-15-at-10.27.42.jpeg" class="img-fluid"></img>
</div>
      </div>

<!------------------------------ CONTACTO ------------------------>
<!-- /wp:html -->