@import url('https://fonts.googleapis.com/css2?family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

body{
  background: #ffffff; /* Old browsers */
  font-family: 'Ubuntu', sans-serif;
}
.phone-screen {
  background: url(phone.jpg);
  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;
}
.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 {
  border: none;
  font-size: 16px;
  border-radius: 38px;
  padding: 12px 29px;
}
.rounded{
  border-radius: 50px !important;
}