/* pages.css — /about-us/, /perks-and-savings/, /freebies-giveaways/ section styles.
   Ported from the live bundles in live's own cascade order:
   dc4120e3eaef43c2.css (components) then 6f65bc04f54ec52f.css (pages),
   with module hashes stripped and asset URLs rewritten to assets/images/.
   Loaded after familyone.css, which supplies the reset, fonts, chrome and carousel. */

/* ---- from dc4120e3eaef43c2.css ---- */
.freebiesAndGiveawayssectionChild{width:738.5px;position:absolute;margin:0!important;top:-128px;left:-204.6px;height:653.5px;object-fit:contain;opacity:.7;z-index:0}
.perksAndSavings{align-self:stretch;position:relative;font-family:OmnesBold}
.span{color:#f47c6a}
.wordsYouLoveContainer{align-self:stretch;position:relative;font-size:60px;font-weight:600;color:#242424}
.wordsYouLoveContainer span{font-family:var(--font-semi-bold)}
.text1{align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:15px}
.whatFamilyDoesnt{margin:0}
.whatFamilyDoesntContainer{align-self:stretch;position:relative;font-weight:500}
.text{display:flex;flex-direction:column;align-items:center}
.freebiesAdons{color:#4e4e4e;background-image:url(../images/doddleGiveaway.svg);background-size:initial;background-position:0 0;background-repeat:no-repeat}
.span1{color:#67b0c4}
.saveOnFamilyContainer{align-self:stretch;position:relative;font-size:60px;font-weight:600;margin-top:0;color:#242424;font-family:var(--font-semi-bold)}
.text4{align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}
.becomingAFamilyone{flex:1 1;position:relative;font-weight:500;font-family:var(--font-regular)}
.text5{width:100%;display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center;max-width:1246px;font-size:24px;color:#4e4e4e}
.rectangleGroup{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:13px}
.text3{align-self:stretch;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:35px}
.whatFmly{font-family:var(--font-regular)}
.aboutUssection3UprCircle{background-image:url(../images/About-circle-bottom.svg);background-size:cover;background-position:bottom;background-repeat:no-repeat}
.commonBgPurpel{background:#ae86e0}
.abutUsAdons{color:#4e4e4e;background-image:url(../images/aboutBanner1.svg);background-size:cover;background-position:top;background-repeat:no-repeat}
.aboutUssection3ComnAddon{padding-top:12px;padding-bottom:135px}
/* ---- values taken from getComputedStyle on live (the module-scoped rules these
        elements actually resolve to are not reachable by class name alone) ---- */
.text{flex:1 1 0%;gap:35px}
.text2.whatFmly{max-width:1246px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}
.whatFamilyDoesntContainer{width:80%;margin:0 auto}
.becomingAFamilyone{flex:0 1 auto;width:732px;margin:0 auto}
button.hmSignUp{padding:0}

@media (min-width:2268px) {
  .aboutUssection3UprCircle,.perkSavingSetMin{min-height:90vh}
}
@media (min-width:1400px) {
  .abutUsAdons{background-size:contain;background-position:50%;padding-bottom:0}
}
@media (max-width:960px) {
  .becomingAFamilyone{width:80%;margin:0 auto}
  .freebiesAndGiveawayssectionChild{top:-85px}
}
@media (max-width:600px) {
  .saveOnFamilyContainer,.saveOnFamilyContainer span,.wordsYouLoveContainer,.wordsYouLoveContainer span{font-size:42px;line-height:47px}
  .becomingAFamilyone,.whatFamilyDoesntContainer{width:90%;margin:0 auto}
}
@media (max-width:625px) {
  .midPerkContent{gap:0}
  .becomingAFamilyone{margin-top:32px;margin-bottom:12px}
}
@media (max-width:480px) {
  .becomingAFamilyone,.whatFamilyDoesntContainer{font-size:18px;line-height:26px}
  .saveOnFamilyContainer,.saveOnFamilyContainer span,.wordsYouLoveContainer,.wordsYouLoveContainer span{font-size:32px;line-height:40px}
  .freebiesAdons{background-image:none!important}
}

/* ---- from 6f65bc04f54ec52f.css ---- */
.ourPastTxt h2{position:relative;font-size:60px;font-weight:600;color:#242424;font-family:var(--font-semi-bold);text-align:center;margin-top:0;margin-bottom:24px;line-height:64px}
.ourPastTxt p{font-weight:500;font-size:24px;color:#4e4e4e;font-family:var(--font-regular);margin-top:0;margin-bottom:0}
.ourPastTxt{width:630px;margin:0 auto}
.pastMain{background-color:#fff;border:2px solid rgba(78,78,78,.1);border-radius:15px}
.pastMain{width:23%;max-width:23%;padding-bottom:84px;margin-bottom:22px}
.pastImg,.pastMain{position:relative}
.pastImg img{width:100%;border-radius:13px 13px 0 0}
.pastMainInr{padding:7px 20px 18px}
.pastText{text-align:left}
.pastText label{font-family:var(--font-semi-bold);font-size:18px;color:#4e4e4e;display:block;line-height:21px;margin:8px 0 10px}
.ourPastUpr{width:100%;z-index:1}
.pastCupInr label{color:#4E4E4E;font-family:var(--font-medium);font-size:16px}
.pastCupInr{display:flex;align-items:center;gap:8px}
.pastCupUpr p{font-family:var(--font-regular);font-size:14px;margin:6px 0 0;color:#4E4E4E}
.pastCupUpr{background:#F2F2F2;text-align:left;padding:20px;border-radius:0 0 13px 13px;position:absolute;width:100%;box-sizing:border-box;left:0;right:0;bottom:0}
.pastMainUpr{display:flex;gap:2%;flex-wrap:wrap;margin-top:54px;justify-content:center}
img.addCurveLine{position:absolute;right:0;top:-128px;opacity:.7}
.AbtusSecond label{font-family:var(--font-bold);font-size:20px;color:#ae86e0}
.AbtusSecond h1{align-self:stretch;position:relative;font-size:60px;font-weight:600;color:#242424;font-family:var(--font-semi-bold);text-align:center;margin-top:16px;margin-bottom:24px;line-height:64px}
.AbtusSecond h1 span{color:#f17d6e}
.AbtusPara p{font-weight:500;font-size:24px;color:#4e4e4e;font-family:var(--font-regular);margin-top:15px;margin-bottom:0}
.AbtusPara{width:80%;margin:0 auto}
.aboutUsCircleBg{background-image:url(../images/About-us-circle.svg);background-size:cover;background-position:bottom;background-repeat:no-repeat}
.vstStoryBtn button{background:#F47C6A;border:none!important;outline:none!important;color:#fff;width:300px;min-height:52px;font-size:15px;text-transform:uppercase;font-family:var(--font-semi-bold);box-shadow:0 18px 20px -18px #ff5a6c;border-radius:30px;cursor:auto!important;margin-top:34px}
.AbtusSecond{padding-bottom:116px}
.aboutTake h3,.aboutTake h4{align-self:stretch;position:relative;font-size:60px;font-weight:600;color:#242424;font-family:var(--font-semi-bold);text-align:center;width:770px;margin:0 auto}
.twinsCardRed{background:#F47C6A;transform:rotate(353deg);-webkit-transform:rotate(353deg);z-index:1;position:relative}
.twinsCardYelow{background:#FDD500;transform:rotate(7deg);-webkit-transform:rotate(7deg)}
.aboutTakeUpr{z-index:1}
.twinsCardInfo p{font-family:var(--font-regular);color:#fff;margin:0;font-size:24px}
.twinsCardInfo label{color:#fff;font-size:34px;font-family:var(--font-semi-bold);display:block;margin:21px auto;width:400px}
.twinsCardInfo{box-sizing:border-box;min-height:480px;text-align:center;border:8px solid #ffffff;padding:30px;border-radius:30px;width:50%;box-shadow:0 7px 29px 0 rgba(100,100,111,.2)}
.twinsCard{display:flex;justify-content:center;align-items:center;margin-top:58px}
.joinSignUp{z-index:1;width:743px}
.joinSignUp p{font-weight:500;font-size:24px;color:#4e4e4e;font-family:var(--font-regular);margin:0}
.joinSignUp button{background:#F47C6A;border:none!important;outline:none!important;color:#fff;width:300px;min-height:52px;font-size:15px;text-transform:uppercase;font-family:var(--font-semi-bold);box-shadow:0 18px 20px -18px #ff5a6c;border-radius:30px;cursor:pointer;margin-top:34px}
.prkcardMain{min-height:365px;max-width:266px;background-color:#fff;border:2px solid rgba(78,78,78,.1);border-radius:15px}
.prkcardImg img{width:100%;border-radius:13px 13px 0 0}
.prkcardMainInr{padding:7px 20px 18px}
.prkIconTxt{display:flex;text-align:left;align-items:center;gap:5px}
.prkIconTxt img{height:42px;width:42px}
.prkIconTxt span{font-family:var(--font-medium);color:#719E7F;font-size:14px}
.prkcardText{text-align:left}
.prkcardText label{font-family:var(--font-semi-bold);font-size:18px;color:#4e4e4e;display:block;line-height:21px;margin:8px 0 10px}
.prkcardText p{font-family:var(--font-regular);color:#4e4e4e;margin:0;font-size:14px;text-align:left}
.freeBeiLoadMore button{background:#F47C6A;border:none!important;outline:none!important;color:#fff;width:300px;min-height:52px;font-size:15px;text-transform:uppercase;font-family:var(--font-semi-bold);box-shadow:0 18px 20px -18px #ff5a6c;border-radius:30px;cursor:pointer;margin-top:34px}
.perkCardUpr{margin-top:0}
.aboutTake h3 span,.aboutTake h4 span{color:#AE86E0}
.vstStoryBtn button,a.cardMainLink .abtSlideImg{cursor:pointer;text-decoration:none!important}
.perkCardUpr{min-height:383px}
img.addCurveAbout{position:absolute;left:0;bottom:-162px;opacity:.7}
.prkcardImg{position:relative;min-height:276px}
@media (min-width:1500px) {
  .AbtusPara{width:62%}
  .abtSlideMain{min-height:360px}
}
@media (min-width:1620px) {
  .AbtusPara{width:52%}
  .aboutTakeUpr{max-width:1369px}
}
@media (min-width:2268px) {
  .perkCardUpr{margin-top:8%}
}
@media (min-width:3024px) {
  .aboutUsCircleBg{background-size:contain}
}
@media (max-width:1400px) {
  img.addCurveAbout{bottom:-202px}
}
/* NOTE: 6f65bc's "@media(min-width:1400px){.abutUsAdons{padding-bottom:46px}}" and
   ".commonBgPurpel{background:linear-gradient(...)}" are intentionally NOT ported: on live
   both elements carry only the CSS-module class, so only the dc4120 rules above apply
   (padding-bottom:0 and a flat #ae86e0). Verified against getComputedStyle on live. */
@media (max-width:1298px) {
  img.addCurveAbout{bottom:-169px}
}
@media (max-width:1190px) {
  img.addCurveAbout{bottom:-160px}
}
@media (max-width:1164px) {
  .twinsCardInfo label{font-size:28px;width:100%}
}
@media (max-width:992px) {
  .ourPastTxt{width:100%}
  .pastMain{width:45%;max-width:45%}
  .pastMainUpr{gap:4%}
  .pastMain{margin-bottom:26px}
}
@media (max-width:960px) {
  img.addCurveLine{top:-84px}
  img.addCurveAbout{display:none}
}
@media (max-width:900px) {
  .twinsCard{display:block}
  .twinsCardInfo{width:80%;margin:0 auto;min-height:auto}
  .twinsCardYelow{transform:rotate(3deg);margin-top:2px}
  .aboutTake h3,.aboutTake h4,.joinSignUp{width:100%}
}
@media (max-width:600px) {
  .AbtusSecond h1,.aboutTake h3,.aboutTake h4,.ourPastTxt h2{font-size:42px;line-height:47px}
  .pastMain{width:46%;max-width:46%}
  .AbtusPara,.twinsCardInfo{width:90%}
  .twinsCardInfo p{font-size:18px}
  .twinsCardInfo label{font-size:22px;margin:12px auto}
  .twinsCardInfo{padding:20px}
  img.addCurveLine{display:none}
  .perkCardUpr{min-height:auto}
}
@media (max-width:480px) {
  .pastMain{width:92%;max-width:92%}
  .AbtusSecond h1,.aboutTake h3,.aboutTake h4,.ourPastTxt h2{font-size:32px;line-height:40px}
  .AbtusPara p,.joinSignUp p,.ourPastTxt p{font-size:18px;line-height:26px}
  .AbtusSecond h1 br{display:none}
}

/* ---- global-class rules the sub-pages need (familyone.css never carried them) ---- */
button.hmSignUp{font-family:var(--font-semi-bold);background:#F47C6A;border:none!important;outline:none!important;color:#fff;width:300px;min-height:52px;font-size:15px;text-transform:uppercase;box-shadow:0 18px 20px -18px #ff5a6c;border-radius:30px;cursor:pointer}
.hmSignUpUpr{margin:10px 0 15px}
.customizeLogin,.customizeLogin .loginAtHome{margin:0;width:282px}
.customizeLogin a{text-decoration:none!important}

/* ---- mobile: values live resolves to at <=600, verified with getComputedStyle ---- */
@media screen and (max-width:600px){
  /* live's .aboutUssection3 mobile padding beats the .aboutUssection3ComnAddon module rule */
  .aboutUssection3ComnAddon{padding:38px 14px 80px}
  /* .abtSlideUprAddOn has no margin override the way .homeSlideUpr does */
  .abtSlideUpr{margin-top:25px}
  /* scoped to the about page; the homepage's .storySecond stays at its own width */
  .aboutMidContnt .storySecond{width:90%}
  /* only the wrapper is pinned; .loginAtHome keeps familyone.css's 90% so the button offsets
     by 15px exactly as it does on live */
  .customizeLogin{width:300px;margin:0 auto}
  .customizeLogin .loginAtHome{width:90%;margin:0 auto}
}