* {
    box-sizing: border-box;
}

body {
    background: #000;
}

.heading-section img {
    height: 100px;
}

.wrap {
    background: #111;
}

qr-code {
    background: #fff;
    padding: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-group .label {

    color: #fff;
}

.form-control {
    background: #444;
    color: #fff;
}

.c_g {letter-spacing: 2px;}
.c_b {font-weight: bolder;}
.c_6 {color: #fff;}
.c_7 {color: #fff;}
.c_8 {color: #fff;font-weight: 300;}

#login_btn {background: #444 !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: #999;
}


@media (max-width: 482px) {

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


}