.gift-color-1{
	color:white;
}
.gift-subscription-page .header-section {
    margin-top: 50px !important;
    margin-bottom: 30px !important;
}

i.fa-gift{
    font-size: 17px;
    padding: 5px 5px 6px 6px;
  
}
.redeem-gift-block {
    display: flex;
   
    background: rgba(36, 0, 39, 0.75) !important;
    border-radius: 5px !important;
    
    font-size: 18px;
    box-shadow: 0px 2px 5px 1px rgb(40 0 39 / 9%);
   
    vertical-align: middle;
    line-height: 2;
    justify-content: space-between;
    font-weight: 200;
    margin: 9px 0px 24px 0px !important;
    padding: 12px 44px !important;
}

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

.redeem-gift-block .outline-button {
    border: 2px solid #ffffff !important;

font-size: 16px !important;
}
@media only screen and (max-width: 600px) {
  .redeem-gift-block span[class^="icon-filled-"] {
   
       font-size: 15px !important;
    margin-left: 160px;
    margin-top: -23px !important;
}
}

.redeem-gift-block span[class^="icon-filled-"]{
    font-size: 15px !important;
    margin-left: 2px;
    margin-top: -12px !important;
  vertical-align: initial !important;
}

.redeem-gift-block span[class^="icon-filled-"] {
    font-size: 22px;
    vertical-align: middle;
    margin-right: 12px;
    margin-top: -11px;
    display: inline-block;
}

.icon-filled-redeem-gift:before {
     font-size: 15px !important;
     margin-left: 2px;
    margin-top: -12px !important;
    vertical-align: initial !important;
}

.qr-code-generator {
width: 500px;
margin: 0 auto;
}

h5.mb-title{
    font-size: 21px;
   
    color: black;
}
.qr-code-generator * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}



#qrcode a {
font-size: 0.8em;
}

.qr-url, .qr-size {
padding: 0.5em;
border: 1px solid #ddd;
border-radius: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

.qr-url {
width: 79%;
}

.qr-size {
width: 20%;
}

.generate-qr-code {
display: block;
width: 100%;
margin: 0.5em 0 0;
padding: 0.25em;
font-size: 1.2em;
border: none;
cursor: pointer;
background-color: #e5554e;
color: #fff;
}
@media only screen and (max-width: 600px) {
  #qrcode {
    width: 128px;
    height: 275px;
    margin: 0 19px;
    text-align: center;
 }

 p.mobile-detect{
    font-size: 17px;
    font-weight: 141;
    color: black;
 }

 p a.mobile-detect-link{
    color: #d633e1;
    text-decoration: none;
    font-weight: 600;
 }
.qr-code-main{

}


button.btn-close{
    background: #da4ddf !important;
    border-radius: 100px;
    height: 23px;
    font-size: 17px;
    padding: 1px 7px;
    color: white !important;
}