* {
    box-sizing: border-box;
}

body {
    background: url(../img/bg.webp);
    background-size: auto;
    background-repeat: no-repeat;
}

.c_g {letter-spacing: 2px;}
.c_b {font-weight: bolder;}
.c_1 {color: #0063ad;font-weight: 600;}
.c_2 {color: #fece00;font-weight: 600;}
.c_3 {color: #e42526;font-weight: 600;}
.c_4 {color: #9ac54c;font-weight: 600;}
.c_5 {color: #ef8319;font-weight: 600;}
.c_6 {color: #555554;}
.c_7 {color: #573000;}
.c_8 {color: #333333;font-weight: 300;}

#login_btn {background: #0063ad !important}

hr {
    margin: 32px 0;
}

.row0 {
    display: flex;
    justify-content: center;
}

.qr input {
    font-size: 1.2em;
    width: 300px;
    padding: 4px 8px;
}

.options label {
    display: inline-block;
    width: 150px;
    text-align: right;
}

.options input,
.options select {
    margin: 4px 4px;
    padding: 2px 4px;
    font-size: 15px;
}

.options #scalable {
    display: none;
}

/* custom styles	*/

.row1 {
    display: flex;
    flex-direction: column;
}

.row1 .qr-list {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
}

/* Rounded QR code  */
.row1 .qr-list qr-code:first-child::part(svg) {
    border-radius: 30px;
}

/* Rotated QR code  */
.row1 .qr-list qr-code:nth-child(2)::part(svg) {
    transform: scale(1.2) rotate(-10deg);
}

/* Green QR code  */
.row1 .qr-list qr-code:last-child::part(table) {
    border-color: #141925;
}
.row1 .qr-list qr-code:last-child::part(module-bg) {
    background: #141925;
}
.row1 .qr-list qr-code:last-child::part(module-fg) {
    background: #95e6cb;
}

.qr_img{
    display: flex;
    justify-content: center;
    align-items: center;
}

#app-response {
    font-size: 1rem;
    color: #800;
}


@media (max-width: 482px) {

	.ftco-section {
		padding: 30px 0 !important;
	}
	.col_logo {
		display: none !important;
	}
	.wrap .img {
		margin-top: 60px !important;
	}


}