.SubscriptionContainerMain{width:100vw;height:100vh;margin:0;padding:0;overflow-x:hidden}.footerSubscriptionPage{border-top:.1vh solid #ffffff98;border-top-left-radius:5vh;border-top-right-radius:5vh;flex-direction:column;justify-content:center;align-items:center;width:100%;height:max-content;margin:5vh 0 0;padding:2vh 0;display:flex}.companyTitleFooter{filter:drop-shadow(0 0 .3vh #fff);width:15%;height:auto;margin:2vh 0}.poweredbyText{font-family:Fredoka,sans-serif;font-size:1.5vh;font-weight:100}.topContainerSubscription{grid-template-rows:max-content;grid-template-columns:50% 50%;align-content:center;width:100%;height:25%;margin-top:3vh;padding:3vh;display:grid}.logoContainer{background-color:#ec2323;flex-direction:column;grid-column:1;grid-template-rows:1px;justify-items:center;gap:2vh;width:100%;height:auto;display:flex}.logoImgSub{filter:drop-shadow(0 0 .75vh #d4af37);width:30%;height:auto;margin:0;padding:0}.waitlistUnderLogoText{font-family:Fredoka;font-size:3vh}.progressSpotAvailable{text-align:right;flex-direction:column;grid-column:2;grid-template-rows:1px;justify-content:center;align-items:center;width:100%;display:flex}.pogressTitleSubs{font-family:Fredoka;font-size:3vh}.progressSpotsTaken{font-family:Fredoka;font-size:2vh}.titlePlanContainer{text-align:center;background:linear-gradient(#000,#d4af3774,#000);width:100%;height:max-content;margin:2vh 0;padding:5vh}.titlePlanH1{font-family:Fredoka;font-size:4vh;font-weight:100}.planContainerMain{text-align:center;cursor:pointer;flex-direction:row;justify-content:center;align-items:flex-end;gap:4vh;width:100%;height:70%;margin:5vh 0 0;padding:0;display:flex}.planContainerMonthly,.planContainerAnnual{-webkit-backdrop-filter:blur(4vh);backdrop-filter:blur(4vh);background:linear-gradient(#d4af3774,#0000 90%);border:none;border-radius:8vh;width:20vw;height:80%;padding:0}.planContainerMain a.Popular,.planContainerMain a.MostRecommended{order:-1}.plan:hover{border:.2vh solid #d4af3774;transition:all .3s;transform:scale(1.1)}.plan{border:0 solid #0000;transition:all .3s;transform:scale(1)}.plan-tag{color:#000;z-index:1;background-color:#e7dc3c;border-radius:2vh;justify-self:center;width:max-content;padding:1vh 2vh;font-size:2vh;font-weight:700;position:relative;top:-2vh}.plan-tag.recommended{color:#000;background-color:#00c3ff}.infoPlanContainer{grid-template-rows:25% 50% 25%;grid-template-columns:100%;height:100%;padding:2vh;display:grid}.headerInfoText{grid-area:1/1;width:100%;height:100%;line-height:1}.titlePlan{font-family:Fredoka;font-size:8vh;font-weight:100}.SubTitlePlan{font-family:Fredoka;font-size:2.2vh;font-weight:100}.planBenefitsList{flex-direction:column;grid-area:2/1;place-content:center;align-items:center;gap:1vh;width:100%;height:100%;font-family:Fredoka;list-style:none;display:flex}.MoBasicDesc li,.moVIPDesc li{margin:0;font-size:2.3vh;font-weight:300}.AnBasicDesc li,.AnVIPDesc li{margin:0;font-size:3vh;font-weight:300}.AnBasicDesc .specialOptionList{font-size:2.5vh}.PricePlan{align-content:end;height:100%;padding-bottom:5vh;font-family:Fredoka;font-size:4vh;font-weight:100}@media screen and (max-width:1270px){.MoBasicDesc li,.moVIPDesc li{margin:0;font-size:2vh;font-weight:300}.AnBasicDesc li,.AnVIPDesc li{margin:0;font-size:2.5vh;font-weight:300}.AnBasicDesc .specialOptionList{font-size:2vh}.planContainerMonthly,.planContainerAnnual{-webkit-backdrop-filter:blur(4vh);backdrop-filter:blur(4vh);background:linear-gradient(#d4af3774,#0000 90%);border:none;border-radius:8vh;width:18vw;height:80%;padding:0}.planContainerMain a.Popular,.planContainerMain a.MostRecommended{order:-1}.plan-tag{color:#000;z-index:1;background-color:#e7dc3c;border-radius:2vh;justify-self:center;width:max-content;padding:1vh 2vh;font-size:1.5vh;font-weight:700;position:relative;top:-2vh}}@media screen and (max-width:1070px){.titlePlan{font-family:Fredoka;font-size:6vh;font-weight:100}.SubTitlePlan{font-family:Fredoka;font-size:1.5vh;font-weight:100}.MoBasicDesc li,.moVIPDesc li{margin:0;font-size:1.5vh;font-weight:300}.AnBasicDesc li,.AnVIPDesc li{margin:0;font-size:2vh;font-weight:300}.AnBasicDesc .specialOptionList{font-size:1.5vh}.planContainerMonthly,.planContainerAnnual{-webkit-backdrop-filter:blur(4vh);backdrop-filter:blur(4vh);background:linear-gradient(#d4af3774,#0000 90%);border:none;border-radius:8vh;width:18vw;height:80%;padding:0}.planContainerMain a.Popular,.planContainerMain a.MostRecommended{order:-1}.plan-tag{color:#000;z-index:1;background-color:#e7dc3c;border-radius:2vh;justify-self:center;width:max-content;padding:1vh 2vh;font-size:1vh;font-weight:700;position:relative;top:-2vh}}@media screen and (max-width:800px){.companyTitleFooter{filter:drop-shadow(0 0 .3vh #fff);width:40%;height:auto;margin:2vh 0}.plan{border:0 solid #0000;transition:all .3s;transform:scale(1)}.plan:hover{border:.2vh solid #d4af3774;transition:all .3s;transform:scale(.97)}.topContainerSubscription{flex-direction:column;justify-content:center;align-items:center;gap:5vh;width:100%;height:max-content;margin:2vh 0;padding:0;display:flex}.planContainerMain a.Popular,.planContainerMain a.MostRecommended{order:-1;margin-top:2vh}.plan-tag{color:#000;z-index:1;background-color:#e7dc3c;border-radius:1vh;justify-self:center;width:max-content;padding:1vh 2vh;font-size:1.2vh;font-weight:700;position:absolute;top:-2vh;left:2vh}.logoImgSub{filter:drop-shadow(0 0 .75vh #d4af37);width:100%}.progressSpotAvailable{align-items:center;width:100%}.pogressTitleSubs{font-family:Fredoka;font-size:3vh}.progressSpotsTaken{font-family:Fredoka}.SubscriptionContainerMain{width:100%;height:100%;margin:0;padding:0;overflow-y:auto}.titlePlan{font-family:Fredoka;font-size:6vh;font-weight:100}.SubTitlePlan{font-family:Fredoka;font-size:1.5vh;font-weight:100}.MoBasicDesc li,.moVIPDesc li{margin:0;font-size:1.5vh;font-weight:300}.AnBasicDesc li,.AnVIPDesc li{margin:0;font-size:2vh;font-weight:300}.AnBasicDesc .specialOptionList{font-size:1.5vh}.planContainerMain{text-align:center;cursor:pointer;flex-direction:column;gap:2vh;width:100%;height:100%;margin:0;padding:0 2vh;display:flex;position:relative}.planContainerMonthly,.planContainerAnnual{-webkit-backdrop-filter:blur(4vh);backdrop-filter:blur(4vh);background:linear-gradient(90deg,#d4af3774,#0000 90%);border:.1vh solid #d4af3774;border-radius:4vh;width:100%;height:100%;margin:0;padding:0}.infoPlanContainer{grid-template-rows:100%;grid-template-columns:33.33% 33.33% 33.33%;justify-content:center;gap:1vh;width:100%;height:100%;margin:0;padding:2vh;display:grid}.headerInfoText{text-align:left;grid-area:1/1;align-content:center;justify-items:left;width:100%;height:100%;padding-left:2vh;line-height:1}.planBenefitsList{white-space:nowrap;grid-area:1/2;align-content:center;justify-items:left;width:100%;height:100%;margin:0;padding:0;font-size:1vh}.descPlan,.AnVIPDesc,.AnBasicDesc{margin:0;padding:0}.planBenefitsList li{align-items:center;font-size:2vh}.planBenefitsList .specialOptionList{font-size:2vh}.PricePlan{text-align:right;grid-area:1/3;align-content:center;width:100%;height:100%;margin:0;padding:0 2vh 0 0;font-family:Fredoka;font-size:5vh;font-weight:100;text-decoration:underline}}@media screen and (max-width:530px){.waitlistUnderLogoText{white-space:nowrap}}@media screen and (max-width:480px){.waitlistUnderLogoText,.pogressTitleSubs{font-size:2vh}.planBenefitsList .specialOptionList,.planBenefitsList li{font-size:1.5vh}.PricePlan,.headerInfoText h2{font-size:4vh}.headerInfoText p{font-size:1vh}}@media screen and (max-width:415px){.waitlistUnderLogoText,.pogressTitleSubs{font-size:2vh}.planBenefitsList .specialOptionList,.planBenefitsList li{font-size:1vh}.PricePlan,.headerInfoText h2{font-size:3vh}.headerInfoText p{font-size:1vh}}@media screen and (max-width:380px){.waitlistUnderLogoText,.pogressTitleSubs{font-size:2vh}.planBenefitsList .specialOptionList,.planBenefitsList li{font-size:1.5vh}.PricePlan{font-size:3vh}.headerInfoText h2{font-size:4vh}.headerInfoText p{font-size:1vh}}.loginContainerSubscribe{flex-direction:column;justify-content:center;align-items:center;width:100%;height:max-content;margin:5vh 0 0;padding:0;display:flex}.ContainerLoginSubscribePage{text-align:center;background:linear-gradient(90deg,#d4af37,#fff);width:100%;margin:2vh 0 0;padding:.1vh;font-family:Fredoka;font-size:3vh;transition:all .3s}.LoginButtonH1{background-color:#111;margin:.1vh;padding:.5vh 1vh}.ContainerLoginSubscribePage:hover{cursor:pointer;transition:all .3s;transform:scale(.97)}
