/* Group 18165 */

position: absolute;
width: 720px;
height: 1600px;
left: 426px;
top: 493px;



/* Shukria Payment Screen Light */

position: absolute;
width: 720px;
height: 1600px;
left: 426px;
top: 493px;

background: #FFFFFF;
border-radius: 20px;


/* Rectangle 1 */

position: absolute;
width: 720px;
height: 416px;
left: 0px;
top: 0px;

background: linear-gradient(180deg, rgba(133, 44, 137, 0.79) 0%, #331436 100%);
border-radius: 0px 0px 34px 34px;


/* 21:00 */

position: absolute;
width: 62px;
height: 27px;
left: 34px;
top: 29px;

font-family: 'Inter';
font-style: normal;
font-weight: 700;
font-size: 22px;
line-height: 27px;
/* identical to box height */
text-align: center;

color: #FFFFFF;



/* Group 18155 */

position: absolute;
width: 38.32px;
height: 16.61px;
left: 646.36px;
top: 34px;



/* Rectangle 2 */

position: absolute;
left: 90.05%;
right: 8.23%;
top: 2.25%;
bottom: 96.11%;

background: #FFFFFF;
border-radius: 1px;
transform: matrix(-0.01, 1, -1, -0.01, 0, 0);


/* Rectangle 3 */

position: absolute;
left: 89.77%;
right: 7.94%;
top: 2.12%;
bottom: 95.99%;

border: 1px solid #FFFFFF;
border-radius: 1px;
transform: matrix(-0.01, 1, -1, -0.01, 0, 0);


/* Rectangle 4 */

position: absolute;
left: 94.52%;
right: 3.77%;
top: 2.25%;
bottom: 97.5%;

background: #FFFFFF;
border-radius: 1px 1px 0px 0px;
transform: matrix(-0.01, 1, -1, -0.01, 0, 0);


/* 3square */

position: absolute;
width: 65px;
height: 65px;
left: 620px;
top: 94px;



/* vuesax/bulk/3square */

position: absolute;
width: 65px;
height: 65px;
left: 0px;
top: 0px;



/* Vector */

position: absolute;
left: 8.33%;
right: 50%;
top: 50%;
bottom: 8.33%;

background: #FFFFFF;
opacity: 0.4;


/* Vector */

position: absolute;
left: 29.17%;
right: 29.17%;
top: 29.17%;
bottom: 29.17%;

background: #FFFFFF;
opacity: 0.6;


/* Vector */

position: absolute;
left: 50%;
right: 8.33%;
top: 8.33%;
bottom: 50%;

background: #FFFFFF;


/* Vector */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

opacity: 0;


/* Rectangle 4075 */

position: absolute;
width: 300.06px;
height: 174px;
left: 38px;
top: 557px;

background: rgba(252, 91, 169, 0.05);
box-shadow: 0px 4px 4px rgba(51, 20, 54, 0.4);
border-radius: 8px;


/* Rectangle 4078 */

position: absolute;
width: 300.06px;
height: 174px;
left: 382px;
top: 557px;

background: rgba(252, 91, 169, 0.05);
box-shadow: 0px 4px 4px rgba(51, 20, 54, 0.4);
border-radius: 8px;


/* Rectangle 4076 */

position: absolute;
width: 300.06px;
height: 175.78px;
left: 38px;
top: 773.61px;

background: rgba(252, 91, 169, 0.05);
box-shadow: 0px 4px 4px rgba(51, 20, 54, 0.4);
border-radius: 8px;


/* Rectangle 4077 */

position: absolute;
width: 300.06px;
height: 175.78px;
left: 382px;
top: 771px;

background: rgba(252, 91, 169, 0.05);
box-shadow: 0px 4px 4px rgba(51, 20, 54, 0.4);
border-radius: 8px;


/* Rectangle 4079 */

position: absolute;
width: 300.06px;
height: 174px;
left: 38px;
top: 992px;

background: rgba(252, 91, 169, 0.05);
box-shadow: 0px 4px 4px rgba(51, 20, 54, 0.4);
border-radius: 8px;


/* Rectangle 4080 */

position: absolute;
width: 300.06px;
height: 174px;
left: 382.2px;
top: 992px;

background: rgba(252, 91, 169, 0.05);
box-shadow: 0px 4px 4px rgba(51, 20, 54, 0.35);
border-radius: 8px;


/* close-square */

position: absolute;
width: 65px;
height: 65px;
left: 586px;
top: 1046px;



/* vuesax/broken/close-square */

position: absolute;
width: 65px;
height: 65px;
left: 0px;
top: 0px;



/* close-square */

position: absolute;
width: 65px;
height: 65px;
left: 0px;
top: 0px;



/* Vector */

position: absolute;
left: 58.29%;
right: 38.21%;
top: 38.21%;
bottom: 58.29%;

border: 4px solid #331436;


/* Vector */

position: absolute;
left: 38.21%;
right: 50.33%;
top: 50.33%;
bottom: 38.21%;

border: 4px solid #331436;


/* Vector */

position: absolute;
left: 38.21%;
right: 38.21%;
top: 38.21%;
bottom: 38.21%;

border: 4px solid rgba(51, 20, 54, 0.6);


/* Vector */

position: absolute;
left: 8.33%;
right: 8.33%;
top: 8.33%;
bottom: 8.33%;

border: 4px solid #331436;


/* Vector */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

opacity: 0;


/* Shukria QR & Stickers (4) 1 */

position: absolute;
width: 403px;
height: 238px;
left: 19px;
top: 697px;

border-radius: 4px;


/* Copy of Blue Black Modern Neon Spiral Stars Opening Video Youtube Intro (2) 3 */

position: absolute;
width: 542px;
height: 552px;
left: calc(50% - 542px/2);
top: 5px;

background: url(Copy of Blue Black Modern Neon Spiral Stars Opening Video Youtube Intro (2).png);
opacity: 0.6;


/* Group 18153 */

position: absolute;
width: 268.71px;
height: 265.28px;
left: 480px;
top: 694.72px;



/* Group 18128 */

position: absolute;
width: 268.71px;
height: 265.28px;
left: 480px;
top: 694.72px;



/* Mascot 1 */

position: absolute;
width: 268.71px;
height: 265.28px;
left: 480px;
top: 694.72px;

background: url(Mascot);


/* Let’s grow your business today. */

position: absolute;
width: 341px;
height: 27px;
left: 786px;
top: 767px;

font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 22px;
line-height: 27px;
/* identical to box height */

color: #FFFFFF;



/* Welcome! */

position: absolute;
width: 151px;
height: 36px;
left: 782px;
top: 711px;

font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 30px;
line-height: 36px;

color: #FFFFFF;



/* Group 18154 */

position: absolute;
width: 229.41px;
height: 76px;
left: 457px;
top: 582px;



/* Group 18149 */

position: absolute;
width: 229.41px;
height: 76px;
left: 457px;
top: 582px;



/* Shukria LinkedIn Banner (5) 2 */

position: absolute;
width: 229.41px;
height: 76px;
left: 457px;
top: 582px;

background: url(Shukria LinkedIn Banner (5));


/* QR Pay */

position: absolute;
width: 110.08px;
height: 39.06px;
left: 834px;
top: 1117px;

font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 30px;
line-height: 36px;

color: #000000;



/* vuesax/bulk/card */

position: absolute;
width: 80px;
height: 68px;
left: 655px;
top: 1103px;



/* card */

position: absolute;
width: 80px;
height: 68px;
left: 655px;
top: 1103px;



/* Vector */

position: absolute;
left: 8.33%;
right: 90.83%;
top: 43.62%;
bottom: 55.11%;

background: rgba(51, 20, 54, 0.75);
opacity: 0.4;


/* Vector */

position: absolute;
left: 8.33%;
right: 90.83%;
top: 43.01%;
bottom: 56.38%;

background: #331436;


/* Vector */

position: absolute;
left: 8.47%;
right: 91.38%;
top: 44.36%;
bottom: 55.47%;

background: #331436;


/* Vector */

position: absolute;
left: 8.66%;
right: 91.11%;
top: 44.36%;
bottom: 55.47%;

background: #331436;


/* Vector */

position: absolute;
left: 8.25%;
right: 90.74%;
top: 42.64%;
bottom: 54.74%;

opacity: 0;


/* scanning */

position: absolute;
width: 65px;
height: 65px;
left: 1010px;
top: 1102px;



/* vuesax/bulk/scanning */

position: absolute;
width: 65px;
height: 65px;
left: 0px;
top: 0px;



/* scanning */

position: absolute;
width: 65px;
height: 65px;
left: 0px;
top: 0px;



/* Vector */

position: absolute;
left: 5.21%;
right: 59.37%;
top: 5.21%;
bottom: 59.38%;

background: #331436;
opacity: 0.4;


/* Vector */

position: absolute;
left: 59.38%;
right: 5.21%;
top: 5.21%;
bottom: 59.38%;

background: #331436;


/* Vector */

position: absolute;
left: 63.54%;
right: 5.21%;
top: 63.54%;
bottom: 5.21%;

background: #331436;
opacity: 0.4;


/* Vector */

position: absolute;
left: 5.21%;
right: 59.37%;
top: 59.38%;
bottom: 5.21%;

background: #331436;


/* Vector */

position: absolute;
left: 23.42%;
right: 52.58%;
top: 23.42%;
bottom: 52.58%;

background: #331436;


/* Vector */

position: absolute;
left: 23.42%;
right: 60.92%;
top: 60.92%;
bottom: 23.42%;

background: #331436;
opacity: 0.4;


/* Vector */

position: absolute;
left: 60.92%;
right: 23.42%;
top: 23.42%;
bottom: 60.92%;

background: #331436;
opacity: 0.4;


/* Vector */

position: absolute;
left: 52.58%;
right: 23.42%;
top: 52.58%;
bottom: 23.42%;

background: #331436;


/* Vector */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

opacity: 0;


/* Card Sale */

position: absolute;
width: 147.37px;
height: 39.06px;
left: 489px;
top: 1117px;

font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 30px;
line-height: 36px;

color: #000000;



/* link-square */

position: absolute;
width: 65px;
height: 65px;
left: 662px;
top: 1322px;



/* vuesax/broken/link-square */

position: absolute;
width: 65px;
height: 65px;
left: 0px;
top: 0px;



/* link-square */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* Vector */

position: absolute;
left: 8.33%;
right: 8.33%;
top: 8.33%;
bottom: 8.33%;

border: 4px solid #331436;


/* Group */

position: absolute;
left: 21.25%;
right: 21.25%;
top: 27.45%;
bottom: 27.45%;



/* Vector */

position: absolute;
left: 21.25%;
right: 41.29%;
top: 27.45%;
bottom: 33.25%;

border: 4px solid #331436;


/* Vector */

position: absolute;
left: 41.29%;
right: 21.25%;
top: 33.25%;
bottom: 27.45%;

border: 4px solid rgba(51, 20, 54, 0.7);


/* Vector */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

opacity: 0;


/* Pay Link */

position: absolute;
width: 120px;
height: 36px;
left: 489px;
top: 1335px;

font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 30px;
line-height: 36px;

color: #000000;



/* Split Bill */

position: absolute;
width: 122.51px;
height: 39.06px;
left: 834px;
top: 1332px;

font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 30px;
line-height: 36px;

color: #000000;



/* document-copy */

position: absolute;
width: 68px;
height: 68px;
left: 1005px;
top: 1318px;



/* vuesax/bulk/document-copy */

position: absolute;
width: 68px;
height: 68px;
left: 0px;
top: 0px;



/* document-copy */

position: absolute;
width: 68px;
height: 68px;
left: 0px;
top: 0px;



/* Vector */

position: absolute;
left: 8.33%;
right: 32.29%;
top: 29.17%;
bottom: 8.33%;

background: #331436;
opacity: 0.4;


/* Vector */

position: absolute;
left: 32.33%;
right: 8.33%;
top: 8.33%;
bottom: 29.21%;

background: #331436;


/* Vector */

position: absolute;
left: 46.42%;
right: 32.3%;
top: 29.18%;
bottom: 49.54%;

background: #331436;


/* Vector */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

opacity: 0;


/* Refund */

position: absolute;
width: 110.08px;
height: 39.06px;
left: 489px;
top: 1552px;

font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 30px;
line-height: 36px;

color: #000000;



/* Void */

position: absolute;
width: 69.24px;
height: 39.06px;
left: 837px;
top: 1552px;

font-family: 'Inter';
font-style: normal;
font-weight: 500;
font-size: 30px;
line-height: 36px;

color: #000000;



/* back-square */

position: absolute;
width: 68px;
height: 68px;
left: 661px;
top: 1538px;



/* vuesax/bulk/back-square */

position: absolute;
width: 68px;
height: 68px;
left: 0px;
top: 0px;



/* back-square */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* Vector */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

opacity: 0;


/* Vector */

position: absolute;
left: 8.33%;
right: 8.37%;
top: 8.33%;
bottom: 8.38%;

background: rgba(51, 20, 54, 0.75);
opacity: 0.4;


/* Vector */

position: absolute;
left: 26.05%;
right: 26.04%;
top: 28.64%;
bottom: 32.79%;

background: #331436;


/* Shukria QR & Stickers (6) 2 */

position: absolute;
width: 653px;
height: 350px;
left: 458px;
top: 1706px;

background: url(Shukria QR & Stickers (13).png);
border-radius: 4px;


/* wifi */

position: absolute;
width: 30px;
height: 30px;
left: 1026px;
top: 519px;



/* vuesax/linear/wifi */

position: absolute;
width: 30px;
height: 30px;
left: 0px;
top: 0px;



/* wifi */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;



/* Group */

position: absolute;
left: 8.33%;
right: 8.33%;
top: 20.21%;
bottom: 20.21%;



/* Vector */

position: absolute;
left: 20.46%;
right: 20.42%;
top: 38.96%;
bottom: 50.67%;

border: 2.5px solid #FFFFFF;


/* Vector */

position: absolute;
left: 8.33%;
right: 8.33%;
top: 20.21%;
bottom: 65.17%;

border: 2.5px solid #FFFFFF;


/* Vector */

position: absolute;
left: 28.29%;
right: 28.33%;
top: 56.92%;
bottom: 35.46%;

border: 2.5px solid #FFFFFF;


/* Vector */

position: absolute;
left: 39.17%;
right: 39.13%;
top: 75.98%;
bottom: 20.21%;

border: 2.5px solid #FFFFFF;


/* Vector */

position: absolute;
left: 0%;
right: 0%;
top: 0%;
bottom: 0%;

opacity: 0;