Register as Member

Yuk, Gabung dengan Melengkapi Data Diri di bawah ini

Sudah punya akun? Login disini!

Nama Lengkap

No. Handphone

Password

Konfirmasi Password

Kondisi Mama saat ini

Belum Hamil

Hamil

Tidak Hamil dan Mempunyai Anak

Hamil dan Mempunyai Anak

Usia Kehamilan (Minggu)

Tanggal Lahir Anak

Kode Referal (Opsional)

Saya setuju dengan kebijakan privasi dan cookie Danone

:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%}header,main,nav{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}h1,h2,h5{margin-top:0;margin-bottom:.5rem}p{margin-top:0}p,ul{margin-bottom:1rem}ul{margin-top:0}a{color:#007bff;text-decoration:none;background-color:rgba(0,0,0,0)}img{border-style:none}img{vertical-align:middle}button{border-radius:0}button,input{margin:0;font-family:inherit;font-size:inherit;line-height:inherit;overflow:visible}button{text-transform:none}[type=button],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}h1,h2,h5{margin-bottom:.5rem;font-weight:500;line-height:1.2}h1{font-size:2.5rem}h2{font-size:2rem}h5{font-size:1.25rem}.container{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container{max-width:540px}}@media (min-width:768px){.container{max-width:720px}}@media (min-width:992px){.container{max-width:960px}}@media (min-width:1200px){.container{max-width:1140px}}.row{display:flex;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.col-1,.col-2,.col-6,.col-8,.col-11,.col-md-1,.col-md-4,.col-md-6,.col-md-8,.col-md-10,.col-md-12{position:relative;width:100%;padding-right:15px;padding-left:15px}.col-1{flex:0 0 8.33333%;max-width:8.33333%}.col-2{flex:0 0 16.66667%;max-width:16.66667%}.col-6{flex:0 0 50%;max-width:50%}.col-8{flex:0 0 66.66667%;max-width:66.66667%}.col-11{flex:0 0 91.66667%;max-width:91.66667%}@media (min-width:768px){.col-md-1{flex:0 0 8.33333%;max-width:8.33333%}.col-md-4{flex:0 0 33.33333%;max-width:33.33333%}.col-md-6{flex:0 0 50%;max-width:50%}.col-md-8{flex:0 0 66.66667%;max-width:66.66667%}.col-md-10{flex:0 0 83.33333%;max-width:83.33333%}.col-md-12{flex:0 0 100%;max-width:100%}}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem}.form-control::-ms-expand{background-color:rgba(0,0,0,0);border:0}.form-inline{display:flex;flex-flow:row wrap;align-items:center}@media (min-width:576px){.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-block{display:block;width:100%}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.nav-link{display:block;padding:.5rem 1rem}.navbar{position:relative;padding:.5rem 1rem}.navbar,.navbar>.container{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-nav{display:flex;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}@media (max-width:991.98px){.navbar-expand-lg>.container{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{flex-flow:row nowrap;justify-content:flex-start}.navbar-expand-lg .navbar-nav{flex-direction:row}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container{flex-wrap:nowrap}}.card{position:relative;display:flex;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card-body{flex:1 1 auto;padding:1.25rem}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}button.close{padding:0;background-color:rgba(0,0,0,0);border:0;appearance:none}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem}.modal.fade .modal-dialog{transform:translateY(-50px)}.modal-content{position:relative;display:flex;flex-direction:column;width:100%;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;padding:1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:.3rem;border-top-right-radius:.3rem}.modal-header .close{padding:1rem;margin:-1rem -1rem -1rem auto}.modal-title{margin-bottom:0;line-height:1.5}.modal-body{position:relative;flex:1 1 auto;padding:1rem}.modal-footer{display:flex;align-items:center;justify-content:flex-end;padding:1rem;border-top:1px solid #dee2e6;border-bottom-right-radius:.3rem;border-bottom-left-radius:.3rem}.modal-footer>:not(:first-child){margin-left:.25rem}.modal-footer>:not(:last-child){margin-right:.25rem}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}}.d-none{display:none!important}.d-block{display:block!important}.d-flex{display:flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-block{display:block!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-block{display:block!important}}@media (min-width:992px){.d-lg-block{display:block!important}}.justify-content-end{justify-content:flex-end!important}.justify-content-center{justify-content:center!important}.align-self-center{align-self:center!important}.position-relative{position:relative!important}.fixed-top{top:0;position:fixed;right:0;left:0;z-index:1030}.shadow-none{box-shadow:none!important}.m-0{margin:0!important}.mt-0{margin-top:0!important}.mb-0{margin-bottom:0!important}.mb-2{margin-bottom:.5rem!important}.mx-3{margin-right:1rem!important;margin-left:1rem!important}.mt-4{margin-top:1.5rem!important}.mb-4{margin-bottom:1.5rem!important}.mt-5{margin-top:3rem!important}.p-0{padding:0!important}.pt-0{padding-top:0!important}.p-2{padding:.5rem!important}.p-3{padding:1rem!important}.pr-3{padding-right:1rem!important}.p-5{padding:3rem!important}.px-5{padding-right:3rem!important;padding-left:3rem!important}@media (min-width:768px){.m-md-0{margin:0!important}.pr-md-0{padding-right:0!important}.pl-md-0{padding-left:0!important}}.text-right{text-align:right!important}.text-center{text-align:center!important}@font-face{font-family:FontAwesome;src:url(../../fonts/fontawesome-webfont.eot?v=4.7.0);src:url(../../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0) format("embedded-opentype"),url(../../fonts/fontawesome-webfont.woff2?v=4.7.0) format("woff2"),url(../../fonts/fontawesome-webfont.woff?v=4.7.0) format("woff"),url(../../fonts/fontawesome-webfont.ttf?v=4.7.0) format("truetype"),url(../../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular) format("svg");font-display:swap;font-weight:400;font-style:normal}.fa{display:inline-block;font:normal normal normal 14px/1 FontAwesome;font-size:inherit;text-rendering:auto;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-times:before{content:"\f00d"}.fa-phone:before{content:"\f095"}@-webkit-keyframes fadeIn{to{opacity:1}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@media (prefers-reduced-motion:reduce),(print){.animated{-webkit-animation-duration:1ms!important;animation-duration:1ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important}}.banner-slider{height:400px;overflow:hidden}@media (max-width:414px){.banner-slider{margin-top:0}}.banner-slider{margin-top:1vh}.banner-slider img{display:block;width:100%}.card-slider-one{padding-top:3rem;min-height:304px}.card-slider-one .heading-blue{margin-bottom:15px}.card-slider-one__wrapper{display:flex;align-items:stretch;justify-content:space-between;min-height:216px}@media (max-width:767px){.card-slider-one__wrapper{overflow-x:scroll;padding:5px}}.card-slider-one__item{background:#fff;padding:30px;text-align:center;border-radius:10px;box-shadow:0 0 5px #eee;width:40%;margin-right:10px;position:relative}@media (max-width:991px){.card-slider-one__item{width:19%}}@media (max-width:767px){.card-slider-one__item{padding:40px 20px 20px;width:40%;flex:none}}.card-slider-one__item h5{color:#303030;font-family:GothamRounded-Medium;font-size:14px;margin-top:15px}.card-slider-one__item img{max-width:100%;height:100px;object-fit:contain}.card-slider-two__wrapper{display:flex}@media (max-width:991px){.card-slider-two__wrapper{overflow-x:scroll;padding:5px}}@media (max-width:767px){.card-slider-two__wrapper{overflow-x:scroll;padding:5px}}.card-slider-two__item{background:#fff;border-radius:10px;overflow:hidden;box-shadow:0 0 5px #ddd;margin-left:10px;width:20%;flex-basis:25%}@media (max-width:991px){.card-slider-two__item{min-width:30%}}@media (max-width:767px){.card-slider-two__item{min-width:70%}}.card-slider-two__item:first-child{margin-left:0}.card-slider-two__item img{width:100%;min-height:140px;max-height:140px;object-fit:cover}.card-slider-two__copy{padding:15px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between}.card-slider-two__copy h5{color:#d1aa59;font-family:GothamRounded-Medium;font-size:12px;text-transform:uppercase;margin:0}.card-slider-two__copy p{color:#303030;font-family:GothamRounded-Medium;font-size:16px;line-height:20px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;white-space:normal}.card-slider-three__item img{width:100%;height:100%;object-fit:cover}@media (min-width:1200px){.card-slider-three__item img{width:auto;height:auto}}@media (max-width:767px){.card-slider-three__item img{height:100px}}.banner-slider{display:block}@media (max-width:991px){.card-banner-careline__img-btn{display:none}}@media (max-width:414px){.card-banner-careline__img-btn{display:block;text-align:center;margin-top:40px}}@media (max-width:767px){.card-banner-careline__img-btn{display:block;text-align:center;margin-top:40px}}@media (min-width:992px){.card-banner-careline__img-btn{display:none}}.card-banner-careline__img-btn .btn{border-radius:40px;font-size:18px;font-family:GothamRounded-Medium}@font-face{font-family:GothamRounded-Medium;src:url(/assets/fonts/GothamRounded-Medium.eot);src:local(GothamRounded-Medium),url(/assets/fonts/GothamRounded-Medium.eot) format("embedded-opentype"),url(/assets/fonts/GothamRounded-Medium.woff2) format("woff2"),url(/assets/fonts/GothamRounded-Medium.woff) format("woff"),url(/assets/fonts/GothamRounded-Medium.ttf) format("truetype"),url(/assets/fonts/GothamRounded-Medium.svg#FuturaStdLight) format("svg");font-display:swap}@font-face{font-family:GothamRounded-Book;src:url(/assets/fonts/GothamRounded-Book.eot);src:local(GothamRounded-Book),url(/assets/fonts/GothamRounded-Book.eot) format("embedded-opentype"),url(/assets/fonts/GothamRounded-Book.woff2) format("woff2"),url(/assets/fonts/GothamRounded-Book.woff) format("woff"),url(/assets/fonts/GothamRounded-Book.ttf) format("truetype"),url(/assets/fonts/GothamRounded-Book.svg#FuturaStdLight) format("svg");font-display:swap}.text-center{text-align:center!important}.text-right{text-align:right!important}body{background:#f7f9fa;font-family:GothamRounded-Medium;margin-top:60px}body,html{overflow-x:hidden}:focus{outline:none!important}main{min-height:calc(100vh - 430px)}.social_media_icon{width:30px}.footer__notification{position:fixed;bottom:0;width:100%;background:#f1f1f1;padding:30px 20px;z-index:15;display:none;font-family:GothamRounded-Book}.footer__notification button{border-radius:50px;font-size:14px}@media screen and (max-width:480px){.footer__notification{padding:20px 10px;z-index:10}.footer__notification p{font-size:12px;text-align:center}.footer__notification button{width:100%}}.active{display:block}#navbarNav{width:100%}@media (max-width:767px){#navbarNav{margin:0}}@media (max-width:991px){.header .nav-item{display:none}.header .nav-item.header__logo{display:block;padding:0!important;width:auto}}@media (min-width:1200px){.header .nav-item{display:block}}@media (max-width:767px){.header .nav-link{padding:0}}.header .header__tool{color:#040303;font-size:12px;align-items:center;min-height:40px;justify-content:space-evenly}.header .header__caption{font-family:GothamRounded-Medium;font-size:15px;color:#040303;font-weight:300}.header .header__search{color:#000;display:block;align-items:center;flex-flow:row}.header .header__search .live-search{outline:none;border:1px solid #ced4da!important}.header .header__search .header__search-submit{background:url(/assets/images/icons/loop-search.svg) no-repeat;width:30px;height:40px;background-size:cover;appearance:none;border:none;outline:none}.header-result>.row{margin:0;width:100%}.header-result .close-query-icon{position:absolute;right:10px;bottom:15px;display:none}#site-header{padding-bottom:0}@media (max-width:767px){#site-header{padding:8px 0 0}}#site-header>.header{z-index:3}#site-header:before{position:absolute;background:#fff;width:100%;height:55px;top:0;left:0;content:""}#site-header:after{position:absolute;background:#fff;border-radius:100%;top:30px;left:50%;content:"";width:104%;z-index:-1;height:50px;box-shadow:0 8px 6px -6px rgba(0,0,0,.2);margin-left:-52%}@media (max-width:767px){#site-header:after{top:20px;width:120%;left:50%;margin-left:-60%}}#site-header .header-result:after{position:absolute;background:#fff;border-radius:100%;top:23px;left:0;content:"";width:100%;z-index:-1;height:50px}@media (max-width:767px){#site-header .header-result:after{top:20px}}.hamburger-menu__lists{background-color:#f7f9fa;width:100%;z-index:9999;height:100%;top:0;overflow-y:auto}.hamburger-menu__lists .hamburger-menu__header{background-color:#f1f8fc}.hamburger-menu__lists .hamburger-menu__header p:first-child{padding:15px 0 0;color:#00adee;font-family:GothamRounded-Medium;font-size:20px}@media (max-width:767px){.hamburger-menu__lists .hamburger-menu__header p:first-child{text-align:center}}.hamburger-menu__lists-item{list-style:none;padding-left:0}.hamburger-menu__lists-item .card-body li{font-family:GothamRounded-Book}.hamburger-menu__lists-item a{color:#303030}.hamburger-menu__lists-item .hamburger-menu__item{padding:5px 0;text-align:center}.hamburger-menu__lists-item li{font-family:GothamRounded-Medium}.search__results{height:100vh;position:fixed;top:0;left:0;width:100%;display:block;z-index:99;background:#fff;padding-top:100px}.search__results-text{color:#26419e;margin-bottom:0!important}.search__results-history{margin-bottom:25px}.search__results-text-btn-wrapper{display:flex;justify-content:space-between}.search__results-lists{list-style:none;padding-inline-start:0;background:#fff;padding:5px 15px 15px;border:1px solid #303030}@media (min-width:1200px){.search__results-lists{padding:25px}}.logo-nutriclub{width:120px;max-width:120px}.nav-link{min-width:145px}.delete-cookie{color:#00adee}.header__search #submit{visibility:hidden}.sprites{background:url(/assets/images/sprite/sprites.png);display:inline-block;margin-right:5px;background-repeat:no-repeat;background-size:auto}.sprites__ic-hamburger{background-position:-129px -265px!important}.sprites__ic-close,.sprites__ic-hamburger{width:25px!important;height:33px!important}.sprites__ic-close{background-position:-174px -265px!important}.sprites__ic-arrow-back{width:24px!important;height:21px!important;background-position:-211px -170px!important}.btn-primary{background:#26419e;color:#fff;font-family:GothamRounded-Medium;border:none;font-size:18px}h2.heading-blue{color:#26419e;font-family:GothamRounded-Medium;font-size:20px}@media (max-width:767px){h2.heading-blue{font-size:4vw;margin-bottom:10px}}@media (min-width:1200px){.see-more{font-size:12px}}@media (max-width:767px){.see-more{font-size:4vw}}.accordion__stage{background:#f1f1f1}.accordion__stage,.accordion__stage .hamburger-menu__item a{font-family:GothamRounded-Book}.accordion__stage .card{border:none;background:#f1f1f1;align-items:center;width:100%}.accordion__stage .collapsed:after{transform:scale(.8) rotate(180deg)}@media (min-width:1200px){.accordion__stage-btn{width:25%}}@media (max-width:767px){.accordion__stage-btn{width:80%}}.accordion__stage-btn span{font-family:GothamRounded-Medium}.accordion__stage-btn:after{content:url(/assets/images/icons/arrow-up-accordion-detail.png);float:right;transform:scale(.8)}.modal{padding-right:5vw;padding-left:5vw!important}.modal p.modal-title{margin-bottom:0;line-height:1.5;font-size:20px}.modal__persona .modal-content{border-radius:15px;top:90px}@media (max-width:767px){.modal__persona .modal-content{border-radius:12px}}.modal__persona-figure{display:block;margin:0 auto 20px}@media (max-width:767px){.modal__persona-figure{text-align:center}.modal__persona-figure img{width:50%}}.modal__persona-body p{font-family:GothamRounded-Medium;text-align:center;line-height:16px}@media (min-width:1200px){.modal__persona-body p{font-size:14px}}@media (max-width:767px){.modal__persona-body p{font-size:12px}}.modal__persona-footer{display:block;margin:0 auto}@media (min-width:1200px){.modal__persona-footer{width:170px}}@media (max-width:767px){.modal__persona-footer{width:130px}}.modal__persona-footer a{font-size:12px;background:#26419e}@media (min-width:1200px){.modal__persona-footer a{padding:16px 64px}}@media (max-width:767px){.modal__persona-footer a{padding:9px 49px}}.modal__error .modal-content{border-radius:15px;top:90px}@media (max-width:767px){.modal__error .modal-content{border-radius:12px}}.modal__error-figure{display:block;margin:0 auto 20px}@media (max-width:767px){.modal__error-figure{text-align:center}.modal__error-figure img{width:50%;height:100%}}.modal__error-body{margin:0 auto}@media (min-width:1200px){.modal__error-body{width:304px}}@media (max-width:767px){.modal__error-body{width:173px}}.modal__error-body p{font-family:GothamRounded-Medium;text-align:center;line-height:16px}@media (min-width:1200px){.modal__error-body p{font-size:14px}}@media (max-width:767px){.modal__error-body p{font-size:12px}}.modal__error-footer{display:block;margin:0 auto}@media (min-width:1200px){.modal__error-footer{width:314px}}@media (max-width:767px){.modal__error-footer{width:197px}}.modal__error-footer a{font-size:12px;background:#26419e}@media (min-width:1200px){.modal__error-footer a{padding:16px 64px}}@media (max-width:767px){.modal__error-footer a{padding:9px 49px}}.modal-content{position:relative}.modal-header{border-bottom:none}.modal-header .close{position:absolute;right:20px;top:10px}.accordion-info .panel{display:none;padding:0 5px;font-size:12px}.accordion-info .panel p{font-family:GothamRounded-Book;font-weight:400;text-align:justify}@media (min-width:1200px){.accordion-info .panel p{padding:5px}}.floating-icon{position:fixed;z-index:15;bottom:40px;text-align:right;width:auto}@media (max-width:767px){.floating-icon{right:10px!important}}@media (max-width:991px){.floating-icon{right:40px}}@media (min-width:992px){.floating-icon{right:40px}}.floating-icon__btn{background:rgba(0,0,0,0);border:0;padding:0}@media (max-width:767px){.floating-icon__btn img{width:75px;height:85px}}@media (max-width:991px){.floating-icon__btn img{width:75px;height:85px}}@media (min-width:1200px){.floating-icon__btn img{width:99px;height:109px}}@media (min-width:992px){.floating-icon__btn img{width:99px;height:109px}}.floating-icon__parent{position:relative}.floating-icon__parent-comment{position:absolute;top:-85px;right:90px;width:350px;display:block}@media (max-width:767px){.floating-icon__parent-comment{top:-60px!important;right:75px;width:175px}}@media (max-width:991px){.floating-icon__parent-comment{top:-65px;right:75px}}@media (min-width:992px){.floating-icon__parent-comment{top:-85px;right:90px}}@media (max-width:991px){.floating-icon__parent-comment img{width:259px;height:61px}}@media (min-width:992px){.floating-icon__parent-comment img{width:349px;height:70px}}@media (max-width:767px){.floating-icon__parent-comment img{width:175px;height:45px}}.floating-icon__parent-after{position:relative;display:none;width:220px}@media (max-width:767px){.floating-icon__parent-after .close{position:absolute;top:-217px;right:2px;z-index:2}}@media (max-width:991px){.floating-icon__parent-after .close{position:absolute;top:-217px;right:2px;z-index:2}}@media (min-width:992px){.floating-icon__parent-after .close{position:absolute;top:-270px;right:2px;z-index:2}}.floating-icon__parent-after-phone{position:absolute;right:0}@media (max-width:767px){.floating-icon__parent-after-phone{top:-190px}}@media (min-width:992px){.floating-icon__parent-after-phone{top:-240px}}.floating-icon__parent-after-phone-item{display:flex;border:2px solid #1b3077;box-shadow:-4px 3px 12px 1px rgba(0,0,0,.29);margin-bottom:10px;border-radius:50px;font-size:20px;background-color:#f0f0f0}.floating-icon__parent-after-phone-item .fa{margin-right:7px;line-height:26px}@media (max-width:767px){.floating-icon__parent-after-phone-item .fa{font-size:20px}}@media (min-width:992px){.floating-icon__parent-after-phone-item .fa{font-size:25px}}@media (max-width:767px){.floating-icon__parent-after-phone-item{padding:5px;width:170px}}@media (min-width:992px){.floating-icon__parent-after-phone-item{padding:10px}}.floating-icon__parent-after-phone-item span{font-size:18px;line-height:31px}@media (max-width:767px){.floating-icon__parent-after-phone-item span{font-size:11px;line-height:26px}}@media (min-width:992px){.floating-icon__parent-after-phone-item span{font-size:18px;line-height:31px}}.floating-icon__parent-after-phone-item:first-child{font-family:GothamRounded-Medium;color:#535353}.floating-icon__parent-after-phone-item:first-child img{margin-right:2px}@media (max-width:767px){.floating-icon__parent-after-phone-item:first-child img{width:20px;height:20px}}@media (min-width:992px){.floating-icon__parent-after-phone-item:first-child img{width:30px;height:30px}}.floating-icon__parent-after-phone-item:last-child{margin-bottom:0;font-family:GothamRounded-Medium;color:#001378}@media (max-width:767px){.floating-icon__parent-after-phone-item:last-child .text-tol{font-size:11px}}@media (min-width:992px){.floating-icon__parent-after-phone-item:last-child .text-tol{margin-right:8px}}@media (max-width:767px){:root{--width:40%;--top:75%;--top-finish:65px;--right-finish:25px}} .nav-link { min-width: 0; } .navbar-nav { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; } .navbar-nav__menu { display: flex; justify-content: space-around; } .navbar-nav__logo { margin: 0 } @media (min-width:992px) { .navbar-nav__logo { margin: 0 32px; } } .accordion__stage-btn { width: auto; } .hamburger-menu__lists .hamburger-menu__header { background-color: transparent; min-height: 42px; max-width: 290px; margin: auto; } .hamburger-menu__lists { background-color: #00000096; max-width: 480px; } .hamburger-menu { position: relative; padding-top: 100px; width: 100%; min-height: 100vh; background-color: white; } .hamburger-menu__close { position: absolute; top: 60px; left: 60px; cursor: pointer; } .hamburger-menu__lists-item .hamburger-menu__item--my-nutriclub { height: 34px; padding: 0; background-color: #E4F6FF; } .hamburger-menu__lists-item .hamburger-menu__item--my-nutriclub img { height: 100%; } .hamburger-menu__profile { display: grid; grid-template-columns: auto 1fr; column-gap: 20px; align-items: center; border-radius: 10px } .hamburger-menu__profile .profile-picture { position: relative; width: 70px; height: 70px; background-color: grey; border-radius: 50%; background-size: cover; background-position: 50%; background-repeat: no-repeat; cursor: pointer; } .hamburger-menu__profile .profile-picture .edit-icon { position: absolute; bottom: 0; right: 0; width: 22px; height: 22px; background-color: #2384c6; border-radius: 50%; display: flex; align-items: center; justify-content: center } .hamburger-menu__profile .profile-picture .edit-icon i { font-size: 12px; color: #fff } @media (min-width:992px) { .hamburger-menu__profile .profile-picture { width: 80px; height: 80px } .hamburger-menu__profile .profile-picture .edit-icon { width: 25px; height: 25px } } .hamburger-menu__profile .tier-point-wrapper__name { text-align: left; font-size: 16px; margin-bottom: 0 } .hamburger-menu__profile .tier-point-wrapper__id { font-family: GothamRounded-Medium; margin-bottom: 5px; font-size: 12px; } .hamburger-menu__overlay { z-index: 1050; position: absolute; top: 0; left: 0; bottom: 0; right: 0; background-color: rgb(0 0 0 / 50%); } #hamburger-menu { cursor: pointer; } @media (min-width:992px) { .hamburger-menu__profile .tier-point-wrapper__name { font-size: 20px } .hamburger-menu__profile .tier-point-wrapper__id { margin-bottom: 5px } } .align-items-center { align-items: center!important; } @media (min-width: 992px) { .col-lg-11 { flex: 0 0 91.66667%; max-width: 91.66667%; } } @media (min-width: 768px) { .pl-md-0, .px-md-0 { padding-left: 0!important; } } #overlay-loader { display: grid; position: fixed; top: 0; left: 0; bottom: 0; right: 0; place-items:center; z-index: 99999; background-color: rgb(0 0 0 / 50%); } #overlay-loader .spinner-border { width: 4rem; height: 4rem; font-size: 35px; color: white; }

Registrasi Member Nutriclub

Yuk, Gabung dengan Melengkapi Data Diri di bawah ini