/* familyone.css — homepage chrome + sections, ported verbatim from the live
   family.one bundles (_next/static/css/6f65bc04f54ec52f.css and
   dc4120e3eaef43c2.css, captured 2026-09-04) with local asset paths and the
   CSS-module hashes stripped. Rule order matches the live cascade. */

/* ---------- reset (bootstrap reboot subset used by live) ---------- */
*,::after,::before{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;background-color:#fff;-webkit-font-smoothing:antialiased}
h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem;font-weight:500;line-height:1.2}
h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.75rem}h4{font-size:1.5rem}h5{font-size:1.25rem}
p{margin-top:0;margin-bottom:1rem}
ul{margin-top:0;margin-bottom:1rem;padding-left:2rem}
label{display:inline-block}
img,svg{vertical-align:middle}
b,strong{font-weight:bolder}
a{color:#0d6efd;text-decoration:underline}
button{margin:0;font-family:inherit;font-size:inherit;line-height:inherit;text-transform:none;border-radius:0}
input{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}

/* ---------- fonts ---------- */
@font-face{font-family:OmnesRegular;src:url(../fonts/Omnes-Regular.woff) format("woff");font-weight:400;font-display:swap}
@font-face{font-family:OmnesMedium;src:url(../fonts/Omnes-Medium.woff) format("woff");font-weight:500;font-display:swap}
@font-face{font-family:OmnesSemiBold;src:url(../fonts/Omnes-SemiBold.woff) format("woff");font-weight:600;font-display:swap}
@font-face{font-family:OmnesBold;src:url(../fonts/Omnes-Bold.woff) format("woff");font-weight:700;font-display:swap}
:root{--font-regular:"OmnesRegular",sans-serif;--font-medium:"OmnesMedium",sans-serif;--font-semi-bold:"OmnesSemiBold",sans-serif;--font-bold:"OmnesBold",sans-serif}
body{font-family:var(--font-regular);margin:0;line-height:normal}

/* ---------- page shell ---------- */
.perksscreen{position:relative;width:100%;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;text-align:center;font-size:20px;color:#fff}

/* ---------- header ---------- */
.rectangleParent{align-self:stretch;height:161.6px;position:relative;min-height:161.61px;text-align:left;font-size:16px;color:#4e4e4e;font-family:Omnes}
.text2{width:100%;justify-content:center;gap:15px;max-width:1246px;font-size:24px;color:#4e4e4e;display:flex;flex-direction:column;align-items:center}
.frameItem{position:absolute;left:0;width:1765px;top:34.9px;height:126.7px}
.headerBg{width:100%;background:#ffffff;border-radius:40px 40px 0 0}
.frameInner{width:213.1px;position:relative;height:43.6px}
.groupWrapper{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start}
.frameParent{position:absolute;top:55.7px;left:58px;width:808.1px;gap:1px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;font-family:var(--font-medium)}
.frameParentHead{width:94%;max-width:100%;left:0;right:0;margin:0 auto;display:flex;align-items:center;justify-content:space-between}
.frameParentHeadInr{display:flex;align-items:center;justify-content:space-between}
.homeParent{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;font-family:var(--font-medium);align-self:stretch;flex:1 1;gap:30px;padding-bottom:8px;padding-left:40px;padding-top:19px}
.homeParent div{z-index:111;cursor:pointer;padding:10px 0;display:inline-table;font-family:var(--font-medium)}
.homeParent div a{font-size:16px!important;color:#4e4e4e!important;text-decoration:none!important}
.home{width:45px;display:inline-block;height:20px;flex-shrink:0;position:relative;font-weight:500;opacity:.8}
.about{position:relative;font-weight:500;opacity:.8}
.freebiesgiveaway{position:relative;display:inline-block;height:20px;flex-shrink:0;width:139px;font-weight:500;opacity:.8}
.perksLink{position:relative;display:inline-block;height:20px;flex-shrink:0;width:41px;opacity:.8}
.babyBoxCanada,.classy{position:relative;display:inline-block;height:20px;flex-shrink:0;width:127px;font-weight:500;opacity:.8}
.classy{width:48px}
.babyBoxCanada,.classy{padding:0}
.babyBoxCanada a,.classy a{padding:10px 0}
.activeMenuLink{outline:none;font-weight:600;font-family:var(--font-semi-bold);opacity:1;position:relative}
.activeMenuLink:after{content:"";height:5px;width:5px;position:absolute;left:0;right:0;top:0;margin:0 auto;background-color:#F47C6A;border-radius:12px}
.frameParentHedr .frameInner{z-index:99;cursor:pointer}
.visitApp{display:flex;align-items:center;justify-content:center}
.visitApp .visitAppBtn{margin:0;font-style:normal;box-shadow:0 18px 20px -18px #ff5a6c;background:#f47c6a;min-height:auto;height:auto;line-height:20px;color:#fff;border-radius:30px;font-size:15px;font-family:var(--font-semi-bold);padding:11px 18px 9px;border:none;outline:none;text-transform:uppercase;gap:3px;display:flex;align-items:center;cursor:pointer;z-index:111;text-decoration:none!important}
.visitApp .visitAppBtn img{height:auto}
.drawerBtn{display:none}
.vectorParent{cursor:pointer;border:0;padding:0;background-color:transparent;position:absolute;top:84.8px;left:1654px;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:10px}

/* mobile drawer (ported from live drawer_*.css) */
.portalPopupOverlay{display:none;flex-direction:column;position:fixed;inset:0;background:rgba(113,113,113,.3);z-index:110}
.portalPopupOverlay.open{display:flex}
.drawer{width:438px;position:relative;padding:30px 26px;box-sizing:border-box;gap:22px;height:100%;max-width:70%;overflow:auto;text-align:left;font-size:16px;color:#4e4e4e;font-family:Omnes;background-color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;animation:slide-in-left .25s ease 0s 1 normal forwards}
@keyframes slide-in-left{0%{transform:translateX(-200px);opacity:0}100%{transform:translateX(0);opacity:1}}
.drawer .homeParent{background-color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;align-self:stretch;gap:30px;padding:0}
.drawer .homeParent div{font-family:OmnesMedium;cursor:pointer!important;width:auto;height:auto;display:block;padding:0}
.drawer .homeParent a{text-decoration:none!important;color:#4e4e4e!important}
.drawer .activeMenuLink:after{top:-10px}

/* ---------- hero / banner ---------- */
.freebiesAndGiveawayssection{align-self:stretch;background-color:#fff;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:center;padding:75px 68px;position:relative;gap:75px;color:#ae86e0}
.homeScrenAdons{padding:0!important}
.homeBanner{color:#4e4e4e;background-image:url(../images/banner.webp);background-size:contain;background-repeat:no-repeat;background-color:#fff;min-height:632px;width:100%;padding:75px 68px 70px;background-position:100% -55px}
.homeBePartUpr{display:flex}
.hmBePartLft{position:absolute;left:63px;top:37px}
.hmBePartRght{width:100%;display:flex;align-items:center;justify-content:center}
.hmBePartRght img{display:none}
.hmBePartLft h1{position:relative;font-size:60px;font-weight:600;color:#242424;margin:0;line-height:68px;text-align:left;font-family:var(--font-semi-bold)}
.hmBePartLft h1 span{color:#F47C6A}
.hmBePartBtns{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start}
.joinOvrCircle{height:300px;width:300px;background:#FFDD3F;border-radius:200px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:9px;margin-top:6%;margin-left:19%}
.joinOvrCircle span{font-size:35px;font-family:var(--font-medium)}
.joinOvrCircle label,.joinOvrCircle span{position:relative;font-weight:600;color:#242424}
.joinOvrCircle label{font-size:45px;font-family:var(--font-bold)}

/* hero sign-in entry card — visual shell of the live member-app widget.
   It collects nothing: the whole card is a link out to app2.family.one. */
.loginAtHome{margin-top:10px;width:282px;display:block;text-decoration:none!important;cursor:pointer;color:#4e4e4e}
.loginSignTday h4{color:#242424;font-size:18px;font-style:normal;line-height:50px;font-family:var(--font-semi-bold);margin-bottom:0;margin-top:0;text-align:center;font-weight:500}
.loginAtHome .addCardDetail{margin-top:12px;margin-bottom:10px;border-radius:20px;background:#fff;padding:12px 18px 24px;box-shadow:0 1px 4px #00000026}
.verifyHeadOne{display:flex;height:0;margin:5px 0 24px;justify-content:space-between;align-items:center;gap:8px}
.addCardLogo{text-align:center;margin-bottom:20px;position:relative}
.addCardLogo img{height:35px;width:auto}
img.heartVector{position:absolute;left:10%;bottom:0;height:22px;width:auto;cursor:auto}
img.StarUnion{position:absolute;right:14%;top:-2px;height:12px;width:auto;cursor:auto}
.emailInput{margin-top:0;margin-bottom:14px}
.emailInput .fauxInput{display:inline-block;box-sizing:border-box;width:100%;padding:12px;background:#fff;border:1px solid rgba(0,0,0,.1);border-radius:15px;color:rgba(36,36,36,.55);font-family:var(--font-medium);font-size:16px;text-align:left;height:46px;line-height:20px}
.checkWithUpr{display:flex;flex-direction:column;gap:15px;margin:0}
.checkWithFB .ripple-btn{background:#F47C6A;border:none!important;outline:none!important;color:#fff;width:100%;min-height:52px;padding:13px 12px;font-size:15px;line-height:20px;font-family:var(--font-semi-bold);box-shadow:0 18px 20px -18px #ff5a6c;border-radius:30px;display:flex;align-items:center;justify-content:center;gap:8px;overflow:hidden}
p.accessingPolicy{font-size:11px;font-weight:400;line-height:15.4px;font-family:var(--font-regular);margin:0;color:rgba(36,36,36,.5);text-align:center}
.loginAtHome p.accessingPolicy{padding:8px 22px 0}
.accessingPolicy b{font-family:var(--font-medium);font-weight:700}

/* ---------- shared section wrappers ---------- */
.aboutUssection3{align-self:stretch;display:flex;align-items:center;justify-content:flex-start;gap:75px;overflow:hidden;flex-direction:column;padding:75px 68px 270px;position:relative;font-size:36.7px}
.aboutUssection3Comn{padding-top:12px}
.homeUssection3Comn{padding-bottom:5px}
.homeUseBgRnv{background:#ffffff;position:relative}
div.bestWayBtmSpc{padding-bottom:132px}
.addIndexCmn{z-index:1;position:relative}
.aboutUssection3UprBG{background:linear-gradient(180deg,#ffffff 0,#ffffff 70%,#d9d9d9 90%,#d9d9d9)}
.aboutUssection3Upr{background-image:url(../images/BGshape.svg);background-size:cover;background-position:bottom;background-repeat:no-repeat}

/* ---------- "Best giveaways" heading + offer cards ---------- */
.freeBieSecond label{font-family:var(--font-bold);font-size:20px;color:#ae86e0}
.freeBieSecond h1,.freeBieSecond h2{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}
.freeBieSecond h1 b,.freeBieSecond h2 b{color:#F47C6A}
.freeBieSecond h1 span,.freeBieSecond h2 span{color:#f17d6e}
.freeBiePara{width:80%;margin:0 auto}
.freeBiePara p{font-weight:500;font-size:24px;color:#4e4e4e;font-family:var(--font-regular);margin-top:15px;margin-bottom:0;text-align:center}
.freeBieSecondHm h1,.freeBieSecondHm h2{width:94%;margin:0 auto}
.freeBieSecondHm .freeBiePara,.homeMidContnt .storyPara{width:85%;margin:0 auto}
.cardUpr{max-width:100%;width:100%}
.cardMain{min-height:425px;max-width:280.88px;background-color:#fff;border:2px solid rgba(78,78,78,.1);border-radius:15px}
.cardImg{position:relative}
.cardImg img{width:100%;border-radius:13px 13px 0 0}
.cardImgIcon{bottom:10px;left:10px;position:absolute;border-radius:20px;box-shadow:-2px 3px 6px 2px #c68b851a;padding:2px;background:#fff}
.cardImgIcon img{height:60px;width:60px;border-radius:20px;object-fit:cover}
.cardMainInr{padding:7px 16px 16px}
.IconTxt{display:flex;text-align:left;align-items:center;gap:5px}
.IconTxt img{height:42px;width:42px}
.IconTxt span{font-family:var(--font-medium);color:#AE86E0;font-size:14px}
.IconTxtFreebies span{color:#66b0c4!important}
.IconTxtPerks span{color:#729e7f!important}
.cardBounsAddUpr{gap:5px;align-items:center;justify-content:space-between}
.cardBounsAdd{padding:6px;border:1px solid #f2f2f2;background:none;border-radius:30px;display:inline-flex;align-items:center;vertical-align:middle;flex-wrap:nowrap;gap:4px}
div.cardBounsAdd img{margin-bottom:0;margin-right:0;vertical-align:middle;height:18px;width:18px}
.cardBounsAdd label{padding-top:1px;line-height:17px;vertical-align:middle;color:#4e4e4e;font-size:14px;font-family:var(--font-medium)}
.cardText{text-align:left}
.cardText label{font-family:var(--font-semi-bold);font-size:18px;color:#4e4e4e;display:block;line-height:21px;margin:8px 0 10px}
.cardText p{font-family:var(--font-regular);color:#4e4e4e;margin:0;font-size:14px;text-align:left;min-height:35px}
a.cardMainLink{display:block;cursor:pointer;text-decoration:none!important;color:#0d6efd}
a.cardMainLink .cardText label,a.cardMainLink .cardText p,a.cardMainLink .abtSlideText label,a.cardMainLink .abtSlideText p{cursor:pointer;text-decoration:none!important}

/* ---------- service circle ---------- */
.serviceContent{margin-top:125px}
.serviceCircleBg{color:#4e4e4e;background-image:url(../images/Top.svg);background-size:cover;background-position:top;background-repeat:no-repeat;background-color:#fff;position:relative}
.serviceCircle{width:881px;height:881px;background:#ffffff;border-radius:470px;margin:0 auto;display:flex;flex-direction:column;justify-content:center}
.serviceLogoOne{margin:17px 0!important;display:flex;align-items:center;justify-content:space-between;padding:30px 0 52px}
.serviceLogoOne img,.serviceLogoTwo img{height:140px;width:auto}
img.perkIconNw2Ad{height:120px}
.serviceLogoTwo{display:flex;align-items:center;justify-content:center}
.signUpJoin p{font-weight:500;font-size:24px;line-height:36px;color:#4e4e4e;font-family:var(--font-regular);width:614px;text-align:center;margin:0 auto}
.signUpJoin .hmSignUp{background:#F47C6A;border:none!important;outline:none!important;color:#fff;width:300px;min-height:52px;height:52px;font-size:15px;line-height:52px;text-transform:uppercase;font-family:var(--font-semi-bold);box-shadow:0 18px 20px -18px #ff5a6c;border-radius:30px;cursor:pointer;margin:35px 0 15px;display:inline-block;text-align:center;text-decoration:none!important;padding:0}
.signUpJoin{text-align:center;margin-top:65px}
img.circleAddonsTp{position:absolute;left:120px;top:-82px;height:210px;width:auto;transform:rotate(7deg)}
img.circleAddonsBtm{position:absolute;right:13px;bottom:40px;height:210px;width:auto;transform:rotate(6deg)}
.mobHmLine1{display:none}
img.MobYellowCurve{display:none}

/* ---------- how it works ---------- */
.serviceCircleBg2{background-image:url(../images/Bottom.svg);background-size:cover;background-position:top;background-repeat:no-repeat;background-color:#fff;padding-top:135px;padding-bottom:10%;color:#4e4e4e;position:relative}
.howWorks h3{color:#4e4e4e;position:relative;font-size:60px;font-weight:600;font-family:var(--font-semi-bold);text-align:center;margin-top:0;margin-bottom:20px;line-height:64px}
.howWorks h3 span{color:#66B0C4}
.howWorks p{font-weight:500;font-size:24px;line-height:36px;color:#4e4e4e;font-family:var(--font-regular);text-align:center;margin:0 auto}
.hmtwinsCard{display:flex;justify-content:center;align-items:center;margin-top:58px}
.hmtwinsCardInfo{box-sizing:border-box;text-align:center;border:8px solid #ffffff;padding:30px;border-radius:30px;width:28%;box-shadow:0 7px 29px 0 rgba(100,100,111,.2)}
.winCardsSetHght{display:flex;flex-direction:column;min-height:260px;align-items:center;justify-content:flex-end}
.hmtwinsCardInfo label{color:#fff;font-size:34px;font-family:var(--font-semi-bold);display:block;margin:0 auto 52px}
.hmtwinsCardInfo p{font-family:var(--font-regular);color:#fff;margin:0;font-size:24px}
.hmtwinsCardInfo img{height:128px;width:128px}
.hmtwinsCardRed{background:#F47C6A;transform:rotate(353deg);z-index:11;position:relative}
.hmtwinsCardYelow{background:#FDD500;transform:rotate(3deg);z-index:1}
.hmtwinsCardPurpal{background:#AE86E0;transform:rotate(356deg);z-index:1;position:relative}

/* ---------- stories ---------- */
.aboutMidContnt{color:#4e4e4e}
.homeMidContnt{background-image:none}
.storySecond{width:80%;margin:0 auto;padding-top:15.8%}
.homeMidContnt .storySecond{padding-top:0;width:100%;text-align:center;margin-top:58px}
.storySecond h2,.storySecond h4{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}
.storySecond h2 span,.storySecond h4 span{color:#66B0C4}
.storySecond h2 b,.storySecond h4 b{color:#AE86E0}
.storyPara{max-width:1220px;margin:0 auto}
.storyPara p{font-weight:500;font-size:24px;color:#4e4e4e;font-family:var(--font-regular);margin-top:15px;margin-bottom:0}
.homeMidContnt .storyPara p{margin-top:0}
.abtSlideUpr{width:100%;max-width:100%;margin-top:82px;z-index:1}
.homeSlideUpr{margin-top:54px}
.abtSlideUpr.homeSlideUpr{margin-top:-36px}
.abtSlideUpr .fo-track{padding-bottom:74px}
.abtSlideMain{border:2px solid rgba(78,78,78,.1);border-radius:15px;padding:14px;box-sizing:border-box;min-height:328px;max-width:280.88px}
.abtSlideImg{position:relative}
.abtSlideImg img{display:block;width:100%}
.abtSlideText{text-align:left;padding:0 6px}
.abtSlideText label{font-family:var(--font-semi-bold);font-size:18px;color:#FFFFFF;display:block;line-height:21px;margin:18px 0 7px}
.abtSlideText p{font-family:var(--font-regular);color:#fff;margin:0;font-size:14px;text-align:left;min-height:35px}
.aboutBgPink{background-color:#f17d6e}
.aboutBgPurpel{background-color:#AE86E0}
.aboutBgDarkSky{background-color:#66B0C4}
.aboutBgYellow{background-color:#FDD500}
.aboutBgGreen{background-color:#719E7F}

/* ---------- brands ---------- */
.brandTrust h4,.brandTrust h5{font-size:60px;font-weight:600;color:#242424;font-family:var(--font-semi-bold);text-align:center;margin-top:16px;margin-bottom:24px}
.brandTrust h4 span,.brandTrust h5 span{color:#FDD500}
.brandTrust h4 b,.brandTrust h5 b{color:#f17d6e}
.brandTrust p{font-weight:500;font-size:24px;color:#4e4e4e;font-family:var(--font-regular);margin-top:15px;margin-bottom:0;line-height:36px}
.brandTrustUpr{width:930px;margin:0 auto 80px;text-align:center}
.brandLogo{width:80%}
.brandLogo img{width:100%}
.brandLogoMob{display:none}

/* ---------- carousel (static stand-in for the live Swiper) ---------- */
.familyoneSliderMain{position:relative}
.fo-swiper{position:relative;overflow:hidden}
.fo-track{display:flex;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;padding-bottom:74px}
.fo-track::-webkit-scrollbar{display:none}
.fo-slide{flex:0 0 auto;scroll-snap-align:start;position:relative}
.fo-slide:last-child{margin-right:0!important}
.fo-pagination{position:absolute;left:0;right:0;bottom:8px;text-align:center;line-height:25px;z-index:10}
.fo-bullet{display:inline-block;width:10px;height:10px;margin:0 7px;border:0;padding:0;border-radius:13px;background-color:#FDD500;opacity:1;cursor:pointer;vertical-align:middle}
.fo-bullet.is-active{background-color:#F47C6A}
.fo-arrow{display:none;position:absolute;bottom:10px;width:26px;height:42px;border:0;background:transparent;background-size:contain;background-position:50%;background-repeat:no-repeat;cursor:pointer;z-index:10}
.fo-prev{left:32%;background-image:url(../images/arrow-left.svg)}
.fo-next{right:32%;background-image:url(../images/Arrow-right.svg)}

/* ---------- footer ---------- */
.footerUpr{background-color:#ae86e0}
.footer{align-self:stretch;background-color:#ae86e0;display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;padding:75px 45px 45px;font-size:24px;margin-top:-1px!important}
.left{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;flex:1 1}
.right{flex:1 1;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;gap:75px}
.footerLogo{margin-bottom:52px}
.footerLogo .logo,.footerLogo .socials{margin-bottom:25px}
.logo{width:180px;position:relative;height:215px}
.groupIcon{position:absolute;height:68.47%;width:91.78%;top:4.23%;right:5.78%;bottom:27.3%;left:2.44%;max-width:100%;overflow:hidden;max-height:100%}
.isolationModeIcon{position:absolute;top:calc(50% + 66.2px);left:calc(50% - 86.6px);width:173.2px;height:41.2px}
.socials{display:flex;flex-direction:row;align-items:flex-start;justify-content:flex-start}
.socials .social{margin:0 6px}
.socials a{display:flex;align-items:center;justify-content:center;cursor:pointer}
.social{width:54px;border-radius:62.79px;border:1.5px solid #fff;box-sizing:border-box;height:54px;display:flex;flex-direction:row;align-items:center;justify-content:center}
.iconfb{width:20px;height:20px;overflow:hidden;flex-shrink:0}
.iconinsta{width:20px;position:relative;height:20px;overflow:hidden;flex-shrink:0;object-fit:cover}
.footerCopyRght{padding-right:32px;text-align:left}
.footerCopyRght p{color:#ffffff!important;font-family:var(--font-medium);margin:8px 0;font-size:18px;display:inline-block;text-decoration:none!important}
.footerCopyRght ul{padding-left:0;margin-top:0;margin-bottom:12px;gap:15px;display:flex}
.footerCopyRght ul li{list-style-type:none!important}
.footerCopyRght ul li a,.footerprivacylink p{color:#ffffff!important;font-family:var(--font-medium);margin:8px 0;font-size:18px;display:inline-block;cursor:pointer!important;text-decoration:none!important}
.backToTop{position:relative;font-family:var(--font-semi-bold);width:201.4px;line-height:32px;text-transform:uppercase;display:inline-block;cursor:pointer;font-size:24px;color:#ffffff!important;text-decoration:none!important;font-weight:700}
.footer1{align-self:stretch;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;text-align:left;font-size:18px}
.footerAddCmn{display:flex;width:100%;flex:1 1;flex-direction:row;gap:14px}
.footerAddOn{margin-bottom:16px}
.footerAddLinks{width:50%}
.footerAddLinks label{color:#ffffff!important;font-family:var(--font-medium);margin:0 0 8px;font-size:23px;display:inline-block;text-decoration:none!important}
.footerAddLinks ul{padding-left:0;margin:0 0 20px}
.footerAddLinks ul li{list-style-type:none}
.footerAddLinks ul li a{cursor:pointer!important;color:#ffffff!important;font-family:var(--font-medium);margin:8px 0;font-size:18px;display:inline-block;text-decoration:none!important}
.backtoTopUpr div{width:100%}

/* ---------- breakpoints (ported from live, same order) ---------- */
@media screen and (min-width:1500px){
  .CommonHeader,.aboutUssection3,.addIndexCmn,.freebiesAndGiveawayssection,.serviceContent,.siteFooter{max-width:1520px;margin:0 auto;width:100%;box-sizing:border-box}
  .homeBanner{background-size:cover;min-height:925px}
  .joinOvrCircle{height:348px;width:348px;margin-top:12%;margin-left:21%}
  body{background:#ffffff}
  img.circleAddonsTp{top:-55px;transform:rotate(-2deg)}
  img.circleAddonsBtm{right:0;bottom:51px;height:310px;transform:rotate(0deg)}
  .brandTrust,.freeBieSecondHm .freeBiePara,.homeMidContnt .storyPara{max-width:1163px;margin:0 auto}
  .homeUseBgRnv{padding-bottom:140px}
  .perksscreen{background-color:#ffffff}
  .abtSlideMain{min-height:360px}
}
@media screen and (min-width:1620px){
  .CommonHeader,.aboutUssection3,.addIndexCmn,.freebiesAndGiveawayssection,.serviceContent,.siteFooter{max-width:1850px;margin:0 auto;width:100%;box-sizing:border-box}
  .homeBanner{background-size:cover;min-height:1132px}
  .joinOvrCircle{margin-top:18%;margin-left:9%}
  .cardMain{min-height:442px!important}
  .abtSlideMain{min-height:392px}
}
@media screen and (min-width:1680px){img.circleAddonsTp{top:-55px;transform:rotate(-8deg)}}
@media screen and (min-width:1892px){.joinOvrCircle{margin-top:16%;margin-left:18%}}
@media screen and (min-width:1400px){.cardMain{min-height:425px}.aboutMidContnt .storySecond{padding-bottom:3%}}
@media screen and (max-width:1389px){div.bestWayBtmSpc{padding-bottom:32px}}
@media screen and (max-width:1268px){img.circleAddonsTp{top:-40px;height:120px;transform:rotate(7deg)}}
@media screen and (max-width:1230px){img.circleAddonsBtm{display:none}.storyPara{max-width:100%!important;margin:0 auto!important}}
@media only screen and (min-width:961px) and (max-width:1230px){.hmtwinsCardInfo{padding:30px 12px}}
@media screen and (max-width:1200px){.vectorParent{display:flex}.footerMenuRight{padding-right:0}}
@media only screen and (min-width:961px) and (max-width:1164px){.hmtwinsCardInfo label{font-size:28px}.hmtwinsCardInfo p{font-size:22px}}
@media screen and (max-width:1164px){.hmBePartLft h1{font-size:42px;line-height:50px}}
@media (min-width:961px) and (max-width:1120px){.frameInner{width:126.1px}.visitApp .visitAppBtn{font-size:12px;font-family:var(--font-semi-bold);padding:8px 10px 7px}}
@media screen and (max-width:1092px){img.circleAddonsTp{transform:rotate(10deg)}}
@media screen and (max-width:1024px){.cardMain{min-height:410px}}
@media screen and (max-width:992px){.brandTrustUpr{width:90%}}
@media only screen and (min-width:961px) and (max-width:1500px){.homeBanner{min-height:782px}.loginAtHome{width:320px}.loginAtHome p.accessingPolicy{padding:3px 7px 0}}
@media screen and (max-width:960px){
  .homeParent{display:none}
  .vectorParent{display:flex}
  .drawerBtn{display:block!important;right:30px!important;left:auto!important;z-index:11;top:32px}
  .frameParentHedr{top:24px}
  .headerBg,.rectangleParentHdr{height:auto!important;min-height:68px!important}
  button.drawerBtn img{height:20px;width:auto}
  .frameItem{top:0;height:12px;border-radius:0}
  .visitApp .visitAppBtn{margin-right:64px}
  .hmBePartLft{position:static;border-radius:18px;width:40%}
  .homeBanner{background-size:contain;padding:40px 32px;min-height:440px;background-position:100% -35px}
  .hmBePartBtns,.hmBePartLft h1{font-size:29px;line-height:46px}
  .hmBePartBtns{margin:6px 0 23px}
  img.circleAddonsTp{height:110px;transform:rotate(13deg);display:none}
  .serviceCircle{width:90%;height:auto;background-image:url(../images/mobileCircle.svg);background-size:contain;background-position:top;background-repeat:no-repeat;padding:0 14px}
  .hmtwinsCard{display:block;margin-top:32px}
  .winCardsSetHght{min-height:auto!important}
  .hmtwinsCardInfo{width:85%;margin:0 auto;box-shadow:0 21px 55px #d9d9d98a,0 -12px 30px #d9d9d952,0 4px 6px #d9d9d970,0 12px 13px #d9d9d970,0 -3px 5px #d9d9d961}
  .hmtwinsCardInfo p{font-size:18px}
  .hmtwinsCardInfo label{font-size:22px}
  .serviceLogoOne{justify-content:space-around}
  .signUpJoin p{width:59%}
  .signUpJoin{margin-top:18px}
  .serviceCircleBg,.serviceCircleBg2{background-image:none}
  .serviceCircleBg{padding-bottom:30px}
  .serviceCircleBg2{padding:48px 14px 0;padding-top:25px!important}
  .mobHmLine1{display:block;width:100%;padding-top:12px;padding-bottom:12px}
  .serviceContent{margin-top:25px}
  .joinOvrCircle{margin-top:0;margin-left:0;height:250px;width:250px}
  .hmBePartRght{width:60%}
  .homeMidContnt .storySecond{width:90%}
  .hmtwinsCardInfo img{height:104px;width:104px}
  .brandLogoWeb{display:none}
  .brandLogoMob{display:block;width:100%;margin-bottom:2px}
  .signUpJoin .hmSignUp{margin-bottom:0}
  .hmtwinsCardYelow{z-index:10!important;position:relative}
  .hmaboutTakeUpr{padding-bottom:43px;padding-top:32px}
}
@media screen and (max-width:792px){.serviceLogoOne img,.serviceLogoTwo img{height:96px}.perkIconNw2Ad{height:90px!important}.hmtwinsCardInfo label{margin-bottom:0}}
@media screen and (max-width:735px){.hmBePartBtns,.hmBePartLft h1{font-size:29px;line-height:37px}.joinOvrCircle label{font-size:32px}.joinOvrCircle span{font-size:27px}.joinOvrCircle{height:200px;width:200px;gap:2px}}
@media screen and (max-width:692px){
  div.siteFooter{flex-direction:column-reverse!important}
  .footerLogo,.footerMenuLink{width:100%}
  .footerLogo{margin-top:35px;margin-bottom:0}
  .footerMenuLink{gap:0}
  .footerCopyRght{padding-right:0}
  .backtoTopUpr{display:flex;width:100%;flex:1 1;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start;margin-bottom:35px}
  .backtoTopUpr div{width:100%;text-align:right;padding-left:5px}
  .backtoTopUpr b,.backtoTopUpr .backToTop{text-align:right!important}
  .homeUssection3Comn{padding-bottom:0!important}
  .homeUseBgRnv{border-radius:280px 280px 0 0;padding-top:82px!important;overflow:initial;margin-top:14px}
  .homeScrenAdons{border-radius:0 0 280px 280px}
}
@media screen and (max-width:625px){
  .siteFooter{padding:75px 24px 24px}
  .aboutUssection3,.freebiesAndGiveawayssection{padding:38px 14px}
  .aboutUssection3{padding-bottom:80px}
}
@media screen and (max-width:600px){
  body{background:#f2f2f2!important}
  .brandTrust h4,.brandTrust h5,.freeBieSecond h1,.freeBieSecond h2,.howWorks h3,.storySecond h2,.storySecond h4{font-size:42px;line-height:47px}
  .freeBiePara,.freeBieSecondHm .freeBiePara,.homeMidContnt .storyPara{width:100%}
  .hmtwinsCardInfo p{font-size:18px}
  .serviceLogoOne img,.serviceLogoTwo img{height:60px}
  img.perkIconNw2Ad{height:50px!important}
  .hmBePartRght img{display:block;width:100%}
  .joinOvrCircle{position:absolute;left:0;right:0;margin:0 auto;height:198px;width:198px;gap:3px;margin-top:0}
  .joinOvrCircle label{font-size:30px}
  .joinOvrCircle span{font-size:24px}
  .homeScrenAdons{padding:0!important}
  .hmBePartLft h1{font-size:48px;line-height:58px;text-align:center}
  .serviceLogoOne{padding:0}
  .signUpJoin{margin-top:16px}
  .serviceContent{margin-top:0}
  .homeBePartUpr{display:flex;flex-wrap:wrap;flex-direction:column-reverse;min-height:auto}
  .hmBePartLft,.hmBePartRght{width:100%}
  .hmBePartRght{min-height:434px}
  .hmBePartLft{display:flex;flex-direction:column-reverse;background:transparent;margin-top:-30px;z-index:99;justify-content:center;align-items:center;text-align:center}
  .freeBieSecond{padding:0 10px}
  .signUpJoin p{font-weight:500;font-size:18px;line-height:25px;width:60%}
  .homeBanner:after{content:"";height:32px;width:32px;background-color:#f27d6e;position:absolute;left:8px;bottom:16px;border-radius:45px}
  img.MobYellowCurve{display:block;position:absolute;right:0;top:0;width:auto}
  .homeBanner{border-radius:0 0 280px 280px;background-position:top;padding:0 0 45px!important;background-image:none}
  .cardMain{min-height:415px}
  .abtSlideMain{min-height:360px}
  .fo-pagination{display:none!important}
  .fo-arrow{display:block!important}
  .loginAtHome{width:90%;margin:10px auto 0}
  .checkWithUpr{width:100%}
  .hmBePartBtns{width:95%}
  .signUpJoin .hmSignUp{margin-bottom:0;width:100%}
  .loginAtHomeBtn{width:90%;margin:0 auto}
  .frameParentHedr img{width:auto;height:38px}
  .visitApp .visitAppBtn{padding:9px 12px 8px;font-size:13px}
  .visitApp .visitAppBtn img{width:auto;height:17px}
}
@media screen and (max-width:557px){.backToTop{text-align:right}.aboutUssection3Upr{background-size:initial;background-position:center 100%}}
@media screen and (max-width:480px){
  .signUpJoin p{width:82%;font-size:16px;line-height:21px}
  .cardMain{min-height:390px}
  .homeBanner{border-radius:0 0 200px 200px}
  .serviceLogoOne img,.serviceLogoTwo img{height:60px}
  .brandTrust h4,.brandTrust h5,.freeBieSecond h1,.freeBieSecond h2,.howWorks h3,.storySecond h2,.storySecond h4{font-size:32px;line-height:40px}
  .hmBePartLft h1{font-size:30px;line-height:36px}
  .hmBePartBtns{margin:0 0 15px}
  .joinOvrCircle{height:175px;width:175px;margin-top:-8%}
  .brandTrust p,.freeBiePara p,.storyPara p{font-size:18px;line-height:26px}
  .brandTrustUpr{margin-bottom:0}
}
@media screen and (max-width:420px){
  .homeScrenAdons{border-radius:0 0 200px 200px}
  .rectangleParent{align-self:stretch;width:auto}
  .IconTxt img{height:34px;width:34px}
  img.frameInner{width:auto;height:33px}
  .visitApp .visitAppBtn{margin-right:55px}
}