@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Manrope}.container,.container-fluid{width:100%;padding-right:var(--bs-gutter-x, .75rem);padding-left:var(--bs-gutter-x, .75rem);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}}@media(min-width:1400px){.container{max-width:1320px}}.img-fluid{width:100%;height:auto}.d-flex{display:flex}.badge_blue{background-color:#e5edff;color:#7fa2eb;font-size:18px;width:fit-content;padding:.5rem 1.5rem;border-radius:20px;border:1px solid #7fa2eb;margin:0;line-height:1;font-weight:600;height:36px;display:flex;align-items:center;justify-content:center}.badge_white{background-color:#fff;color:#7fa2eb;font-size:18px;width:fit-content;padding:.5rem 1.5rem;border-radius:20px;border:1px solid #7fa2eb;margin:0;line-height:1;font-weight:600;height:36px;display:flex;align-items:center;justify-content:center}.btn-primary{padding:.5rem 2rem;background-color:#f4dc31;border:1px solid #978b37;border-radius:35px;display:flex;align-items:center;gap:5px;font-size:18px;font-family:Manrope}.btn-primary svg{width:20px}.btn-light{cursor:pointer;padding:.5rem 0rem;background-color:transparent;border:transparent;border-radius:35px;display:flex;align-items:center;gap:5px;font-size:18px;font-family:Manrope;font-weight:800;color:#474646}.btn-light svg{width:20px}.hero-section{padding:6rem 0;background:linear-gradient(90deg,#fff 18%,#fff0,#0000),url(/cdn/shop/files/blognew_hero.png?v=1782135234);background-repeat:no-repeat;background-position:right;background-size:contain}.hero-section .right_side{max-width:440px}.hero-section h1{font-size:64px;color:#474646;font-weight:bolder}.hero-section p{font-size:24px;color:#474646;padding:1rem 0}a.btn{height:50px}.why_melatonin{padding:4rem 0rem}.why_melatonin .img_area{flex:1}.why_melatonin .img_area img{height:100%}.why_melatonin .content_area{background-color:#f9f9f9;border-top-right-radius:15px;border-bottom-right-radius:15px;flex:1}.why_melatonin .content_area .content{padding:1.5rem 4rem}.why_melatonin .content_area h2{font-size:32px;color:#474646;font-weight:bolder;padding:1rem 0}.why_melatonin .content_area p{font-size:20px}.tabs_screen{transition:opacity .3s ease}.tabs_screen.fade-out{opacity:0}.tabs_screen.fade-in{opacity:1}a.btn{max-width:fit-content;cursor:pointer}.tabs_cards .btn_tabs{background-color:#e7effd;display:flex;gap:10px;justify-content:space-between;list-style:none;padding:2rem;border-radius:10px}.tabs_cards .btn_tabs li{cursor:pointer;min-width:140px;text-align:center;color:#7fa2eb;padding:.8rem 1rem;border-radius:35px;background-color:#fff;border:1px solid #7fa2eb;font-size:18px;text-wrap:nowrap;font-weight:600}.tabs_cards .btn_tabs li.active{color:#fff;background-color:#7ba7f7}.tabs_cards .tabs_screen{padding-top:4rem}.tabs_cards .tabs_screen .d-flex{display:flex;flex-wrap:wrap;flex-basis:0 0 1;gap:20px}.tabs_cards .tabs_screen .d-flex .card{max-width:33.333%;flex:30.33%;border:1px solid #eaeaea;border-radius:10px;box-shadow:1px 1px 4px 3px #c0c0c02e;overflow:hidden}.tabs_cards .tabs_screen .d-flex .card .card_img{width:100%;overflow:hidden;height:183px}.tabs_cards .tabs_screen .d-flex .card .card_img img:hover{transform:scale(1.2)}.tabs_cards .tabs_screen .d-flex .card .content{padding:1rem 2rem;position:relative}.tabs_cards .tabs_screen .d-flex .card .badge_white{position:absolute;top:-2.4rem;font-size:16px;width:169px}.tabs_cards .tabs_screen .d-flex .card h3{font-size:22px;padding:1rem 0}.tabs_cards .tabs_screen .d-flex .card .btn-light{font-size:16px;text-decoration:none}.m-auto{margin:0 auto;margin-top:2rem}.w-200px{max-width:313px!important;text-align:center;justify-content:center}.review-content h6{margin-block-start:0em;margin-block-end:0em}.research_understand{margin-top:2rem}.research_understand .container{background-color:#e7effd;position:relative;border-radius:15px;padding:2rem 2rem 4rem}.mt-2.w-200px{margin-top:4rem}.tabs_cards{padding-bottom:3rem}.research_understand .container .badge_white{top:-1rem;position:absolute;width:144px;text-align:center;font-size:17px;font-weight:600}.research_understand .container .heading-content{text-align:center;padding:1rem 0 2em}.research_understand .container .heading-content h4{font-size:32px;font-weight:600px;color:#474646}.research_understand .container .heading-content p{font-size:20px;color:#474646}.research_understand .container .d-flex{gap:16px;flex-wrap:wrap}.research_understand .container .card{display:flex;justify-content:space-around;flex:30%;background-color:#fff;border-radius:15px;padding:1.2rem;gap:10px}.research_understand .container .card .img_area{width:60px}.research_understand .container .card .content{max-width:200px}.research_understand .container .card .content h5{font-size:22px;color:#474646;padding:0rem 0 .5rem}.research_understand .container .card .content p{font-size:16px}.research_understand .container .card .content .btn-light{padding-bottom:0;text-decoration:none}.review{padding-top:4rem}.review .container{padding:0}.review .review-content{background-color:#f4f0e7;color:#474646;border-radius:15px;overflow:hidden}.review .review-content .img_area{max-width:35%;overflow:hidden}.review .review-content .img_area img{height:100%;width:100%;object-fit:cover}.review .review-content .content{position:relative}.review .review-content .content .comma{width:55px;position:absolute}.review .review-content .content h6{font-size:32px}.review .review-content .content p{font-size:20px;padding:1rem 0 2rem}.review .review-content .content .reviewer{font-weight:550;font-size:20px;padding-top:0}.review .review-content .content .rating{display:flex;gap:20px;list-style:none;padding-left:25px}.review .review-content .content{padding:5rem 5rem 2rem}.review .review-content .content .comma1{left:19px;top:16px}.review .review-content .content .comma2{right:54px;bottom:51px}.newsletter{padding:4rem 0}.newsletter .container{background-color:#dde8fd;padding:2rem 3rem;border-radius:15px}.newsletter .d-flex{justify-content:space-around;align-items:center}.newsletter .right_side{align-items:center;justify-content:space-between;gap:20px}.newsletter .right_side .content h6{max-width:325px;margin:0rem 0 .5rem}.newsletter .right_side .img_box{width:70px}.newsletter .right_side h6{font-size:36px;color:#474646;font-weight:400;padding-bottom:.3rem}.newsletter .right_side p{font-size:18px;color:#474646}.newsletter .left_side .input-box{display:flex;align-items:center;gap:10px}.newsletter .left_side .input-box input{height:49px;background:#fff;border:none;border-radius:10px;width:300px;padding-left:1rem}.newsletter .left_side .input-box .btn-primary{border-radius:7px;border:none;gap:15px;height:50px}@media(max-width:1199px){.why_melatonin .d-flex{position:relative;flex-direction:column}.why_melatonin .d-flex .badge_blue{position:absolute;top:469px;background:#fff}}@media(max-width:1100px){.hero-section{background-size:cover}.btn-primary{padding:.5rem 1rem}}@media(max-width:992px){.hero-section{background-size:cover;background-position:left}.why_melatonin .d-flex .badge_blue{top:342px}.btn_tabs{overflow:hidden;overflow-x:scroll}.tabs_cards .tabs_screen .d-flex .card{flex:48%}.review-content .d-flex{flex-direction:column}.review-content .d-flex .img_area{max-width:100%}.review-content .d-flex .rat{flex-direction:row;justify-content:center}.review-content .d-flex .rat li img{width:30px}.review-content .d-flex .rat .reviewer{padding-bottom:0;align-items:center;font-weight:800}.review-content .d-flex .rat .content .rating,.review .review-content .content .rating{gap:7px}.review .review-content .content .rating img{width:20px}.tabs_cards .tabs_screen .d-flex .card{max-width:100%}.newsletter .left_side .input-box input{width:250px}.newsletter .right_side .content h6{max-width:259px}.newsletter .right_side .content p{font-size:16px}.newsletter .left_side .input-box .btn-primary{text-wrap:nowrap}.newsletter .right_side .img_box{width:69px}.tabs_cards .btn_tabs li{min-width:fit-content}}@media(max-width:991.5px){.newsletter .d-flex{flex-direction:column;text-align:center}.newsletter .right_side .content h6{width:100%}.newsletter .left_side .input-box{padding-top:1rem;flex-direction:column}.newsletter .right_side .content h6{max-width:100%}.newsletter .left_side,.newsletter .right_side{width:100%}.newsletter .left_side .input-box .btn-primary{width:250px}}@media(max-width:850px){.tabs_cards .btn_tabs li{min-width:fit-content}h6{margin-block-start:0em;margin-block-end:0em}.review .review-content .content .comma1{top:12px}.review .review-content .content .comma2{bottom:50px}.hero-section{background-size:cover;background-position:left}}@media(max-width:767.5px){.why_melatonin .d-flex .badge_blue{top:249px}.tabs_cards .tabs_screen .d-flex .card .card_img{height:141px}.research_understand{background-color:#e7effd}.research_understand .container .card{flex:100%;max-width:100%;align-items:center;gap:10px}.review .review-content .content .comma2{right:23px;bottom:59px}.research_understand .container .card .content{max-width:270px}.research_understand .container .card .img_area{width:70px}.research_understand .container .badge_white{top:-1rem;position:absolute;right:50%;left:50%;transform:translate(-50%)}.review .review-content .content{text-align:center}.review .review-content .content h6{font-size:22px}.review .review-content .content p,.review .review-content .content .reviewer{font-size:16px}.review .review-content .content .comma1{top:5px}.review .review-content .content{padding:3rem 2rem}.hero-section{background-image:url(/cdn/shop/files/blognew_hero_mob.png?v=1782135232);padding:15rem 0 3rem;background-position:center;background-size:cover}.hero-section .why_melatonin .d-flex .badge_blue{top:249px}.hero-section .right_side{text-align:center;max-width:100%}.hero-section .btn-primary,.hero-section .badge_blue{margin:0 auto}.hero-section h1{font-size:41px}.hero-section p{font-size:16px}.hero-section h1,.hero-section p{color:#fff}.hero-section .container{text-align:center}}@media(max-width:576.5px){.hero-section{background-image:url(/cdn/shop/files/blognew_hero_mob.png?v=1782135232);padding:15rem 0 3rem;background-position:center;background-size:cover}.hero-section .why_melatonin .d-flex .badge_blue{top:249px}.hero-section .right_side{text-align:center;max-width:100%}.hero-section .btn-primary,.hero-section .badge_blue{margin:0 auto}.hero-section h1{font-size:41px}.hero-section p{font-size:16px}.hero-section h1,.hero-section p{color:#fff}.hero-section .container{text-align:center}.tabs_cards .tabs_screen .d-flex .card{flex:100%;max-width:100%}.tabs_cards .btn_tabs li{min-width:200px}.tabs_cards .tabs_screen .d-flex .card .card_img{height:281px}.review .review-content .content{padding:5rem 2rem}.review .review-content .content .comma1{top:5px}}@media(max-width:521px){.why_melatonin .d-flex .badge_blue{top:240px}.why_melatonin .content_area h2{font-size:25px}.why_melatonin .content_area p{font-size:16px}}@media(max-width:500px){.why_melatonin .d-flex .content_area .content{position:relative;padding:1.5rem 1rem}.why_melatonin .d-flex .content_area .content .badge_blue{top:-8%}.tabs_cards .tabs_screen .d-flex .card .card_img{height:239px}}@media(max-width:450px){.why_melatonin{padding:2rem 0}.tabs_cards .tabs_screen .d-flex .card .card_img{height:226px}.newsletter .left_side .input-box input{font-size:18px}}@media(max-width:430px){.tabs_cards .tabs_screen .d-flex .card .badge_white{top:-2rem}.tabs_cards .tabs_screen .d-flex .card .content{padding-top:0}.research_understand .container .card .content{max-width:224px}.research_understand .container .card{align-items:flex-start}}@media(max-width:414px){.tabs_cards .tabs_screen .d-flex .card .card_img{height:213px}.research_understand .container{padding:2rem .5em}}@media(max-width:375.5px){.tabs_cards .tabs_screen .d-flex .card .card_img{height:195px}.research_understand .container .card .img_area{width:200px}}@media(max-width:344px){.tabs_cards .tabs_screen .d-flex .card .card_img{height:178px}}
/*# sourceMappingURL=/cdn/shop/t/24/assets/blog.css.map */