Adyen

- Web Checkout Integration
- In-Store POS Integration

<div class="card mb-4  shad">
  <a href="https://docs.stripe.com/payments/zip"  class="ListCard">
       <img src="https://images.ctfassets.net/fzn2n1nzq965/HTTOloNPhisV9P4hlMPNA/cacf1bb88b9fc492dfad34378d844280/Stripe_icon_-_square.svg?q=80&w=1082" height="60px" class="ListCard_icon"/>
    <div class="card-content">
      <h3 class="my-0 font-weight-bold h3-title ListingCard__title">Stripe</h3>
                    <p class="common-BodyText Helm__text--slate3 ListingCard__description" >
            - Web Checkout Integration
            <br>
            
    </div>
  </a>
</div>



</div>
<!-- En Row 1 -->

<!-- Row 2
  <div class="card-deck mb-3 text-center">
    <div class="card mb-4  shad">
      <a href="https://developers.zip.co/v9-US/docs/introduction"  class="ListCard">
           <img src="https://zip.co/static/Readme%20Guides/flags/us-flag.png"
            height="60px" class="ListCard_icon"/>
        <div class="card-content">
          <h3 class="my-0 font-weight-bold h3-title ListingCard__title">North America Integration Products</h3>
          <p class="common-BodyText Helm__text--slate3 ListingCard__description" >- Gateway API
         <br>
            - Virtual Checkout
            <br>
            - Mobile SDK (iOS/Android)
          </p>
        </div>
      </a>
    </div>        
     <div class="card mb-4  shad">
     <a href="https://developers.zip.co/v2/docs/getting-started"  class="ListCard">
           <img src="http://s3.amazonaws.com/pix.iemoji.com/images/emoji/apple/ios-12/256/globe-showing-americas.png"
            height="60px" class="ListCard_icon"/>
        <div class="card-content">
          <h3 class="my-0 font-weight-bold h3-title ListingCard__title">Global SMI API</h3>
          <p class="common-BodyText Helm__text--slate3 ListingCard__description" >Web checkouts API</p>
        </div>
      </a>
    </div>        
         </div> 
       End Row 2 -->

-moz-box-shadow: 0px 9px 12px 5px #e3e8ee !important;
box-shadow: 0px 9px 12px 5px #e3e8ee !important;
box-shadow: 0 10px 55px 5px #d9f3f5!important;/
transition: all .2s cubic-bezier(.02,.54,.58,1);
/ transform: translate3d(0,-15px,0);/
/ transition: box-shadow 0.2s ease-in-out;*/
}

.card-header {
    background-color: #fff !important;
    border-radius: 5px 5px 0px 0px !important;
  border-bottom: none !important;
  padding-bottom: 0px !important;
  padding-top:20px !important;
}

.card {
    border-radius: 10px !important;
    border-color: #dedfe6!important;
}

.grid-container{
background-color: #f7fafc;
padding-top: 20px;
padding-right: 20px;
padding-left: 20px;
border-radius: 8px;
}

.h3-title{
font-size: 14px !important;
line-height: 28px !important;
letter-spacing: -.3px!important;
color: #21285e!important;
}
.overlay {
display: none;
position: absolute;
border-radius: 8px;
width: 100%;
height: 100%;
top: 0;
left: 0;
color: #FFFFFF;
text-align: center;
}
.card:hover .overlay {
display: flex;
align-items: center;
justify-content: center;
background-color: #f5fbff;
opacity: 0.5;
}

`}