body {
    margin: 0;
    padding: 0;
}

header {
    background: #12294b;
    margin-bottom: 10px;
    text-align: center;
    padding: 20px 0;
}

h1 {
    font-size: 46px;
    margin-bottom: 14px;text-align: center;
}
.headings{
    margin-top:50px;
}
.hero{
    margin-top:50px;
}
.hero h2 {
    font-size: 25px;
    margin-bottom: 14px;text-align: left;
}
.hero ul{
    list-style: none;
    margin:0 0 0 40px;
    padding:0;

}
.hero ul li::before {
	content: "";
	width: 22px;
	height: 23px;
	background: url("https://www.dginstitute.com.au/wp-content/themes/jupiter-child/assets/images/tick-green-ppslivestream-vip-card.png") 0 0 no-repeat;
	position: absolute;
	left: -40px;
	top: 2px;
}
.hero ul li {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 16px;
    position: relative;
    line-height: 26px;
}
section.gifts {
    padding: 20px 0px;
}
.headings p {
    font-size: 17px;
    line-height: 1.6em;
    margin: 0 0 10px;
    text-align: center;

}
.headings p:first-child{
    margin-top:1.1em;
}

.headings p span {
    text-decoration: line-through;
    font-size: 19px;
    color: #333;
}

.red {
    /* color:#218f76 !important;
     */
     color:#333 !important;
     
    font-size: 26px !important;
    text-decoration: none !important;
}
.orngbg{
background:#184e42;
    /* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #efa12b), color-stop(100%, #efa12b));
    background: -webkit-linear-gradient(top, #efa12b 0%, #efa12b 100%);
    background: -moz-linear-gradient(top, #efa12b 0%, #efa12b 100%);
    background: -ms-linear-gradient(top, #efa12b 0%, #efa12b 100%);
    background: -o-linear-gradient(top, #efa12b 0%, #efa12b 100%);
    background: linear-gradient(to bottom, #efa12b 0%, #efa12b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#efa12b, endColorstr=#efa12b, GradientType=0); */
}
.whtbg{
background:#fff;
}
.upgrd {
    
    padding: 25px 0 21px;
}
.upgrd .btnupgrd {
padding:10px 40px;
border-color: #6dab3c;
border-width: 1px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 5px;
background: #fff21f;
/* background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #8abb63), color-stop(100%, #6eab3d));
background: -webkit-linear-gradient(top, #8abb63 0%, #6eab3d 100%);
background: -moz-linear-gradient(top, #8abb63 0%, #6eab3d 100%);
background: -ms-linear-gradient(top, #8abb63 0%, #6eab3d 100%);
background: -o-linear-gradient(top, #8abb63 0%, #6eab3d 100%);
background: linear-gradient(to bottom, #8abb63 0%, #6eab3d 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8abb63, endColorstr=#6eab3d, GradientType=0); */
box-shadow: none;
display: inline-block;
text-decoration: none;
}
.upgrd .btnupgrd {
background: #fff21f;
    padding: 20px 50px;
    color: #000;
    font-size: 22px;
    font-weight: 700;
    border-radius: 50px;
    text-transform: uppercase;
    min-width: 368px;
    border: 5px solid transparent;
    margin: 0px auto 0px;
    line-height: 20px;
}
.upgrd .txt, .upgrd .subtext{
display:block;
}
.upgrd .txt{
    font-size: 24px;
color: #000;
font-weight: bold;
}
.upgrd .subtext {
font-size: 14px;
color: #f22626;
font-weight: bold;
}
.gifts {
background: #d6d6d6;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #d6d6d6), color-stop(100%, #d6d6d6));
background: -webkit-linear-gradient(top, #d6d6d6 0%, #d6d6d6 100%);
background: -moz-linear-gradient(top, #d6d6d6 0%, #d6d6d6 100%);
background: -ms-linear-gradient(top, #201c1c 0%, #d6d6d6 100%);
background: -o-linear-gradient(top, #d6d6d6 0%, #d6d6d6 100%);
background: linear-gradient(to bottom, #d6d6d6 0%, #d6d6d6 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#d6d6d6, endColorstr=#d6d6d6, GradientType=0);

}
.paymentopt {
    background: #16594d;
    padding:50px 0;
}
.pagehead {
    font-size: 35px;
    font-weight: 600;
    text-transform: uppercase;
    color: #fff;
    line-height: 42px;
    margin: 0px auto 12px;
    text-align: center;
}
.payment-card {
    border-radius: 10px;
    background: #fff;
    padding: 20px;
    box-shadow: 2px 2px 10px 2px rgb(0, 0, 0, 0.3);
    border: 4px solid #fff;
    overflow:hidden;
    min-height:495px;
}
.btnnothnks:hover, .upgrdvip:hover {
    text-decoration: none;
    color: #000;
}
.payment-card .titl {
    font-size: 35px;
    font-weight: 500;
    text-align: center;
}
.payment-card .titltype {
    font-size: 55px;
    font-weight: 700;
    text-align: center;
    color: #d75734;
    position: relative;
}
ul.included {
    list-style: none;
    margin: 25px 0px 20px;
}
ul.included li {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 32px;
    position: relative; 
    line-height: 22px;
}
ul.included li.disabledd {
   color:#b5b5b5;
}
.btn-ylw {
    background: #d75734;
    padding: 10px 50px;
    color: #fff;
    font-size: 22px;
    font-weight: 700;
    border-radius: 50px;
    text-transform: uppercase;
    min-width: 368px;
    border: 5px solid transparent;
    margin:25px auto;
    line-height: 52px;
    border: 2px solid #d75734;
}
.btn-ylw:hover {
    color: #fff;
    border: 2px solid #951818;
}
.upgrdvip {
    background: #fff21f;
    color: #000;
    border: 5px solid #fff21f;
}
.btn-ylw small {
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
}
.cardbtn {
    border-radius: 50px;
    padding: 20px;
    max-width: 80%;
    margin: auto;
    display: block;
    font-size: 22px;
    text-align: center;
    font-weight: 700;
    text-transform: uppercase;
}
.cardbtn small {
    text-align: center;
    color: #c10000;
    font-size: 14px;
    font-weight: 500;
    text-transform: none;
}
.btnnothnks {
    background: #fff;
    color: #000;
    border: 5px solid #afafad;
}
.radiusblock {
margin-top: 15px !important;
margin-bottom: 15px !important;
border-bottom-width: 40px !important;
background-color: #ffffff !important;
border-radius: 15px !important;
padding: 20px 20px 0px;
overflow: hidden;
width:960px;
margin:0 auto 20px;
max-width:100%;
}
.gifttitle {
    font-family: 'Open Sans', sans-serif;
    font-size: 36px;
    color: #184e42;
    font-weight: bold;
    margin: 0px 0px 10px;
    text-align: left;
}
.radiusblock h2 {
font-size: 24px;
margin-bottom: 10px !important;
}
.value {
color: #d75734;
font-size: 20px;
}
.radiusblock p {
    font-size: 17px;
    line-height: 1.6em;
    margin: 0 0 1.1em;
    text-align: center;
    color:#777;

}
.radiusblock img{
    width:80%;
    display: inline-block;
    max-width:80%;
    box-shadow: 1px 2px 10px rgb(0 0 0 / 20%);
    border: 1px solid #00000038;
}
.nthnk{
    font-size: 25px;
    margin-top: 10px;
    color: #fff;
    text-decoration: underline;
    font-weight: 600;
    display: inline-block;
}
.nthnk:hover{
    color: #fff;
    text-decoration: none;
    }
.footers {
background: #e0e0e0;
padding-top: 40px;
padding-bottom: 40px;
}
ul.included li:before {
    content: "";
    width: 22px;
    height: 23px;
    background: url("https://www.dginstitute.com.au/wp-content/themes/jupiter-child/assets/images/tick-green-ppslivestream-vip-card.png") 0 0 no-repeat;
    position: absolute;
    left: -40px;
    top: 2px;
}
ul.included li.disabledd:before {
    content: "";
    width: 22px;
    height: 23px;
    background: url("https://www.dginstitute.com.au/wp-content/themes/jupiter-child/assets/images/exclude-icon.png") 0 0 no-repeat;
    position: absolute;
    left: -40px;
    top: 2px;
}
@media(max-width:1024px){
   
    .payment-card {
        
        min-height:514px;
    }
    .payment-card .btn-ylw, .btnnothnks {
      
        min-width: 100%;
    }
    }
@media(max-width:768px){
.cardbtn {
   
    max-width: 100%;
  
}
ul.included {
    list-style: none;
    margin: 23px 0px 20px;
}
.payment-card {
    
    min-height: 537px;
}
.payment-card .btn-ylw{
    min-width:100%;
}
}
.mbbtn{
    display:none;
}
@media(max-width:767px){
    .hero h2 {
        font-size: 21px;
        margin-bottom: 14px;
        text-align: left;
        line-height: 30px;
        /* text-align: center; */
    }
    .hero {
        margin-top: 0;
    }
    .mbbtn{
        display:block;
    }
    .deskbtn{
        display:none;
    }
    .mbbtn .btn-ylw {
        font-size: 15px !important;
        line-height: 34px;
    }
    .paymentcardcnt{
        display:flex;
        flex-direction: column;
        
    }
    .btn-ylw small {
        font-size: 12px;
    }
    .paymentcardcnt .col-sm-6{
order:2;
    }
    .paymentcardcnt .col-sm-6+.col-sm-6{
        order:1;
            }
    .payment-card {
        margin-top: 20px;
        min-height: auto;
        
    }
    ul.included li {
        font-size: 16px;
    }
    .pagehead {
        font-size: 25px;
        line-height: 35px;
        max-width: 80%;
    }
    .btn-ylw {
        margin: 8px 0px 25px;
    font-size: 15px;
    padding: 8px 0;
    min-width: 100%;
    line-height: 34px;
    }
    .payment-card .btn-ylw{
        min-width:100%;
    }
    .payment-card .titltype {
        font-size: 35px;
       
    }
    .payment-card .titl {
        font-size: 25px;
    }
    ul.included {
        list-style: none;
        margin: 20px 0px 20px;
    }
    ul.included li {
        margin-bottom: 20px;
    }
    
}
@media(max-width:480px){
    .upgrd .txt {
        font-size: 20px;
        color: #000;
        font-weight: bold;
    }
    .headings p {
        font-size: 15px;
      
    }
    .radiusblock{
        margin-bottom:40px;
        padding-bottom:20px;
    }
    h1 {
        font-size: 23px;
       
    }
    .cardbtn {
      
        max-width: 100%;
        font-size: 14px;
    }
    header {
       
        padding: 10px 0;
    }
    .radiusblock img{
        width:100%;
        display: inline-block;
        max-width:100%;
    }
}