:root {
--purplecolor:#8C1DB3;
--border-radius:5px;
--midiumfont-size:15px;
--bluecolor:#1A2755;
}
.prime-container{background: linear-gradient(0deg, rgba(211, 176, 108, 0.5) 0%, rgba(205, 186, 186, 0.5) 0.01%, rgba(205, 186, 186, 0) 94.62%);
    border-radius: 5px;
    padding: 25px 10px;}
section.main-container {
    margin: 0 -20px -20px -20px;
}
.prime-container{text-align: center;}
h1.prime-heading{font-family: var(--boldfonts);font-size:var(--sectionheadingfontsize);line-height: 1;margin:0px;}
.prime-subtitle{font-size:20px;font-family: var(--boldfonts);margin-bottom: 20px;}
.prime-subtitle a{color:var(--purplecolor)}
.prime-heading {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;font-size:var(--titlefontsize);line-height: 1;}
.prime-bigtxt {font-size:50px;color: var(--purplecolor);text-transform: uppercase;font-family: var(--boldfonts);}
.access-txt{text-align: left;margin-left:15px;font-size: var(--regularfontsize);}
.access-txt strong{font-size: var(--regularfontsize);text-align:left;font-weight:700;}
a.purple-btn{font-family: var(--boldfonts);padding:5px 18px;background-color:var(--purplecolor);text-transform: uppercase;color:var(--white);margin:10px 0px;display: inline-block;border-radius: var(--border-radius);border:solid 2px var(--purplecolor);cursor: pointer;}
a:hover.purple-btn{color:var(--purplecolor);background-color: transparent;}
a.border-purple-btn{font-family: var(--boldfonts);padding:5px 18px;background-color:transparent;text-transform: uppercase;color:var(--purplecolor);margin:5px 0px 18px 0px;display: inline-block;border-radius: var(--border-radius);border:solid 2px var(--purplecolor);}
a:hover.border-purple-btn{color:var(--white);background-color:var(--purplecolor);}
.access-price {font-size: 35px;color: var(--primerycolor);}
a.trialbtn {background: transparent;border: 2px solid var(--purplecolor);color: var(--purplecolor);}
.access-price strong{font-weight:700;}
.membership-bx{display: flex;flex-wrap: wrap;flex-direction: column;margin-top:18px;}
.get-trial-membership {display: flex;justify-content: center;margin: 0;flex-wrap: wrap;align-items: center;}
.get-trial-membership .access-txt {font-size: var(--regularfontsize);text-align: left;margin-left: 12px;line-height: 1.3;}
.gettrial{font-size:var(--titlefontsize);}
.existing-members{font-size:var(--smallfontsize);}
.existing-members strong{font-weight: 700;}
.existing-planlist{width: 85%;margin: 0px auto;display: flex;}
.existing-planlist .payable-details{text-align: left;
margin: 20px auto 0px auto;
display: inline-block;
}
.existing-planlist .payable-details li{display: flex;font-size: var(--midiumfont-size);align-items: flex-start;
line-height: 1.4;margin-bottom:12px;}
.existing-planlist .payable-details li img{margin-right:10px;margin-top:4px;}
.existing-planlist .payable-details ul{width:50%;}
.gsttext {
    text-align: center;
    font-size: var(--smallfontsize);
	margin-bottom:10px;
}
.membership-bx .blocktitle {
    margin: 0;
    font-size: var(--subtitlefontsize);
}

/* success msg css start*/
.success-title{font-size: 32px;color: var(--bluecolor);text-align: center;width: 100%;display: inline-block;font-family: var(--boldfonts);margin:0px;font-size:var(--sectionheadingfontsize);}
.success-msg{display: flex;justify-content: center;flex-wrap: wrap;flex-direction: column;text-align: center;}
.success-container .white-box{padding:30px 0px;position: relative;}
.check-msg{width:100px;height:100px;border-radius: 100%;border: 1px solid #E0E0E0;margin:25px auto;display: flex;align-items: center;justify-content: center;background-color: #fff;position: relative;}
.check-msg .fa{color:#70B419;font-size:50px;}
.border-overlap{width:60%;position: absolute;background-color:#E0E0E0;left:0;right:0;height:1px;top:39%;margin:0px auto;}
.success-content span{font-size:var(--subtitlefontsize);width:100%;display: inline-block;}
.success-container .fill-btn{margin-bottom:0px;}
/* success msg css end*/

@media only screen and (max-width:1024px) {
.prime-pera{width:100%;}
h1.prime-heading{font-size: var(--titlefontsize);}
.prime-subtitle{font-size:var(--subtitlefontsize);}
}

@media only screen and (max-width:992px) {

}

@media only screen and (max-width:767px) {
	section.main-container {
    margin: 20px 0px;
}
    .prime-bigtxt{font-size: 40px;}
    .prime-pera{width:100%;}
    h1.prime-heading{font-size: var(--subtitlefontsize);}
	.gettrial.blocktitle{margin-top: 0px;text-transform: unset;}
    .prime-subtitle{font-size:var(--regularfontsize);margin-bottom: 20px;}
	.access-txt {
        font-size: var(--regularfontsize);
    margin-left: 15px;
    line-height: 1.2;
}
    .existing-members br{display:none;}
    .existing-members{width:85%;margin:0px auto 25px auto;font-size: var(--regularfontsize);}
    .existing-planlist .payable-details{width:100%;margin-top:0px;}
    .existing-planlist{flex-wrap: wrap;}
    .check-msg{width:85px;height:85px;}
    .border-overlap{top:36%;}
    /* success msg css start*/
    .success-content span{font-size: var(--regularfontsize);width: 90%;}
    .success-title{font-size: var(--titlefontsize);}
    .check-msg .fa{font-size:40px;}
    /* success msg css end*/
}
@media only screen and (max-width:425px) {
    .prime-bigtxt {
        width: 100%;
    }
    .access-txt {
        font-size: var(--smallfontsize);
        margin-left: 0px;
        line-height: 1.2;
        text-align: center;
    }
}
@media only screen and (max-width:400px) {
.get-trial-membership .access-txt{text-align:center; margin: 0 10px;}

@media only screen and (max-width:375px) {
.access-txt {
    font-size: var(--smallfontsize);
    margin-left: 0px;
    line-height: 1.2;
    text-align: center;
}
}