@charset "utf-8";
/* CSS Document */
*{font-family: 'Outfit', sans-serif; margin: 0; padding: 0;}


html{height: 800px; overflow-y: auto; display: flow-root; flex-wrap: nowrap !important; -ms-overflow-style: none; scrollbar-width: none;}
body::-webkit-scrollbar{display: none;}

.nuti_main{width: 100%; height: 100%; background: rgb(130,100,220);
background: -moz-linear-gradient(90deg, rgba(130,100,220,1) 0%, rgba(165,127,200,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(130,100,220,1) 0%, rgba(165,127,200,1) 100%);
background: linear-gradient(90deg, rgba(130,100,220,1) 0%, rgba(165,127,200,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8264dc",endColorstr="#a57fc8",GradientType=1); position: absolute; display: block;}
.nuti_main_bgimg{width: 100%; height: 100%; background:url(../img/horizontal_bg_food_imgs.png) repeat-x 50%; vertical-align: middle;}
.nuti_box {width: 698px; height: auto; position: absolute; top: 50%; left: 50%; margin-right: -50%; transform: translate(-50%, -50%);}
.nuti_box img{width: auto; height: auto; max-width: 100%; border: none; display: inline-block;}
.nuti_box .tfai{justify-content: flex-start; display: flex;}
.nuti_box .tae{justify-content: flex-end; display: flex;}
.nuti_box_bg{width: 100%; height: auto; padding: 5em 3em; margin: 1em 0; background: #fff; border-radius: 20px; display: inline-block;}
.nuti_box_bg .btn_ftu{width: 100%; height: auto; background: #B20707; border-radius: 30px; font-size: 14px; text-align: center; color: #fff; text-decoration: none; padding: .7em; display: inline-block;}
.nuti_box_bg .btn_ftu:hover{background: #8d0606;}
.nuti_box_bg .btn_pu{width: 100%; height: auto; background: #62B47F; border-radius: 30px; font-size: 14px; text-align: center; color: #fff; text-decoration: none; padding: .7em; display: inline-block;}
.nuti_box_bg .btn_pu:hover{background: #408f5c;}
.nuti_box_bg h6{font-size: 20px; color: #A34123; margin: 0; padding: 0; display: block;}
.nuti_box_bg h5{font-size: 32px; color: #A34123; margin: 0; padding: 1em 0 3em; display: block;}
.nuti_box_bg h3{font-size: 32px; color: #000000; text-align: center; margin: 0; padding: 0 0 1em; display: block;}
.nuti_box_bg h4{font-size: 32px; color: #A34123; text-align: center; margin: 0; padding: 1em 0 2em; display: block;}
.nuti_box_bg input{width: 80%; padding: 2rem; font-size: 14px; font-weight: 400; color: #222222; text-align: left; background-color: #F0F0F0; border: none; border-radius: 4px !important; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; outline: none !important; margin:0 auto 1em; display: block;}
.btn_login{width: 80%; height: auto; background: #000000; border-radius: 30px; font-weight: 600; font-size: 14px; text-transform: uppercase; text-align: center; color: #fff !important; text-decoration: none !important; padding: 1.2em; margin: 0 auto; display: block;}
.nuti_box_bg .btn_load_tweak{width: 80%; height: auto; background: #62B47F; border-radius: 30px; font-size: 14px; text-align: center; color: #fff; text-decoration: none; padding: 1.2em; margin: 0 auto; display: block;}
.nuti_box p{font-size: 14px; color: #fff; text-align: center; padding: 1em 0; display: block;}

header{width: 100%; height: auto; background: rgb(130,100,220);
background: -moz-linear-gradient(90deg, rgba(130,100,220,1) 0%, rgba(165,127,200,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(130,100,220,1) 0%, rgba(165,127,200,1) 100%);
background: linear-gradient(90deg, rgba(130,100,220,1) 0%, rgba(165,127,200,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8264dc",endColorstr="#a57fc8",GradientType=1); padding: .5em 0; position: relative; display: block;}
header img{width: auto; height: auto; max-width: 100%; border: none; display: inline-block;}
header .tfai{justify-content: flex-start; display: inline-grid;}
header .tae{justify-content: flex-end; display: inline-grid; float: right;}
header .logout{justify-content: flex-end; display: inline-grid; margin: 1em 0 1em 2em; float: right;}

header .notifi{justify-content: flex-end; display: inline-grid; margin: 1em 0 1em 2em; float: right;}
header .notifi span{width: 20px; height: 20px; background: #F51F42; border-radius: 50px; color: #fff; text-align: center; font-size: 11px; padding: 2px; margin: 0 0 0 16px; position: absolute;}

.clock_bg{width: 100%; background: #fff; padding: 1em 3em; box-shadow: #cccccc 0 3px 8px; display: inline-block;}
.clock_bg .cb_time{justify-content: flex-start; font-size: 16px; vertical-align: middle; color: #5E6067; float: left;}
.clock_bg .cb_time img{width: auto; height: auto; max-width: 100%; border: none; display: inline-block;}
.clock_bg .cb_date{justify-content: flex-end; font-size: 16px; color: #5E6067; float: right;}

.tweak_box{width: 780px; height: auto; background: #fff; box-shadow: #cccccc 1px 1px 20px; border-radius: 20px; margin: 2em auto; padding: 1.5em; display: block;}
.tweak_source{padding-bottom: 1em; display: block;}
.tweak_source img{width: 35px; height: 35px; border-radius: 100%; display: inline-block;}
.tweak_source label{font-size: 14px; color: #5E6067; font-weight: normal; padding: .3em 1.3em; display: inline-block;}
.tweak_img{width: 488px; height: auto; display: inline-block; float: none;}
.tweak_details{width: 488px; height: 650px; background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); position: absolute; z-index: 9;}
.tweak_details label{width: 100%; background: rgba(163, 65, 35, 0.9); padding: 1em; font-size: 16px; color: #fff; font-weight: normal; display: block;}
.tweak_details label strong{font-weight: 600; padding: 0 .5em 0 .1em;}
.img_arrow{width: auto; float: right; position: absolute; top: 1.1em; right: 19em; z-index: 9;}
.img_arrow img{width: auto; height: auto; max-width: 100%; border: none; display: inline-block;}

.popup_tweak_details{width: 488px; height: 650px; background: rgb(0,0,0);
background: -moz-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
background: linear-gradient(0deg, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000",endColorstr="#000000",GradientType=1); position: absolute; z-index: 9;}
.popup_tweak_details label{width: 100%; height: 41px; line-height: 26px; background: rgba(0, 0, 0, 0.7); padding: 0.5em 1em; margin: .7em 0; font-size: 14px; color: #8D8D8D; font-weight: normal; display: block;}
.popup_tweak_details label strong{font-weight: 600; padding: 0 .2em 0 .5em;}

.star_rating{width: auto; height: auto; margin: 1em; display: block;}
.star_rating img{width: auto; height: auto; max-width: 100%; border: none; display: inline-block;}
.tip{width: 34%; background: rgba(0, 0, 0, 0.6); border-radius: 0 10px 10px 0; padding: 1em; margin: 35% 0 0; display: block;}
.tip p{font-size: 12px; font-weight: 200; color: #fff; margin: 0; display: block;}
.tip p strong{font-size: 18px; color: #fff; font-weight: 500; display: block;}
.tip p img{width: auto; height: auto; max-width: 100%; border: none; margin: -12px 0 0; display: inline-block;}
.tweak_suggestion{width: 94%; height: auto; margin: 1em; display: block; position: absolute; bottom: 16%;}
.tweak_suggestion p{width: 100%; height: auto; font-size: 16px; font-weight: 200; color: #fff; display: block;}
.tweak_calories{width: 100%; height: auto; border-top: #8D8D8D 1px solid; margin-top: 13.6%; display: block; position: absolute; bottom: 0;}
.tweak_calories div:nth-child(2){border-left: #8D8D8D 1px solid; border-right: #8D8D8D 1px solid; border-bottom: none;}
.tweak_calories div:nth-child(3){border-right: #8D8D8D 1px solid; border-bottom: none;}
.tweak_calories span{min-height: 45px; font-size: 12px; text-transform: uppercase; text-align: center; color: #fff; font-weight: 300; margin: 1.5em 0; display: block;}
.tweak_calories span strong{font-size: 20px; text-align: center; text-transform: none; font-weight: 600; display: block;}

.calorie_chart{width: 220px; height: auto; min-height: 329px; float: right; display: inline-block;}
.calories_remaining{width: 90px; height: 90px; background: url(../img/calories_circle_bg.svg) no-repeat; background-size: cover; margin-right: 10px; float: left;}
.calories_remaining h3 {font-size: 20px; color: #62B47F; text-align: center; vertical-align: middle; font-weight: bold; padding: 1em; margin: 0; display: block;}
.calories_remaining h3 span{font-size: 10px; color: #777777; font-weight: 400; display: block;}
.calorie_chart h4{font-size: 20px; color: #222222; font-weight: bold; margin: 0 0 1em;}
.calorie_chart h4 strong{color: #62B47F; font-weight: bold;}
.calorie_chart h4 span{font-size: 10px; color: #777777; font-weight: 400; display: block;}
.calorie_chart h5{font-size: 20px; color: #222222; font-weight: bold;}
.calorie_chart h5 strong{color: #62B47F; font-weight: bold;}
.calorie_chart h5 span{font-size: 10px; color: #777777; font-weight: 400; display: block;}

.healthy_carbs{width: 68px; height: 65px; background: #62B47F; border-radius: 8px; padding: .5em; margin: 0 1.5px; display: inline-block;}
.healthy_carbs label{font-size: 10px; text-transform: uppercase; color: #ffffff; font-weight: 300; text-align: left; display: block;}
.healthy_carbs label strong{font-size: 12px; text-transform: lowercase; color: #ffffff; font-weight: 600; text-align: left; display: block;}

.unhealthy_carbs{width: 68px; height: 65px; background: #F25E5E; border-radius: 8px; padding: .5em; margin: 0 1.5px; display: inline-block;}
.unhealthy_carbs label{font-size: 10px; text-transform: uppercase; color: #ffffff; font-weight: 300; text-align: left; display: block;}
.unhealthy_carbs label strong{font-size: 12px; text-transform:lowercase; color: #ffffff; font-weight: 600; text-align: left; display: block;}

.calorie_chart h2{font-size: 14px; font-weight: 600; color: #5E6067; margin: 1em 0 .4em; display: block;}
.prev_tweaks_tab {overflow: hidden;}
.prev_tweaks_tab button {float: left; color: #C7C7C7; text-transform: uppercase; font-weight: 500; font-size: 12px; background: none; border: none; outline: none; cursor: pointer; padding: 0 1em .5em 0; transition: 0.3s;}
.prev_tweaks_tab button:hover {color: #5E6067;}
.prev_tweaks_tab button.active {color: #5E6067;}
.prev_tweaks_tabcontent {display: none; padding: 0; border: none;}
.prev_tweaks_tabcontent img{width: auto; height: 108px; max-width: 100%; border: none; border-radius: 5px; padding: 1.5px 0; display: inline-block;}

.popup_tweaks_tab {overflow: hidden;}
.popup_tweaks_tab button {float: left; color: #C7C7C7; text-transform: uppercase; font-weight: 500; font-size: 12px; background: none; border: none; outline: none; cursor: pointer; padding: 0 1em .5em 0; transition: 0.3s;}
.popup_tweaks_tab button:hover {color: #5E6067;}
.popup_tweaks_tab button.active {color: #5E6067;}
.popup_tweaks_tabcontent {display: none; padding: 0; border: none;}
.popup_tweaks_tabcontent img{width: auto; height: 108px; max-width: 100%; border: none; border-radius: 5px; padding: 1.5px 0; display: inline-block;}

.report_send_btns{width: 780px; height: auto; margin: 0 auto 3em; display: flex;}
.btn_mrt{width: 326px; height: auto; background: #B20707; border-radius: 30px; font-size: 14px; text-align: center; color: #fff !important; text-decoration: none !important; padding: .7em; float: left;}
.btn_mrt:hover{background: #8d0606;}
.btn_st_inactive{width: 326px; height: auto; background: #E3E3E3; border-radius: 30px; font-size: 14px; text-align: center; color: #fff !important; text-decoration: none !important; padding: .7em; float: right;}
.btn_st_active{width: 326px; height: auto; background: #00CD7E; border-radius: 30px; font-size: 14px; text-align: center; color: #fff !important; text-decoration: none !important; padding: .7em; float: right;}

.ontweak_icons{width: 100%; height: 70%; margin: 0; position: absolute; z-index: 9; display: inline-block;}
.ontweak_icons img{width: 62px; margin: 2em 0 0 8em; display: inline-block;}

.p-0{padding: 0 !important;}
.m-0{margin: 0 !important;}
.p-1{padding: 0 1% !important;}
.p-2{padding: 0 2% !important;}

.tabcontent {float: right; padding: 0 0 2em; width: 76%; background: #3F3D3D; height: 100%; min-height: 960px; position: relative;}

.trial_user .tab {background: #222222; width: 24%; height: 100%; display: block; position: absolute; }
.trial_user .tab button {display: block; background-color: inherit; padding: 22% 12%; margin-bottom: 2em; width: 100%; border: none; outline: none; text-align: center; cursor: pointer; transition: 0.3s; font-size: 14px; color: #A34123;}
.trial_user .tab button strong{font-size: 48px; display: block;}
.trial_user .tab button:hover {background: #3F3D3D; color: #F7CC15;}
.trial_user .tab button.active {background: #3F3D3D; color: #F7CC15;}
.trial_user .tabcontent h3{width: 100%; background: rgb(156,56,56);
background: -moz-linear-gradient(90deg, rgba(156,56,56,1) 0%, rgba(174,80,29,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(156,56,56,1) 0%, rgba(174,80,29,1) 100%);
background: linear-gradient(90deg, rgba(156,56,56,1) 0%, rgba(174,80,29,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#9c3838",endColorstr="#ae501d",GradientType=1); font-size: 24px; color: #fff; padding: .5em 2em; display: block;}
.trial_user .tabcontent h3 span{font-size: 16px; font-weight: 300; display: block;}
.trial_user .tabcontent h3 span label{text-transform: uppercase; font-weight: 500; padding: 0; margin: 0;}

.premium_user .tab {background: #222222; width: 24%; height: 100%; display: block; position: absolute; }
.premium_user .tab button {display: block; background-color: inherit; padding: 22% 12%; margin-bottom: 2em; width: 100%; border: none; outline: none; text-align: center; cursor: pointer; transition: 0.3s; font-size: 14px; color: #2789AC;}
.premium_user .tab button strong{font-size: 48px; display: block;}
.premium_user .tab button:hover {background: #3F3D3D; color: #FFFFFF;}
.premium_user .tab button.active {background: #3F3D3D; color: #FFFFFF;}
.premium_user .tabcontent h3{width: 100%; background: rgb(38,137,172);
background: -moz-linear-gradient(90deg, rgba(38,137,172,1) 0%, rgba(96,155,177,1) 100%);
background: -webkit-linear-gradient(90deg, rgba(38,137,172,1) 0%, rgba(96,155,177,1) 100%);
background: linear-gradient(90deg, rgba(38,137,172,1) 0%, rgba(96,155,177,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2689ac",endColorstr="#609bb1",GradientType=1); font-size: 24px; color: #fff; padding: .5em 2em; display: block;}
.premium_user .tabcontent h3 span{font-size: 16px; font-weight: 300; display: block;}
.premium_user .tabcontent h3 span label{text-transform: uppercase; font-weight: 500; padding: 0; margin: 0;}

.diet_plan_main{width: 82%; margin: 1em 3em 0; padding: 1.5em; background: #E3E3E3; border-radius: 30px; display: inline-block;}
.diet_plan_main h6{font-size: 14px; color: #000; font-weight: 400; margin: .5em 0; display: inline-block;}

.on_wake_up_dp{background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, rgb(0,43,112);
background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, -moz-linear-gradient(180deg, rgba(0,43,112,1) 0%, rgba(100,179,224,1) 100%);
background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, -webkit-linear-gradient(180deg, rgba(0,43,112,1) 0%, rgba(100,179,224,1) 100%);
background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, linear-gradient(180deg, rgba(0,43,112,1) 0%, rgba(100,179,224,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002b70",endColorstr="#64b3e0",GradientType=1); width: 100%; margin: 0; padding: 1em 1em 3em; border-radius: 10px; background-size: contain; display: inline-block; overflow-x: auto; flex-wrap: nowrap !important; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none;}
.on_wake_up_dp::-webkit-scrollbar{display: none;}

.post_workout_dp{background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, rgb(0,89,157);
background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, -moz-linear-gradient(180deg, rgba(0,89,157,1) 0%, rgba(100,179,224,1) 100%);
background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, -webkit-linear-gradient(180deg, rgba(0,89,157,1) 0%, rgba(100,179,224,1) 100%);
background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, linear-gradient(180deg, rgba(0,89,157,1) 0%, rgba(100,179,224,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00599d",endColorstr="#64b3e0",GradientType=1);  width: 100%; margin: 0; padding: 1em 1em 3em; border-radius: 10px; background-size: contain; display: inline-block; overflow-x: auto; flex-wrap: nowrap !important; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none;}
.post_workout_dp::-webkit-scrollbar{display: none;}

.breakfast_dp{background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, rgb(41,94,178);
background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, -moz-linear-gradient(180deg, rgba(41,94,178,1) 0%, rgba(44,167,237,1) 100%);
background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, -webkit-linear-gradient(180deg, rgba(41,94,178,1) 0%, rgba(44,167,237,1) 100%);
background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, linear-gradient(180deg, rgba(41,94,178,1) 0%, rgba(44,167,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#295eb2",endColorstr="#2ca7ed",GradientType=1); width: 100%; margin: 0; padding: 1em 1em 3em; border-radius: 10px; background-size: contain; display: inline-block; overflow-x: auto; flex-wrap: nowrap !important; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none;}
.breakfast_dp::-webkit-scrollbar{display: none;}

.brunch_dp{background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, rgb(47,189,234);
background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, -moz-linear-gradient(180deg, rgba(47,189,234,1) 0%, rgba(44,167,237,1) 100%);
background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, -webkit-linear-gradient(180deg, rgba(47,189,234,1) 0%, rgba(44,167,237,1) 100%);
background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, linear-gradient(180deg, rgba(47,189,234,1) 0%, rgba(44,167,237,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2fbdea",endColorstr="#2ca7ed",GradientType=1); width: 100%; margin: 0; padding: 1em 1em 3em; border-radius: 10px; background-size: contain; display: inline-block; overflow-x: auto; flex-wrap: nowrap !important; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none;}
.brunch_dp::-webkit-scrollbar{display: none;}

.lunch_dp{background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, rgb(255,202,62);
background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, -moz-linear-gradient(180deg, rgba(255,202,62,1) 0%, rgba(255,191,98,1) 100%);
background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, -webkit-linear-gradient(180deg, rgba(255,202,62,1) 0%, rgba(255,191,98,1) 100%);
background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, linear-gradient(180deg, rgba(255,202,62,1) 0%, rgba(255,191,98,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffca3e",endColorstr="#ffbf62",GradientType=1); width: 100%; margin: 0; padding: 1em 1em 3em; border-radius: 10px; background-size: contain; display: inline-block; overflow-x: auto; flex-wrap: nowrap !important; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none;}
.lunch_dp::-webkit-scrollbar{display: none;}

.evening_beverage_dp{background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, rgb(255,174,29);
background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, -moz-linear-gradient(180deg, rgba(255,174,29,1) 0%, rgba(253,232,170,1) 100%);
background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, -webkit-linear-gradient(180deg, rgba(255,174,29,1) 0%, rgba(253,232,170,1) 100%);
background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, linear-gradient(180deg, rgba(255,174,29,1) 0%, rgba(253,232,170,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffae1d",endColorstr="#fde8aa",GradientType=1); width: 100%; margin: 0; padding: 1em 1em 3em; border-radius: 10px; background-size: contain; display: inline-block; overflow-x: auto; flex-wrap: nowrap !important; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none;}
.evening_beverage_dp::-webkit-scrollbar{display: none;}

.evening_snack_dp{background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, rgb(143,162,232);
background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, -moz-linear-gradient(180deg, rgba(143,162,232,1) 0%, rgba(106,117,197,1) 100%);
background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, -webkit-linear-gradient(180deg, rgba(143,162,232,1) 0%, rgba(106,117,197,1) 100%);
background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, linear-gradient(180deg, rgba(143,162,232,1) 0%, rgba(106,117,197,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#8fa2e8",endColorstr="#6a75c5",GradientType=1); width: 100%; margin: 0; padding: 1em 1em 3em; border-radius: 10px; background-size: contain; display: inline-block; overflow-x: auto; flex-wrap: nowrap !important; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none;}
.evening_snack_dp::-webkit-scrollbar{display: none;}

.evening_post_workout_dp{background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, rgb(89,101,185);
background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, -moz-linear-gradient(180deg, rgba(89,101,185,1) 0%, rgba(143,162,232,1) 100%);
background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, -webkit-linear-gradient(180deg, rgba(89,101,185,1) 0%, rgba(143,162,232,1) 100%);
background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, linear-gradient(180deg, rgba(89,101,185,1) 0%, rgba(143,162,232,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#5965b9",endColorstr="#8fa2e8",GradientType=1); width: 100%; margin: 0; padding: 1em 1em 3em; border-radius: 10px; background-size: contain; display: inline-block; overflow-x: auto; flex-wrap: nowrap !important; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none;}
.evening_post_workout_dp::-webkit-scrollbar{display: none;}

.dinner_dp{background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, rgb(106,100,165);
background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, -moz-linear-gradient(180deg, rgba(106,100,165,1) 0%, rgba(107,70,171,1) 100%);
background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, -webkit-linear-gradient(180deg, rgba(106,100,165,1) 0%, rgba(107,70,171,1) 100%);
background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, linear-gradient(180deg, rgba(106,100,165,1) 0%, rgba(107,70,171,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#6a64a5",endColorstr="#6b46ab",GradientType=1); width: 100%; margin: 0; padding: 1em 1em 3em; border-radius: 10px; background-size: contain; display: inline-block; overflow-x: auto; flex-wrap: nowrap !important; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none;}
.dinner_dp::-webkit-scrollbar{display: none;}

.bed_time_dp{background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, rgb(85,80,134);
background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, -moz-linear-gradient(180deg, rgba(85,80,134,1) 0%, rgba(54,39,86,1) 100%);
background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, -webkit-linear-gradient(180deg, rgba(85,80,134,1) 0%, rgba(54,39,86,1) 100%);
background:url(../img/diet_plan_bottom_bg.svg) no-repeat bottom, linear-gradient(180deg, rgba(85,80,134,1) 0%, rgba(54,39,86,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#555086",endColorstr="#362756",GradientType=1); width: 100%; margin: 0; padding: 1em 1em 3em; border-radius: 10px; background-size: contain; display: inline-block; overflow-x: auto; flex-wrap: nowrap !important; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none;}
.bed_time_dp::-webkit-scrollbar{display: none;}

.dp_options{width: 250px; min-height: 147px; background: #FFF; padding: 2em; border-radius: 10px; text-align: left; display: inline-flex;}
.dp_options label{font-size: 14px; color: #222; text-align: left; line-height:25px; display: block;}
.dp_options label span{font-size: 14px; color: #FF6400; text-align: left; padding: 0 !important; display: inline-block;}
.dp_options label strong{font-size: 16px !important;}
.or{width: 28px; height: 28px; line-height: 28px; margin: 1.5em -1em; z-index: 9; position: relative; border-radius: 100%; background: #fff; border: #DDDDDD 1px solid; box-shadow: rgba(0,0,0,0.2) 0 2px 4px; font-size: 12px; font-weight: 600; text-transform: uppercase; text-align: center; color: #000; vertical-align: text-top; display: inline-grid;}

.diet_plan_main label{font-size: 14px; padding: .5em 0; display: block;}
.diet_plan_main label input{outline: #5347BD;}
.diet_plan_main label input[type=radio] {font-size: 14px; background: #5347BD; accent-color: #5347BD; content: ''; transform: scale(1.7); display: inline-block; cursor: pointer;}
.diet_plan_main label span {font-size: 14px; font-weight: 500; padding: 0 2em 0 0; display: inline-block;}

.profile_details{width: 82%; margin: 1em 3em 0; padding: 1.5em; background: #E3E3E3; border-radius: 30px; display: inline-block;}
.profile_details label{font-size: 14px; color: #000; font-weight: 400; margin: .5em 0; display: block;}
.profile_details label strong{font-size: 20px; color: #000; font-weight: 400; display: inline-block;}
.profile_details label .red{color: #FF0000; font-weight: 600;}
.profile_details label img{width: auto; height: 90px; max-width: 100%; border: none; display: inline-block;}
.profile_details h5{font-size: 20px; font-weight: 600; color: #000; display: block;}
.profile_details h5 span{font-size: 14px; font-weight: 300; color: #000; display: block;}

.add_labels{width: 82%; margin: 1em 3em 0; padding: 1.5em; background: #E3E3E3; border-radius: 30px; display: inline-block;}
.add_labels h5{font-size: 20px; font-weight: 600; color: #000; display: block;}
.add_labels h5 span{font-size: 14px; font-weight: 300; color: #000; display: block;}
.add_labels label{font-size: 14px; color: #222222; font-weight: 400; margin: 0 0 .5em; display: block;}
.add_labels input{width: 100%; padding: 1.1rem; font-size: 14px; font-weight: 400; color: #222222; text-align: center; background-color: #FFF; border: #BEC6CE 1px solid !important; border-radius: 4px !important; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; outline: none !important; margin-bottom: 1em; display: block;}
.form-select{width: 100%;  overflow: hidden;  padding: 1.1rem 2.1rem 1.1rem 1rem; -moz-padding-start: calc(0.75rem - 3px); font-size: 14px; font-weight: 400; color: #222222; background-color: #FFF; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"); background-repeat: no-repeat; background-position: right 0.75rem center; background-size: 16px 12px; border: #BEC6CE 1px solid !important; border-radius: 4px !important; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; cursor: pointer; outline: none !important; margin-bottom: 1em; display: block;}
.add_labels textarea{width: 100%; height: 116px; resize: none; padding: 1.1rem; font-size: 14px; font-weight: 400; color: #222222; text-align: left; background-color: #FFF; border: #BEC6CE 1px solid !important; border-radius: 4px !important; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; appearance: none; outline: none !important; margin-bottom: 1em; display: block;}
.btn_plus{width: auto !important; height: auto !important; max-width: 100% !important; border: none !important; margin: 0 auto !important; display: block !important;}
.add_labels .textarea_box{display: block;}
.add_labels .textarea_box span{font-size: 10px; color: #5E6067; margin: -3em 1.3em 0 0; display: block; float: right; text-align: right;}
.add_labels img{width: auto; height: auto; max-width: 100%; border: none; display: inline-block;}
.add_labels h4{background: #D9D9D9; padding: 1em; font-size: 14px; font-weight: 600; text-align: left; color: #222; margin: .5em 0; display: block;}
.add_labels h4 strong{font-size: 14px; text-align: right; font-weight: 600; color: #222; float: right;}
.add_labels h3{background: #62B47F !important;padding: 1em !important;font-size: 14px !important;font-weight: 300;text-align: left;color: #fff !important;margin: .5em 0;display: block !important;}
.add_labels h3 strong{font-size: 14px; text-align: right; font-weight: 600; color: #fff; float: right;}
.btn_cnl{width: 100%; height: auto; background: #000000; border-radius: 30px; font-weight: 600; font-size: 14px; text-align: center; color: #fff !important; text-decoration: none !important; padding: .7em; display: block;}
.btn_cnl:hover{background: #333333;}

.emoji_box{background: #fff; padding: 1em; display: block;}
.emoji_box img{width: 52px; height: auto; max-width: 100%; border: none; margin: .47em; display: inline-block;}

.sticker_box{background: #C2C5E6; padding: 1em; float: left; display: block;}
.sticker_box img{width: auto; height: 55px; max-width: 100%; border: none; margin: .47em; display: inline-block;}

.rating {display: flex; flex-direction: row-reverse; justify-content: left;}
.rating>input {display: none;}
.rating>label {position: relative; width: auto; font-size: 64px; font-weight: 100; color: #b5b5b5; cursor: pointer; margin: 0;}
.rating>label::before {content: "\2605"; position: absolute; opacity: 0; color: #FFD600;}
.rating>label:hover:before, .rating>label:hover~label:before{opacity: 1 !important; color: #FFD600;}
.rating>input:checked~label:before {opacity: 1; color: #FFD600;}
.rating:hover>input:checked~label:before {opacity: 0.9; color: #FFD600;}

.tweaktip_txt{width: 70%; height: auto; margin: 0 auto; display: block;}
.tweaktip_txt h2{font-size: 20px; font-weight: 600; text-align: left; color: #AAAAAA; margin: .5em 0; display: block;}
.tweaktip_txt p{font-size: 14px; text-align: left; font-weight: 200; color: #E3E3E3; display: block;}

.add_labels h6{font-size: 12px; font-weight: 400; color: #5E6067; text-transform: uppercase; display: block;}
.switch {position: relative; display: block; vertical-align: top; width: 85px; height: 30px; padding: 3px; margin: 0 auto !important; border-radius: 18px; cursor: pointer; box-sizing:content-box;}
.switch-input {position: absolute; top: 0; left: 0; opacity: 0; box-sizing:content-box;}
.switch-label {position: relative; display: block; height: inherit; font-size: 12px; text-transform: uppercase; background: #D32128; border-radius: inherit; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.12), inset 0 0 2px rgba(0, 0, 0, 0.15); box-sizing:content-box;}
.switch-label:before, .switch-label:after{position: absolute; top: 50%; margin-top: -.5em; line-height: 1; -webkit-transition: inherit; -moz-transition: inherit; -o-transition: inherit; transition: inherit; box-sizing:content-box;}
.switch-label:before{content: attr(data-on); right: 11px; color: #ffffff;}
.switch-label:after{content: attr(data-off); left: 11px; color: #FFFFFF; opacity: 0;}
.switch-input:checked ~ .switch-label{background: #00CD7E; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15), inset 0 0 3px rgba(0, 0, 0, 0.2);}
.switch-input:checked ~ .switch-label:before{opacity: 0;}
.switch-input:checked ~ .switch-label:after{opacity: 1;}
.switch-handle{position: absolute; top: 4px; left: 4px; width: 28px; height: 28px; background: linear-gradient(to bottom, #FFFFFF 40%, #f0f0f0); background-image: -webkit-linear-gradient(top, #FFFFFF 40%, #f0f0f0); border-radius: 100%; box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);}
.switch-handle:before{content: ""; position: absolute; top: 50%; left: 50%; margin: -6px 0 0 -6px; width: 12px; height: 12px; background: linear-gradient(to bottom, #eeeeee, #FFFFFF); background-image: -webkit-linear-gradient(top, #eeeeee, #FFFFFF); border-radius: 6px; box-shadow: inset 0 1px rgba(0, 0, 0, 0.02);}
.switch-input:checked ~ .switch-handle{left: 59px; box-shadow: -1px 1px 5px rgba(0, 0, 0, 0.2);}
.switch-label, .switch-handle {transition: All 0.3s ease; -webkit-transition: All 0.3s ease; -moz-transition: All 0.3s ease; -o-transition: All 0.3s ease;}

.mySlides {display: none}
.slideshow-container {width: 100%; position: relative; margin: 0; display: inline-block;}
.prev, .next {cursor: pointer; position: absolute; top: 50%; width: auto; padding: 16px; margin-top: -22px; color: white; font-weight: bold; font-size: 18px; transition: 0.6s ease; border-radius: 0 3px 3px 0; user-select: none;}
.next {right: 0; border-radius: 3px 0 0 3px;}
.prev:hover, .next:hover {background-color: rgba(0,0,0,0.8);}
.text {color: #f2f2f2; font-size: 15px; padding: 8px 12px; position: absolute; bottom: 8px; width: 100%; text-align: center;}
.numbertext {color: #f2f2f2; font-size: 12px; padding: 8px 12px; position: absolute; top: 0;}
.dot {cursor: pointer; height: 15px; width: 15px; margin: 0 2px; background-color: #bbb; border-radius: 50%; display: inline-block; transition: background-color 0.6s ease;}
.active, .dot:hover{background-color: #717171;}
.fade {animation-name: fade; animation-duration: 1.5s;}

.steps_graph{background: #fff; border-radius: 10px; padding: 1.5em; display: inline-block;}
.steps_graph img{width: auto; height: auto; max-width: 100%; border: none; display: block;}
.steps_graph label{font-size: 14px; color: #000; font-weight: 400; margin: .5em 0 0; display: block;}
.steps_graph label b{font-size: 25px; color: #000; font-weight: bold; padding-right: 1em; margin: 0; display: inline-block;}
.profile_details p{font-size: 14px; text-align: center; color: #222222; font-weight: 500; margin: .5em 0 0; display: block;}
.wprt-spacer {clear: both;}

.nav_scrool{height: 800px; overflow-y: auto; display: flow-root; flex-wrap: nowrap !important; -ms-overflow-style: none; scrollbar-width: none;}
.nav_scrool::-webkit-scrollbar{display: none;}


@media only screen and (max-width: 1728px) {
	.tweak_box{width: 780px;}
	.steps_graph {padding: 1.5em;}
	.emoji_box img {width: 43px;}
	.sticker_box img {width: auto; height: 52px;}
	.nav_scrool {height: 800px; overflow-y: auto; overflow-x: hidden; display: flow-root;}
	.tabcontent {min-height: 960px;}
}
@media only screen and (max-width: 1680px) {
	.tweak_box {width: 768px;}
	.steps_graph {padding: 1em;  width: 100%;}
	.emoji_box img {width: 29px;}
	.sticker_box img {width: auto; height: 36px;}
	.nav_scrool {height: 720px; overflow-y: auto; overflow-x: hidden; display: flow-root;}
	.tabcontent {min-height: 960px;}
}
@media only screen and (max-width: 1600px) {
	.tweak_box {width: 768px;}
	.steps_graph {padding: 1em;  width: 100%;}
	.emoji_box img {width: 29px;}
	.sticker_box img {width: auto; height: 36px;}
	.nav_scrool {height: 720px; overflow-y: auto; overflow-x: hidden; display: flow-root;}
	.tabcontent {min-height: 960px;}
}
@media only screen and (max-width: 1536px) {
	.tweak_box {width: 768px;}
	.steps_graph {padding: 1em;  width: 100%;}
	.emoji_box img {width: 29px;}
	.sticker_box img {width: auto; height: 36px;}
	.nav_scrool {height: 720px; overflow-y: auto; overflow-x: hidden; display: flow-root;}
	.tabcontent {min-height: 960px;}
}
@media only screen and (max-width: 1440px) {
	.tweak_box {width: 768px;}
	.steps_graph {padding: 1em;  width: 100%;}
	.emoji_box img {width: 29px;}
	.sticker_box img {width: auto; height: 36px;}
	.nav_scrool {height: 720px; overflow-y: auto; overflow-x: hidden; display: flow-root;}
	.tabcontent {min-height: 960px;}
}
@media only screen and (max-width: 1400px) {
	.tweak_box {width: 768px;}
	.steps_graph {padding: 1em;  width: 100%;}
	.emoji_box img {width: 29px;}
	.sticker_box img {width: auto; height: 36px;}
	.nav_scrool {height: 720px; overflow-y: auto; overflow-x: hidden; display: flow-root;}
	.tabcontent {min-height: 960px;}
}
@media only screen and (max-width: 1366px) {
	.tweak_box {width: 768px;}
	.steps_graph {padding: 1em;  width: 100%;}
	.emoji_box img {width: 29px;}
	.sticker_box img {width: auto; height: 36px;}
	.nav_scrool {height: 720px; overflow-y: auto; overflow-x: hidden; display: flow-root;}
	.tabcontent {min-height: 960px;}
}
@media only screen and (max-width: 1280px) {
	.tweak_box {width: 768px;}
	.steps_graph {padding: 1em;  width: 100%;}
	.emoji_box img {width: 29px;}
	.sticker_box img {width: auto; height: 36px;}
	.nav_scrool {height: 720px; overflow-y: auto; overflow-x: hidden; display: flow-root;}
	.tabcontent {min-height: 960px;}
}