@import url('https://fonts.googleapis.com/css?family=Poppins:400,700,900');
@import url('https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Tajawal:wght@200;300;400;500;700;800;900&display=swap');

*, body{

  font-family: 'Poppins', sans-serif;
}

body {
  width: 100%;
}

.services,
.services * {
  box-sizing: border-box;
}


.services {
  background: #ffffff;  
  overflow: hidden;
}



.state-layer {
  padding: 8px 4px 8px 12px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  
}
.services2 {
  color: #191c1f;
  text-align: start;
  font-family: "Poppins";
  font-size: 16px;
  font-weight: 500;
  
}
.material-symbols-keyboard-arrow-down-rounded {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  
  overflow: visible;
}
.state-layer2 {
  padding: 8px 12px 8px 12px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  
}
.material-symbols-keyboard-arrow-down-rounded2 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  
  overflow: visible;
}
.material-symbols-keyboard-arrow-down-rounded3 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  
  overflow: visible;
}
.language {
  border-radius: 8px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  
  overflow: hidden;
}
.state-layer3 {
  padding: 8px 12px 8px 12px;
  display: flex;
  flex-direction: row;
  gap: 7px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  
}
.gb {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  
  overflow: hidden;
}
.clip-path-group {
  height: auto;

  overflow: visible;
}
.en {
  color: #191c1f;
  text-align: start;
  font-family: "Poppins";
  font-size: 16px;
  font-weight: 500;
  
}
.auth-section {
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  
}
.auth-button {
  border-radius: 100px;
  padding: 12px 8px 12px 16px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  
  box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.3);
}
.sign-in {
  color: #191c1f;
  text-align: start;
  font-family: "Poppins";
  font-size: 16px;
  font-weight: 600;
  
}
.material-symbols-chevron-right-rounded {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  
  overflow: visible;
}
.button {
  background: #191c1f;
  border-radius: 100px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  
  overflow: hidden;
}
.state-layer4 {
  padding: 12px 8px 12px 16px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  align-self: stretch;
  flex-shrink: 0;
  
}
.sign-in-user {
  color: #ffffff;
  text-align: start;
  font-family: "Poppins";
  font-size: 16px;
  font-weight: 600;
  
}
.material-symbols-chevron-right-rounded2 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  
  overflow: visible;
}
.Services-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
}
.download-slick-pay {
  color: #ffffff;
  text-align: start;
  font-family: "Poppins";
  font-size: 48px;
  font-weight: 700;
  
  align-self: stretch;
}
.payment-description {
  color: rgba(255, 255, 255, 0.85);
  text-align: start;
  font-family: "Poppins";
  font-size: 18px;
  font-weight: 600;
  
  align-self: stretch;
}
.list {
  display: flex;
  flex-direction: row;
  gap: 64px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  
}
.feature-list {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  
}
.feature-item {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  
}
.badge {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 100px;
  display: flex;
  flex-direction: row;
  gap: 0px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  
}
.ri-check-fill {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  
  overflow: visible;
}
.fast-transactions {
  color: rgba(255, 255, 255, 0.85);
  text-align: start;
  font-family: "Poppins";
  font-size: 16px;
  font-weight: 500;
  
}
.ri-check-fill2 {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  
  overflow: visible;
}
.easy-management {
  color: rgba(255, 255, 255, 0.85);
  text-align: start;
  font-family: "Poppins";
  font-size: 16px;
  font-weight: 500;
  
}
.ri-check-fill3 {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  
  overflow: visible;
}
.secure-payments {
  color: rgba(255, 255, 255, 0.85);
  text-align: start;
  font-family: "Poppins";
  font-size: 16px;
  font-weight: 500;
  
}
.ri-check-fill4 {
  flex-shrink: 0;
  width: 18px;
  height: 18px;
  
  overflow: visible;
}
.support-24-7 {
  color: rgba(255, 255, 255, 0.85);
  text-align: start;
  font-family: "Poppins";
  font-size: 16px;
  font-weight: 500;
  
}
.download-section {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  
}
.download-button {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.05);
  border-width: 1px;
  padding: 16px 32px 16px 32px;
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  
}
.apple-1 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  
  overflow: visible;
}
.Download-text {
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  
}
.download-on-the {
  color: rgba(255, 255, 255, 0.85);
  text-align: start;
  font-family: "Inter";
  font-size: 12px;
  font-weight: 400;
  
}
.app-store {
  color: #ffffff;
  text-align: start;
  font-family: "Inter";
  font-size: 16px;
  font-weight: 500;
  
}
.google-play-download {
  background: rgba(255, 255, 255, 0.1);
  border-radius: 12px;
  border-style: solid;
  border-color: rgba(255, 255, 255, 0.05);
  border-width: 1px;
  padding: 16px 32px 16px 32px;
  display: flex;
  flex-direction: row;
  gap: 12px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  
}
.google-play-1 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  
  overflow: visible;
}
.get-it-on {
  color: rgba(255, 255, 255, 0.85);
  text-align: start;
  font-family: "Inter";
  font-size: 12px;
  font-weight: 400;
  
}

.hero {
  background: #cdeffe;
  flex-direction: column;
  gap: 0;
  align-items: center;
  width: 100%;
  box-sizing: border-box; 
}

.flexA > a {
margin: 10px;
}

.flexA {
  display: flex;
  margin: 2%;
    justify-content: center;
    align-items: center;
}

@media screen and (max-width: 712px) {

  .service-hero-container {
    width: 100%;
    padding: 10px;
  }
  .hero-actions {
    margin: 0;
    width: 100%;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }


  /* Optionally center and reduce gap on the cards section */
  .cards {
    width: 100%;
    justify-content: center;
    gap: 10px;
  }
}

 

.service-hero-container {
  display: flex;
  flex-direction: column;
  /* gap: 32px; */
  align-items: center;
  /* justify-content: flex-start; */
  flex-shrink: 0;
  padding: 20px;
  padding-top: 0px;
}
.service-hero-content {
  display: flex;
  flex-direction: column;
  margin-top: 6%;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  /* align-self: stretch; */
  flex-shrink: 0;
}
.Services-text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  justify-content: center;
}
.services5 {
  color: #191c1f;
  text-align: center;
  font-family: "Poppins";
  font-size: 20px;
  line-height: 120%;
  font-weight: 500;
  
  align-self: stretch;
}
.all-in-one-app {
  color: #191c1f;
  text-align: center;
  font-family: "Poppins";
  font-size: 80px;
  line-height: 110%;
  font-weight: 600;
  
  align-self: stretch;
}
.hero-description {
  color: rgba(25, 28, 31, 0.85);
  text-align: center;
  font-family: "Poppins";
  font-size: 20px;
  line-height: 180%;
  font-weight: 500;
  align-self: stretch;
}
.hero-actions {
  display: flex;
  margin: 5%;
  width: 100%;
  align-items: center;
  justify-content: center;
}

.hero-actions > div, .hero-actions > a {
  margin: 2%;
}


.material-symbols-chevron-right-rounded3 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  
  overflow: visible;
}
.get-slick-pay {
  color: #191c1f;
  text-align: start;
  font-family: "Poppins";
  font-size: 16px;
  font-weight: 600;
  
}
.material-symbols-chevron-right-rounded4 {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  
  overflow: visible;
}
.cards {
  display: flex;
  flex-direction: row;
  gap: 69px;
  position: relative;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
}



.services6 {
  background: #ffffff;
  display: flex;
  flex-direction: column;
  /* gap: 192px; */
  align-items: center;
  justify-content: flex-start;
  max-width: 100%;
  margin: 0% 20%;
}
.Services-section {
  padding: 192px 0px 20px 0px;
    display: flex;
    align-items: center; /* vertically aligns items */
    justify-content: center;
    gap: 20px;
  };
  
.Services-container,.Services-section > div:last-child {
    flex: 1 1 45%; 
    box-sizing: border-box;
    padding: 20px;
  }
  
.Services-section > div:last-child {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
@media screen and (max-width: 1500px) {
    .Services-section {
      flex-direction: column !important;
      width: 100%;
      flex-wrap: wrap;
    }
    
    .Services-container,
    .Services-section > div:last-child {
      flex: 1 1 100%;
      padding: 10px;
    }


}

/* Make images responsive */
.iphone,
.cards img {
  max-width: 100%;
  height: auto;
}

/* Mobile adjustments for screens up to 768px */
@media screen and (max-width: 768px) {
  /* Reduce container margins to avoid horizontal overflow */
  .services6 {
    margin: 0 10px;
  }
  
  /* Reduce large padding in each service section */
  .Services-section {
    padding: 60px 0;
    flex-direction: column;
  }
  
  /* Ensure both sides of Services-section take full width */
  .Services-container,
  .Services-section > div:last-child {
    flex: 1 1 100%;
    padding: 10px;
  }
  
  /* Scale down oversized headings */
  .all-in-one-app {
    font-size: 48px;
  }
  
  .hero-description {
    font-size: 16px;
  }
  
  /* Adjust hero container padding if needed */
  .service-hero-container {
    padding: 10px;
    width: 100%;
  }
  
  /* Ensure hero actions stack vertically */
  .hero-actions {
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin: 0;
  }
}




.transfer-money2 {
  color: #191c1f;
  text-align: start;
  font-family: "Poppins";
  font-size: 20px;
  line-height: 120%;
  font-weight: 500;
  
  align-self: stretch;
}
.send-receive-money-instantly {
  color: #191c1f;
  text-align: start;
  font-family: "Poppins";
  font-size: 64px;
  line-height: 110%;
  font-weight: 600;
  
  align-self: stretch;
}
.transaction-description {
  color: rgba(25, 28, 31, 0.85);
  text-align: start;
  font-family: "Poppins";
  font-size: 18px;
  line-height: 180%;
  font-weight: 500;
  
  align-self: stretch;
}
.list2 {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: flex-start;
  justify-content: flex-start;
  flex-shrink: 0;
  
}
.item {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: center;
  justify-content: flex-start;
  flex-shrink: 0;
  
}
.badge-o-ld {
  background: rgba(25, 28, 31, 0.05);
  border-radius: 100px;
  display: flex;
  flex-direction: row;
  gap: 10px;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  
}
.ri-check-fill5 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  
  overflow: visible;
}
.fast-transactions2 {
  color: rgba(25, 28, 31, 0.85);
  text-align: start;
  font-family: "Poppins";
  font-size: 18px;
  line-height: 180%;
  font-weight: 500;
  
}
.ri-check-fill6 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  
  overflow: visible;
}
.secure-transfers {
  color: rgba(25, 28, 31, 0.85);
  text-align: start;
  font-family: "Poppins";
  font-size: 18px;
  line-height: 180%;
  font-weight: 500;
  
}
.ri-check-fill7 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  
  overflow: visible;
}
.simple-process {
  color: rgba(25, 28, 31, 0.85);
  text-align: start;
  font-family: "Poppins";
  font-size: 18px;
  line-height: 180%;
  font-weight: 500;
  
}
.slick-pay-i-phone2 {
  flex-shrink: 0;
  width: 402px;
  height: 874px;
  
  box-shadow: 0px 15px 30px -30px rgba(0, 0, 0, 0.3),
    0px 25px 50px -10px rgba(0, 0, 0, 0.1);
}
.contents2 {
  background: #ffffff;
  border-radius: 44px;
  display: flex;
  flex-direction: column;
  gap: 0px;
  align-items: center;
  justify-content: flex-start;

  overflow: hidden;
}
.time3 {
  color: #000000;
  text-align: center;
  font-family: "SfPro";
  font-size: 17px;
  line-height: 22px;
  font-weight: 600;
  
}
.cellular-connection2 {
  flex-shrink: 0;
  width: 19.2px;
  height: 12.23px;
  
  overflow: visible;
}
.wifi2 {
  flex-shrink: 0;
  width: 17.14px;
  height: 12.33px;
  
  overflow: visible;
}
.battery2 {
  flex-shrink: 0;
  width: 27.33px;
  height: 13px;
  
  overflow: visible;
}
.i-phone-16-pro-black-titanium-portrait {
  width: 450px;

  object-fit: cover;
}
.bills-payment2 {
  color: #191c1f;
  text-align: start;
  font-family: "Poppins";
  font-size: 20px;
  line-height: 120%;
  font-weight: 500;
  
  align-self: stretch;
}
.pay-your-bills-in-one-place {
  color: #191c1f;
  text-align: start;
  font-family: "Poppins";
  font-size: 64px;
  line-height: 110%;
  font-weight: 600;
  
  align-self: stretch;
}
.bills-payment-description {
  color: rgba(25, 28, 31, 0.85);
  text-align: start;
  font-family: "Poppins";
  font-size: 18px;
  line-height: 180%;
  font-weight: 500;
  
  align-self: stretch;
}
.ri-check-fill8 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  
  overflow: visible;
}
.multiple-providers {
  color: rgba(25, 28, 31, 0.85);
  text-align: start;
  font-family: "Poppins";
  font-size: 18px;
  line-height: 180%;
  font-weight: 500;
  
}
.ri-check-fill9 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  
  overflow: visible;
}
.instant-processing {
  color: rgba(25, 28, 31, 0.85);
  text-align: start;
  font-family: "Poppins";
  font-size: 18px;
  line-height: 180%;
  font-weight: 500;
  
}
.ri-check-fill10 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  
  overflow: visible;
}
.easy-management2 {
  color: rgba(25, 28, 31, 0.85);
  text-align: start;
  font-family: "Poppins";
  font-size: 18px;
  line-height: 180%;
  font-weight: 500;
  
}
.cellular-connection3 {
  flex-shrink: 0;
  width: 19.2px;
  height: 12.23px;
  
  overflow: visible;
}
.wifi3 {
  flex-shrink: 0;
  width: 17.14px;
  height: 12.33px;
  
  overflow: visible;
}
.battery3 {
  flex-shrink: 0;
  width: 27.33px;
  height: 13px;
  
  overflow: visible;
}
.slick-shop2 {
  color: #191c1f;
  text-align: start;
  font-family: "Poppins";
  font-size: 20px;
  line-height: 120%;
  font-weight: 500;
  
  align-self: stretch;
}
.tap-scan-and-pay-contactless {
  color: #191c1f;
  text-align: start;
  font-family: "Poppins";
  font-size: 64px;
  line-height: 110%;
  font-weight: 600;
  
  align-self: stretch;
}
.qr-payment-description {
  color: rgba(25, 28, 31, 0.85);
  text-align: start;
  font-family: "Poppins";
  font-size: 18px;
  line-height: 180%;
  font-weight: 500;
  
  align-self: stretch;
}
.ri-check-fill11 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  
  overflow: visible;
}
.contactless-payments {
  color: rgba(25, 28, 31, 0.85);
  text-align: start;
  font-family: "Poppins";
  font-size: 18px;
  line-height: 180%;
  font-weight: 500;
  
}
.ri-check-fill12 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  
  overflow: visible;
}
.easy-checkout {
  color: rgba(25, 28, 31, 0.85);
  text-align: start;
  font-family: "Poppins";
  font-size: 18px;
  line-height: 180%;
  font-weight: 500;
  
}
.ri-check-fill13 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  
  overflow: visible;
}
.pin-fingerprint-security {
  color: rgba(25, 28, 31, 0.85);
  text-align: start;
  font-family: "Poppins";
  font-size: 18px;
  line-height: 180%;
  font-weight: 500;
  
}
.cellular-connection4 {
  flex-shrink: 0;
  width: 19.2px;
  height: 12.23px;
  
  overflow: visible;
}
.wifi4 {
  flex-shrink: 0;
  width: 17.14px;
  height: 12.33px;
  
  overflow: visible;
}
.battery4 {
  flex-shrink: 0;
  width: 27.33px;
  height: 13px;
  
  overflow: visible;
}
.slick-link2 {
  color: #191c1f;
  text-align: start;
  font-family: "Poppins";
  font-size: 20px;
  line-height: 120%;
  font-weight: 500;
  
  align-self: stretch;
}
.get-paid-with-a-simple-link {
  color: #191c1f;
  text-align: start;
  font-family: "Poppins";
  font-size: 64px;
  line-height: 110%;
  font-weight: 600;
  
  align-self: stretch;
}
.slick-link-description {
  color: rgba(25, 28, 31, 0.85);
  text-align: start;
  font-family: "Poppins";
  font-size: 18px;
  line-height: 180%;
  font-weight: 500;
  
  align-self: stretch;
}
.ri-check-fill14 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  
  overflow: visible;
}
.quick-setup {
  color: rgba(25, 28, 31, 0.85);
  text-align: start;
  font-family: "Poppins";
  font-size: 18px;
  line-height: 180%;
  font-weight: 500;
  
}
.ri-check-fill15 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  
  overflow: visible;
}
.easy-sharing {
  color: rgba(25, 28, 31, 0.85);
  text-align: start;
  font-family: "Poppins";
  font-size: 18px;
  line-height: 180%;
  font-weight: 500;
  
}
.ri-check-fill16 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  
  overflow: visible;
}
.secure-payments2 {
  color: rgba(25, 28, 31, 0.85);
  text-align: start;
  font-family: "Poppins";
  font-size: 18px;
  line-height: 180%;
  font-weight: 500;
  
}
.cellular-connection5 {
  flex-shrink: 0;
  width: 19.2px;
  height: 12.23px;
  
  overflow: visible;
}
.wifi5 {
  flex-shrink: 0;
  width: 17.14px;
  height: 12.33px;
  
  overflow: visible;
}
.battery5 {
  flex-shrink: 0;
  width: 27.33px;
  height: 13px;
  
  overflow: visible;
}
.slick-wallet2 {
  color: #191c1f;
  text-align: start;
  font-family: "Poppins";
  font-size: 20px;
  line-height: 120%;
  font-weight: 500;
  
  align-self: stretch;
}
.your-money-ready-to-go {
  color: #191c1f;
  text-align: start;
  font-family: "Poppins";
  font-size: 64px;
  line-height: 110%;
  font-weight: 600;
  
  align-self: stretch;
}
.slick-wallet-description {
  color: rgba(25, 28, 31, 0.85);
  text-align: start;
  font-family: "Poppins";
  font-size: 18px;
  line-height: 180%;
  font-weight: 500;
  
  align-self: stretch;
}
.ri-check-fill17 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  
  overflow: visible;
}
.save-spend {
  color: rgba(25, 28, 31, 0.85);
  text-align: start;
  font-family: "Poppins";
  font-size: 18px;
  line-height: 180%;
  font-weight: 500;
  
}
.ri-check-fill18 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  
  overflow: visible;
}
.instant-transfers {
  color: rgba(25, 28, 31, 0.85);
  text-align: start;
  font-family: "Poppins";
  font-size: 18px;
  line-height: 180%;
  font-weight: 500;
  
}
.ri-check-fill19 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  
  overflow: visible;
}
.payment-ready-balance {
  color: rgba(25, 28, 31, 0.85);
  text-align: start;
  font-family: "Poppins";
  font-size: 18px;
  line-height: 180%;
  font-weight: 500;
  
}
.cellular-connection6 {
  flex-shrink: 0;
  width: 19.2px;
  height: 12.23px;
  
  overflow: visible;
}
.wifi6 {
  flex-shrink: 0;
  width: 17.14px;
  height: 12.33px;
  
  overflow: visible;
}
.battery6 {
  flex-shrink: 0;
  width: 27.33px;
  height: 13px;
  
  overflow: visible;
}
.point-of-sale2 {
  color: #191c1f;
  text-align: start;
  font-family: "Poppins";
  font-size: 20px;
  line-height: 120%;
  font-weight: 500;
  
  align-self: stretch;
}
.the-smart-way-to-get-paid {
  color: #191c1f;
  text-align: start;
  font-family: "Poppins";
  font-size: 64px;
  line-height: 110%;
  font-weight: 600;
  
  align-self: stretch;
}
.pos-system-description {
  color: rgba(25, 28, 31, 0.85);
  text-align: start;
  font-family: "Poppins";
  font-size: 18px;
  line-height: 180%;
  font-weight: 500;
  
  align-self: stretch;
}
.ri-check-fill20 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  
  overflow: visible;
}
.seller-friendly {
  color: rgba(25, 28, 31, 0.85);
  text-align: start;
  font-family: "Poppins";
  font-size: 18px;
  line-height: 180%;
  font-weight: 500;
  
}
.ri-check-fill21 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  
  overflow: visible;
}
.real-time-tracking {
  color: rgba(25, 28, 31, 0.85);
  text-align: start;
  font-family: "Poppins";
  font-size: 18px;
  line-height: 180%;
  font-weight: 500;
  
}
.ri-check-fill22 {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  
  overflow: visible;
}
.flexible-payments {
  color: rgba(25, 28, 31, 0.85);
  text-align: start;
  font-family: "Poppins";
  font-size: 18px;
  line-height: 180%;
  font-weight: 500;
  
}
.cellular-connection7 {
  flex-shrink: 0;
  width: 19.2px;
  height: 12.23px;
  
  overflow: visible;
}
.wifi7 {
  flex-shrink: 0;
  width: 17.14px;
  height: 12.33px;
  
  overflow: visible;
}
.battery7 {
  flex-shrink: 0;
  width: 27.33px;
  height: 13px;
  
  overflow: visible;
}
@media (max-width: 720px) {
  .your-money-ready-to-go, .tap-scan-and-pay-contactless {
    font-size: 20px;
  }
  .service-hero-content {
    margin-top: 30%;
  }
}

@media only screen and (min-width: 780px) {
  .iphoneDiv {
    width: 100%;
  }
  .iphone,

}