@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Arabic:wght@100;200;300;400;500;600;700&display=swap');

body {
  font-family: 'IBM Plex Sans Arabic', sans-serif;
  font-size: 13px;
  background-color: #f0f5f7;
}
.logo {
  height: 100px;
}
.svg-border-rounded svg {
  height: 3rem;
  width: 100%;
}
.phone-screen {
  background: url(phone.png);
  width: 475px;
  height: 769px;
  padding: 29px 0;
  margin: auto;
}
iframe{
  width: 400px;
  height: 703px;
  border: none;
  background: #fff;
  border-radius: 25px;
  padding: 0px;
}
.f-r{
  border-radius: 25px;
  overflow: hidden;
}p
.hv-100{
  height: 100vh;
}
.btn-primary {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d92662+0,e23744+100 */
  background: #d92662;
	/* Old browsers */
  background: -moz-linear-gradient(45deg, #d92662 0%, #e23744 100%);
	/* FF3.6-15 */
  background: -webkit-linear-gradient(45deg, #d92662 0%, #e23744 100%);
	/* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(45deg, #d92662 0%, #e23744 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d92662', endColorstr='#e23744', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
  border-color: #d92662;
}

.btn-primary:hover {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#d92662+0,e23744+100 */
  background: #d92662;
	/* Old browsers */
  background: -moz-linear-gradient(-45deg, #d92662 0%, #e23744 100%);
	/* FF3.6-15 */
  background: -webkit-linear-gradient(-45deg, #d92662 0%, #e23744 100%);
	/* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(135deg, #d92662 0%, #e23744 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#d92662', endColorstr='#e23744', GradientType=1);
	/* IE6-9 fallback on horizontal gradient */
  border-color: #e23744;
}

/* Bootstrap custom */
.bg-success {
  /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#28a745+0,5ad363+100 */
    background: #28a745;
   /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #28a745 0%, #5ad363 100%);
   /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #28a745 0%,#5ad363 100%);
   /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #28a745 0%,#5ad363 100%);
   /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28a745', endColorstr='#5ad363',GradientType=1 );
   /* IE6-9 fallback on horizontal gradient */;
  }
  
  .btn-success {
    /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#28a745+0,5ad363+100 */
    background: #28a745;
   /* Old browsers */
    background: -moz-linear-gradient(-45deg,  #28a745 0%, #5ad363 100%);
   /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  #28a745 0%,#5ad363 100%);
   /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  #28a745 0%,#5ad363 100%);
   /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#28a745', endColorstr='#5ad363',GradientType=1 );
   /* IE6-9 fallback on horizontal gradient */;
  }
  
  .qrcode {
    width: 225px;
}
.btn {
  font-size: 16px;
}