

.background-card {
    width: 290px;
    border-radius: 8px;
    box-shadow: 0 8px 16px 0 rgba(59, 119, 188, 0.16);
    background: rgba(30,30,30,.7); 
    padding: 28px;
    text-align: left;
    display: inline-block
}

 .background-card {
        padding: 16px
    }

  .background-card {
        padding: 16px
    }

    .background-card.mobile-narrow {
        max-width: 350px;
        width: 80%
    }

    .background-card.mobile-short {
        height: 25vh
    }

    .background-card.mobile-medium {
        height: 370px
    }

    .background-card-no-shadow {
        width: 100%;
        height: auto;
        text-align: left;
        display: inline-block
    }

    .background-card-no-shadow.image-redirect {
        width: 100%;
        margin-top: 40px;
        background-repeat: no-repeat;
        background-size: 95%;
        background-position: center;
        background-image: url(/../images/qr/redirect.png)
    }

    .background-card-no-shadow.medium {
        height: 210px
    }

.flex-row-center {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center
}

.flex-sb {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 2px;
	margin-bottom: 2px
}

.my_body {
        background-color:rgba(0,0,0,.5);
        max-width:38.3125rem;
        display: inline-block
    }




.new-heading {
    
    max-width:46.25rem;
    margin:0 auto 1.25rem auto;
    text-align:center}

.new-heading span{

    background:-o-linear-gradient(355.56deg,#7843e2 -10.47%,#64c4d7 110.96%);
    background:linear-gradient(94.44deg,#7843e2 -10.47%,#64c4d7 110.96%);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent;
    background-clip:text;
    text-fill-color:transparent;

}
             
.new-heading {max-width:27.5rem;font-size:2.5rem}

.new-heading {max-width:17.5rem;font-size:1.5625rem}

.new-heading {font-family:"Space Grotesk",Roboto,sans-serif;
font-weight:700;font-size:4.0625rem;line-height:70%;margin-bottom:1.25rem;max-width:35.3125rem}





.flex-sb h6 {
	font-family: 'ProximaNova', 'Open Sans', sans-serif;
	font-weight: normal;
	font-size: 16px;
	margin: auto auto auto 0;
	padding: 0px
}

.flex-sb span {
	margin: auto 0 auto auto;
	padding: 0px
}

.row {
	width: 100%
}

.column {
	float: left;
	width: 50%
}

.row:after {
	content: "";
	display: table;
	clear: both
}

.header-amount-large {
	font-family: 'ProximaNova', 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 20px;
	color: #4a90e2;
	padding-bottom: 7px
}

.mt-larger {
	margin-top: 20px
}

@media (max-width: 1010px) {

	 .Hide, .upgrade, .laptop  {

        display: none;
    }
}


@media (min-width: 790px) {

    .Beast {

  
        margin-top: -15px;
        
    }
}

@media (min-width: 1010px) {

    .Beast {

  
        margin-top: -8px;
        
    }
}

@media (max-width: 1366px) {

    .confirm-btn {

        color: white;
        background:linear-gradient(94.44deg,#7843e2 -10.47%,#64c4d7 110.96%);
        border: 0;
        cursor: pointer;
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
        height: 30px
    }
}

@media (max-width: 790px) {

    .Beast {

        position: absolute;
        cursor: pointer;
        margin-top: -50px;
        width: 80px;
        margin-left: auto;
        margin-right: auto;
        right: 0;
        left: 0

    }
}

.hidden {
	display: none !important
}

.mw-60 {
	max-width: 60%
}

.subheader.semi-bold {
	font-family: 'ProximaNova', 'Open Sans', sans-serif;
	font-weight: 600
}

.info-text.semi-bold {
	font-family: 'ProximaNova', 'Open Sans', sans-serif;
	font-weight: 600
}
.subheader {
	font-family: 'ProximaNova', 'Open Sans', sans-serif;
	font-weight: normal;
	color: white;
	font-size: 16px;
	padding-bottom: 3px
}

.subheader.brand-blue {
	color: #3b77bc
}

.subheader.blue {
	color: #3778c2
}

.subheader.semi-bold {
	font-family: 'ProximaNova', 'Open Sans', sans-serif;
	font-weight: 600
}

.subheader.footer-info {
	line-height: 1.5
}

.ml-8 {
	margin-left: 8px
}

.rule {
	width: 100%;
	border: 1px solid #c4d6eb;
	background-color: #c4d6eb;
	margin: 10px 0 10px 0
}
