.m_top05 {
    margin-top: 5px;
}

.div-main {
	background-color: #fff;
	width:100%;
	height:100%;
	font-family: "Work Sans", -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
}

.div-for-four {
	padding: 0px 30px;
	text-align: center;
}

.div-for-four-head {
	/* font-size: 20px;
	font-weight: 700; */
	/*color:#000;*/
    color:#fff;
}

.div-for-four-head textarea{
    font-size: 20px;
    font-weight: 700;
    color:#fff;
    text-align: center;
    width:100%;
    background-color: transparent;
    border: 0px;
    resize: none;
    padding: 0px;
}

.div-for-four-copy {
	/*color: rgba(0, 0, 0, 0.54);*/
	/* font-size: 10px; */
    color:#fff;
}

.div-for-four-copy textarea {
    font-size: 10px;
    color:#fff;
    text-align: center;
    width:100%;
    background-color: transparent;
    border: 0px;
    resize: none;
}

.div-for-four-info {
	/*color: rgba(0, 0, 0, 0.54);*/
	font-size: 12px;
    color:#fff;
}
.div-four-box {
    background-color: #000;
    padding: 20px 10px;
    border-radius: 15px;
}

.div-header-tag {
	display: flex;
    -webkit-box-pack: center;
    justify-content: center;
    left: 0px;
    position: static;
    top: 0px;
    width: 100%;
    z-index: 10;
    background: #27BE5A;
    border-bottom: 1px solid rgb(224, 224, 224);
    grid-area: header / header / header / header;
}

.div-header {
	-webkit-box-align: center;
    align-items: center;
    display: flex;
    -webkit-box-pack: end;
    justify-content: center;
    max-width: none;
    width: 100%;
    padding: 1rem 1.5rem;
    color:#fff;
    font-weight: 700;
    font-size: 30px;
}

.div-redeem-main {
	width:100%;
	text-align: center;
	display:flex;	
}

.div-redeem-dummy {
	width:32%;
}

.div-redeem {
	width:34%;
	background-color: rgb(245, 245, 245);
	padding: 30px;
	text-align: center;
	/*text-transform: uppercase;*/
    /*line-height: 1.25;*/
    line-height: 1.75;
    font-size: 1.25rem;
    /*font-weight: 500;*/
    font-weight: 600;
    letter-spacing: 0.03125rem;
    /*color: rgb(66, 66, 66);*/
    color: #2D2E30;
    overflow: hidden;
}
.div-redeem-text {
	margin-top: 15%;    
}

.qr-iframe {
    /*height:250px;
    width:250px;*/
    height:190px;
    width:190px;
    border-radius: 10px;
}

.div-qrcode {
	padding: 20px;
	border: 1px solid rgb(220, 237, 200);
	border-radius : 5px;
	/*height:250px;
	width:250px;*/
    height: 245px;
    width: 245px;
}
.div-qrcode {
	margin-left: 22%;
	margin-bottom: 25%;
    margin-top: 20px;
}

/*.div-code-cust {
    padding-top: 8%;
    padding-bottom: 8%;
}*/

.div-code-cust {
    width: 100%;
    /*top: 33%;*/
    /*top: 40%;*/
    top:48%;
    position: absolute;
}

.div-qr-code {
    padding: 10px;
    background-color: #fff;
    width:220px;
    border-radius: 5px;
    margin: auto;
}

.div-footer {
	/*display: flex;
    flex-direction: row;
    -webkit-box-pack: center;
    justify-content: center;*/
    /*width: 100%;*/
    /*flex: initial;*/
    background: #2D2E30;
    padding: 24px;
    color:#fff; 
    position: absolute;
    bottom:0;
    left:0px;
    right:0px;
}
.div-footer-child
{
	/*-webkit-box-align: center;
    align-items: center;
    display: flex;
    flex-direction: column;
    max-width: 56.25rem;
    min-height: initial;*/
    text-align: center;
   /* width: 100%;*/
    /*flex: initial;*/
    /*margin: 0px auto;*/
    padding: 0px;
}

.div-main-bg {
    width:100%;
    height:100%;
    padding: 15px;
    background-color: #000;
    font-family: 'Raleway', sans-serif;
    display:flex;
}

.div-redeem-iframe {
    width:100%;
    position: relative;
    margin:auto;
}

.div-green {
    background-color: #009688;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    color:#fff;
    padding: 30px 40px 90px 40px;    
}

.div-head-cont {
    text-transform: uppercase;
    /* font-weight: 600;
    font-size: 24px; */
    border-bottom: 1px solid #fff;
    text-align: center;
    padding: 0px 20px;
}

.div-head-cont textarea {
    font-size: 26px;
    color:#fff;
    background-color: transparent;
    border:0px;
    font-weight: 600;
    text-align: center;
    text-transform: uppercase;
    resize: none;
    WIDTH:100%;
}

.div-middle-cont {
    font-size: 14px;
    color: #fff;
    text-align: center;
    padding: 10px 5px;
}

.div-middle-cont textarea, .div-footer-cont textarea {
    font-size: 14px;
    color: #fff;
    text-align: center;
    background-color: transparent;
    border:0px;
    resize: none;
    width:100%;
}

.div-footer-cont {
    font-size: 12px;
    color: #fff;
    text-align: center;
}

.div-grey {
    background-color: #191c24;
    border-bottom-left-radius: 15px;
    border-bottom-right-radius: 15px;
    color:#fff;
    padding: 25% 40px 30px 40px;
}
.qrcode-ht-width {
    width: 160px !important;
    height: 160px !important;
}
.div-qr-code {
    width: 180px;
}
.div-code-cust {
    top: 225px;
}
.div-code-cust-four {
    position:absolute;
    width:100%;
    top:190px;
}
.txt-secret-code {
    background-color: transparent;
    width: 38%;
    border: 0px;
    border-bottom: 1px solid #009688;
    color: #009688;
    text-align: center;
    letter-spacing: 11.0px;
    font-size: 20px;
}
.txt-secret-code:focus {
    outline: 0;
}
.txt-secret-code::placeholder {
    font-size: 14px;
    letter-spacing: 0.8px;
}

@-moz-document url-prefix() {
    .qr-iframe {
        height:206px;
        width:206px;
        border-radius: 10px;
    }
    .div-qrcode {
        height: 260px;
        width: 260px;
    }
    .div-redeem-text {
        margin-top: 10%;
    }
    .div-qrcode {
        margin-left: 20%;
    }
    .div-grey {        
        padding: 30% 40px 40px 40px;
    }
}

.text-effect{
    color: #d1d1d1;
    font-family: 'New Rocker', cursive;
    font-size: 60px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
}
.text-effect span{
    text-shadow: 1px 1px 0 #808080, 1px 2px 0 #808080, 1px 3px 0 #808080,
                1px 4px 0 #808080,1px 5px 0 #808080, 1px 6px 0 #808080,
                1px 7px 0 #808080, 1px 8px 0 #808080,1px 9px 0 #808080,
                1px 10px 0 #808080,5px 13px 15px rgba(0,0,0,0.5);
    display: inline-block;
    animation: 1s animate alternate infinite;
}
@keyframes animate{
    100%{
        transform: scale(1.1);
        text-shadow: 1px -1px 0 #808080, 1px -2px 0 #808080, 1px -3px 0 #808080,
                    1px -4px 0 #808080,1px -5px 0 #808080, 1px -6px 0 #808080,
                    1px -7px 0 #808080, 1px -8px 0 #808080,1px -9px 0 #808080,
                    1px -10px 0 #808080,5px -13px 15px rgba(0,0,0,0.5);
    }
}
@media only screen and (max-width: 990px){
    .text-effect{ font-size: 80px; }
}
@media only screen and (max-width: 767px){
    .text-effect{ font-size: 65px; }
}
@media only screen and (max-width: 576px){
    .text-effect{ font-size: 45px; }
}
@media only screen and (max-width: 479px){
    .text-effect{ font-size: 30px; }
}

/* New QR Settings - Starts */

.m0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.m_top3 {
    margin-top: 30px;
}

.div-forrk-qr-main {
    background-color: #3F3F46;
    padding: 15px;;
}

.div-forrk-qr {
    background-color: #E53371;    
}

.div-forrk-top-left {
    background-color: #fff;
    padding: 25px;
    text-align: center;
}

/* .div-forrk-top-left h1 {
    color: #00263E;
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 0px;
    letter-spacing: 0.1px;
}

.div-forrk-top-left h2 {
    color: #00263E;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 0px;
    letter-spacing: 0.1px;
} */

.div-forrk-top-right {
    background-color: #ffb400;
    padding: 25px;
}
.div-forrk-top-right img{
    width: 100%;
    /* margin-top: 15px; */
    margin-top: 0px;
}

.div-forrk-points .col-md-2 {
    text-align: right;
}

.div-forrk-points h1 {
    font-size: 70px;
    font-weight: 600;
    color: #4B6276;
}

/* .div-forrk-points .col-md-10 div {
    font-size: 24px;
    font-weight: 600;
    color:#fff;
    margin-top: 15px;
}

.div-forrk-points .col-md-10 p {
    font-size: 14px;
    color:#fff;
} */

.div-qr-img {
    width:200px;
    height:200px;
    margin:auto;
}

.div-qr-img div {
    padding: 5px;
    background-color: #EEEFEF;
    border-radius: 15px;
}

.div-qr-img div img {
    width:100%;
}

.div-help-text p {
    color:#fff;
}

.div-forrk-qr-main textarea{
    width: 100%;    
    border: 0px;
    overflow: hidden;
    resize: none;
    background-color: transparent;
	color:#fff;
}

.div-forrk-top-left .ta-h1 {
    color: #00263E;
    font-size: 40px;
    font-weight: 800;
    margin-bottom: 0px;
    letter-spacing: 0.1px;
    max-height: 55px;
    text-align: center;
}

.div-forrk-top-left .ta-h2 {
    color: #00263E;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 0px;
    letter-spacing: 0.1px;
    max-height:54px;
    text-align: center;
}

/* .div-forrk-points .col-md-10 .ta-div {
    font-size: 24px;
    font-weight: 600;
    color:#fff;
    margin-top: 15px;
    max-height: 30px;
}

.div-forrk-points .col-md-10 .ta-p {
    font-size: 14px;
    color:#fff;
    max-height: 30px;
} */
 .div-forrk-points .col-md-12 .ta-div {
    font-size: 24px;
    font-weight: 600;
    color:#fff;
    margin-top: 15px;
    max-height: 30px;
	text-align:center;
}

.div-forrk-points .col-md-12 .ta-p {
    font-size: 14px;
    color:#fff;
    max-height: 30px;
	text-align:center;
} 
/* New QR Settings - Ends */