@charset "UTF-8";
@font-face {
  font-family: "Arial";
  src: url("../webfonts/ArialMT.woff2") format("woff2"),
    url("../webfonts/ArialMT.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Homemade Apple";
  src: url("../webfonts/HomemadeApple.woff2") format("woff2"),
    url("../webfonts/HomemadeApple.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: "Brandon Grotesque";
  src: url("../webfonts/BrandonGrotesque-Bold.woff2") format("woff2"),
    url("../webfonts/BrandonGrotesque-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
}

@font-face {
  font-family: "Brandon Grotesque";
  src: url("../webfonts/BrandonGrotesque-Medium.woff2") format("woff2"),
    url("../webfonts/BrandonGrotesque-Medium.woff") format("woff");
  font-weight: 500;
  font-style: normal;
}

body {
  font-family: "Brandon Grotesque" !important;
  font-size: 16px;
  margin: 0;
  padding: 0;
  color: #276481;
  overflow-x: hidden !important;
}
html {
  height: 100vh;
}
a{
    cursor: pointer;
}
dl,
ol,
ul {
  margin: 0 !important;
  padding: 0 !important;
}
.uppercase {
  text-transform: uppercase;
}

.main-container-div {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-height: calc(100vh);
  min-height: calc(100vh);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  overflow-y: auto;
}

._pendo-text-plain {
  font-family: 'Roboto', 'Arial', sans-serif;
}

.life-eats-plans {
  margin-bottom: 25px;
}
.life-eats-plans img {
  height: 231px;
  object-fit: cover;
  width: 100%;
}
.diet-alert .weekly-days.days-diet a.week-days,
.diet-alert .weekly-days.days-diet a.week-days:hover {
  background: url(../images/shapes/shape-new.svg) no-repeat 0 0 !important;
  line-height: 39px;
  margin: 0 5px !important;
}

.diet-alert .weekly-days.days-diet a.week-days:hover,
.diet-alert .weekly-days.days-diet a.week-days:focus,
.diet-alert .weekly-days.days-diet a.week-days.active {
  background-color: transparent !important;
  color: #fff;
}
.info-avoids {
  background: #fff;

  border-radius: 100px;
  width: 15px;
  height: 15px;
  color: #db2222;
  font-family: "Brandon Grotesque";
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
}
.diet-alert .weekly-days.days-diet a.week-days.active {
  background: url(../images/shapes/shape-new-active.svg) no-repeat 0 0 !important;
}
.info-blue {
  background-color: #235f6f;

  border-radius: 100px;
  width: 15px;
  height: 15px;
  color: #fff;
  font-family: "Brandon Grotesque";
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
}
.info-blue-eats {
  background-color: #515366;
  box-shadow: 0 2px 10px 0 rgba(191, 191, 191, 0.5);

  border-radius: 100px;
  width: 18px;
  height: 18px;
  color: #fff;
  font-family: "Brandon Grotesque";
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 18px;
  text-align: center;
  margin-left: 5px;
}

h1.page-content-title {
  font-size: 22px;
  font-weight: bold;
}

h4.custom-font-sm {
  font-size: 16px;
}

h4.custom-font-sm {
  font-size: 14px;
  font-weight: bold;
}
.cd-content.top-bar-fruits p br {
  display: none;
}
h6.font-small-size {
  color: #407588;
  font-size: 19px;
  padding: 0 20px;
  font-weight: bold;
  letter-spacing: 0.55px;
  line-height: 22px;
  text-align: center;
}
h4.custom-font-sm-l {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.68px;
  line-height: 22px;
  text-align: center;
  color: #235f6f;
}

li {
  list-style: none;
}

a:focus,
img:focus,
button:focus {
  outline: none;
  transition: all 0.5s ease;
}

a:hover {
  text-decoration: none;
}

a:hover {
  transition: all 0.5s ease;
}

img {
  max-width: 100%;
}

.btn-info-custom .btn {
  font-size: 18px;
  color: #fff;
  letter-spacing: 0.93px;
  line-height: 25px;
  text-align: center;
  transition: all 0.5s ease;
  border-radius: 27px;
  box-shadow: 0 4px 8px 0 rgba(190, 187, 191, 0.72);
  border: 0;
  font-weight: bold;
  max-width: 300px;
  margin: 0 auto;
  padding: 3px 10px;
  letter-spacing: 0.84px;
}
.btn-info-custom.btn-splashs .btn {
  width: 280px;
  margin: 0 auto;
}
.btn-info-custom .btn-primary-white {
  background: #fff;
  color: #276481;
}

.btn-info-custom .btn-primary {
  background-color: #f77062;
}
.btn-info-custom .btn-primary:hover,
.btn-info-custom .btn-primary:active {
  background-color: #0f9fb1;
  color: #fff;
}
.btn-login .btn.btn-primary.btn-sm:hover,
.btn-login .btn.btn-primary.btn-sm:active,
.btn-login .btn.btn-primary.btn-sm:focus {
  background-color: #0f9fb1;
  color: #fff;
}
.btn-info-custom .btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-info-custom .btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: none;
  background-color: #0f9fb1;
  border-color: #0f9fb1;
}
.btn-info-custom .btn-secondary:hover,
.btn-info-custom .btn-secondary:active {
  background-color: #f77062;
  color: #fff;
}
.btn-info-custom .btn-secondary:not(:disabled):not(.disabled).active:focus,
.btn-info-custom .btn-secondary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: none;
  background-color: #f77062;
  border-color: #f77062;
}

.btn-info-custom .btn-primary:not(:disabled):not(.disabled).active,
.btn-info-custom .btn-primary:not(:disabled):not(.disabled):active,
.show > .btn-primary.dropdown-toggle {
  box-shadow: none;
  background-color: #0f9fb1;
  border-color: #0f9fb1;
}
.btn-info-custom .btn-secondary {
  background-color: #0f9fb1;
}

.splash-container {
  display: table;
  height: 100vh;
  width: 100%;
  text-align: center;
}

.splash-logo {
  margin-top: 7rem;
}

.logo-caption {
  color: #235f6f;
  margin-top: 10px;
  font-family: "Brandon Grotesque";
  font-size: 18.2px;
  font-weight: bold;
  letter-spacing: 0.83px;
  line-height: 22px;
  text-align: center;
}

.splas-curve {
  position: fixed;
  width: 100%;
  height: 300px;
  bottom: 0;
}

.splas-curve img {
  width: 100%;
}

.top-bar {
  width: 100%;
  height: 165px;
  position: relative;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

.top-bar img {
  width: 100%;
  height: 100%;
}

.bg-orange {
  color: #f77062 !important;
}

.bg-blue {
  color: #235f6f;
}

.text-style {
  font-weight: bold;
}

.text-format {
  text-transform: uppercase;
}

.text-font {
  font-family: "Homemade Apple";
}

.md-info {
  color: #276481;
  font-family: "Brandon Grotesque";
  font-size: 19px;
  font-weight: bold;
  letter-spacing: 1.01px;
  line-height: 27px;
  text-align: center;
  margin-bottom: 0;
}

.md-help-info {
  color: #276481;
  word-break: break-word;
  font-family: "Brandon Grotesque";
  text-transform: uppercase;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 1.37px;
  line-height: 31px;
  text-align: center;
  text-shadow: 0 2px 4px rgba(193, 193, 193, 0.5);
}

.work-info {
  color: #f77062;
  font-family: "Homemade Apple";
  font-size: 27px;
  letter-spacing: 0.92px;
  line-height: 58px;
  text-align: center;
}

.self-info {
  color: #235f6f;
  font-family: "Brandon Grotesque";
  font-size: 19px;
  font-weight: bold;
  letter-spacing: 1.01px;
  line-height: 27px;
  text-align: center;
}

.btn-info-custom {
  margin: 0;
}

.splash-box {
  max-width: 450px;
  margin: 0 auto;
}

/**about us **/

.bg-login {
  background: url(../images/login-img-small.jpg) no-repeat 0 0;
  background-size: cover;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: -1;
  background-position: center;
}

.about-container p {
  font-weight: bold;
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.37px;
  line-height: 25px;
  text-align: center;
}

.about-partners h2 {
  color: #235f6f;
  font-family: "Brandon Grotesque";
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0.6px;
  line-height: 19px;
  margin-bottom: 20px;
  text-align: left;
}

.about-partners li {
  margin-bottom: 20px;
  text-align: center;
}

.action-back img {
  width: 24px;
}

.header {
  position: fixed;
  top: 0;
  width: 100%;
  left: 0;
  right: 0;
  cursor: pointer;
  padding: 40px 10px 10px 10px;
}

/*login*/

/*.login-box {
	max-width: 256px;
	margin: 0 auto;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	/*justify-content: center;*/
/*height: 100vh;
}
.form-login {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	height: calc(100vh - 97px);
}*/

.login-box {
  max-width: 256px;
  margin: 0 auto;
  display: table;
  height: 100vh;
}
.form-login {
  display: table-cell;
  vertical-align: bottom;
  width: 100%;
}
.login-box h2 {
  text-align: center;

  color: #ffffff;
  font-size: 33px;
  font-weight: bold;
  letter-spacing: 1.03px;
  line-height: 39px;
  text-align: center;
  display: table-cell;
  width: 100%;

  position: absolute;
  top: 90px;
  left: 0;
  right: 0;
}
.form-control.form-control-custom {
  color: #f9f9f9;
  font-family: "Brandon Grotesque";
  font-size: 21px;
  height: 43px;
  font-weight: bold;
  letter-spacing: 0.22px;
  line-height: 43px;
  text-shadow: 0 2px 4px #4a4a4a;
  border: 0;
  border-bottom: 2px solid #ffffff;
  background: transparent;
  padding-left: 0;
  padding-right: 0;
  border-radius: 0;
}
.btn-login .btn.btn-primary {
  min-width: 190px;
  border-radius: 27px;
  background: linear-gradient(21.08deg, #f7bb6e 0%, #f77062 100%);
  box-shadow: 0 2px 4px 0 rgba(155, 155, 155, 0.72);
  color: #ffffff;
  font-family: "Brandon Grotesque";
  font-size: 21px;
  font-weight: bold;
  letter-spacing: 0.66px;
  line-height: 39px;
  padding: 0;
  height: 54px;
  line-height: 54px;
  border: 0;
}

.form-control.form-control-custom::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #f9f9f9;
  opacity: 1;
}

.form-control.form-control-custom::-moz-placeholder {
  /* Firefox 19+ */
  color: #f9f9f9;
  opacity: 1;
}

.form-control.form-control-custom:-ms-input-placeholder {
  /* IE 10+ */
  color: #f9f9f9;
  opacity: 1;
}

.form-control.form-control-custom:-moz-placeholder {
  /* Firefox 18- */
  color: #f9f9f9;
  opacity: 1;
}

.login-box .form-group {
  margin-bottom: 2.2rem;
}
.login-box .form-control.form-control-custom:focus {
  border-bottom: 2px solid #ffffff !important;
  background-color: transparent;
  color: #fff;
}
.form-control:focus {
  box-shadow: none;
}

.btn-primary:not(:disabled):not(.disabled).active:focus,
.btn-primary:not(:disabled):not(.disabled):active:focus,
.show > .btn-primary.dropdown-toggle:focus {
  box-shadow: none;
}

footer {
  position: relative;
}

.footer-curve {
  background: url(../images/footer-curve.svg) no-repeat 0 0;
  background-size: contain;
  height: 100%;
  width: 100%;
  position: fixed;
  z-index: -1;
  background-position: bottom;
  bottom: 0;
}

/*.footer-curve:after{
     background: url(../images/curve-foot.svg) no-repeat 0 0;
     background-size: contain;
     height: 100%;
     width: 100%;
     position: fixed;
     z-index: -1;
     background-position: bottom;
     bottom: 0;
}
 */

.testimonial-container h2 {
  color: #0f9fb1;
  font-size: 22px;
  letter-spacing: 0.96px;
  line-height: 26px;
  text-align: center;
  padding-top: 10px;
}

.client-review {
  margin: 25px 0;
}

h2.caption {
  color: #235f6f;
  font-size: 13px;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 0.6px;
  line-height: 19px;
  text-align: center;
}

.testimonial-views p {
  color: #47495a;
  font-family: Arial;
  font-size: 13px;
  letter-spacing: 0;
  line-height: 17px;
  text-align: center;
  margin-bottom: 0;
}

.client-info {
  padding-top: 35px;
}

.client-info h3 {
  color: #1e4e65;
  font-family: "Brandon Grotesque";
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.43px;
  line-height: 25px;
  text-align: center;
}

.client-info p {
  color: #1e4e65;
  font-family: "Homemade Apple";
  font-size: 23.2px;
  letter-spacing: 1.52px;
  padding: 20px 0;
  line-height: 25px;
  text-align: center;
}

.media-box {
  max-width: 760px;
  margin: 0 auto;
}

.client-review .row {
  justify-content: center;
  align-self: center;
  align-items: center;
}

/**gender**/

.bg-orange-container {
  background: radial-gradient(circle, #fff39d 0%, #f77062 100%);
  background-size: cover;
  height: 100%;
  width: 100%;
  position: fixed;
  top: 60px;
  background-position: center;
}

.box-container {
  text-align: center;
  max-width: 300px;
  margin: 0 auto;
}

.box-container1 {
  max-width: 500px;
  margin: auto;
}

.card {
  border-radius: 0 !important;
  border: 0 !important;
  min-height: 480px;
  padding: 40px 30px;
  box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  justify-content: center;
}

.card h2 {
  color: #235f6f;
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 0.83px;
  line-height: 22px;
  text-align: center;
  justify-content: start;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
}

.card h2 span {
  font-size: 12px;
  margin-top: 5px;
}

.card:after {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.7);
  /*box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1);*/
  content: "";
  width: 320px;
  left: -10px;
  /*height: calc(100% - 80px);*/
  bottom: 40px;
  top: 40px;
}

.box-container h1 {
  color: #ffffff;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.96px;
  line-height: 26px;
  text-align: center;
}

.cutom-radio-gender label {
  display: inline-block;
  padding: 10px;
  margin: 0 20px;
}
.cutom-radio-gender.gd-box label {
  margin: 0 30px;
}
.card.card-dsigns {
  padding: 40px 10px;
}
.checked {
  background: #f00;
}

.male.checked {
  background: Green;
}

.female.checked {
  background: Pink;
}

input {
  background: none;
}

.custom-gender-image input {
  opacity: 0;
}

.custom-gender-image .male {
  background: url(../images/logos/male.svg) no-repeat 0 0;
  height: 140px;
  width: 67px;
  transition: 0.5s all ease;
}

.custom-gender-image .female {
  background: url(../images/logos/female.svg) no-repeat 0 0;
  height: 140px;
  width: 67px;
  transition: 0.5s all ease;
}

.custom-gender-image .male.checked {
  background: url(../images/logos/male-active.svg) no-repeat 0 0;
  height: 140px;
  width: 67px;
  transition: 0.5s all ease;
}

.custom-gender-image .female.checked {
  background: url(../images/logos/female-active.svg) no-repeat 0 0;
  height: 140px;
  width: 67px;
  transition: 0.5s all ease;
}

.btn-login .btn.btn-primary.btn-sm {
  height: 44px;
  line-height: 44px;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.85px;
  background: #f77062;
  box-shadow: 0 3px 6px 0 rgba(155, 155, 155, 0.72);
  min-width: 170px;
}

.btn-login .btn.btn-primary.btn-sml {
  height: 44px;
  font-weight: bold;
  letter-spacing: 0.85px;
  background: #f77062;
  box-shadow: 0 3px 6px 0 rgba(155, 155, 155, 0.72);
  display: block;
  color: #ffffff;
  font-family: "Brandon Grotesque";
  font-size: 12px;
  padding: 7px 0px;
  line-height: 17px;
  text-align: center;
  text-transform: uppercase;
}

.weight-track {
  position: relative;
  height: 100%;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  justify-content: center;
  align-self: center;
  align-items: center;
}

.weight-track .form-group {
  position: absolute;
  left: 0;
  right: 0;
  top: 66px;
  margin-bottom: 0;
}

.weight-track .form-control {
  background: transparent;
  border: 0;
  width: 86px;
  margin: 0 auto;
  line-height: normal;
  color: #9f9f9f;
  font-family: "Brandon Grotesque";
  font-size: 21px;
  font-weight: bold;
  letter-spacing: 0.65px;
  line-height: 21px;
  text-align: center;
  padding: 0;
}

.white-box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  flex-direction: column;
  z-index: 1;
  position: relative;
}

.age-track {
  color: #9f9f9f;
  font-family: "Brandon Grotesque";

  font-weight: bold;
  letter-spacing: 0.65px;

  text-align: left;
  position: relative;
  text-transform: uppercase;

  width: 163px;
}
.weight-track .age-track .form-control {
  width: 100%;
  color: #9f9f9f;
  font-size: 31px;
  font-weight: bold;
  letter-spacing: 0.65px;

  text-transform: uppercase;
  text-align: left;

  padding: 0 10px;
  font-style: normal;
}
.weight-track .age-track em {
  position: absolute;
  right: 4px;
  top: 9px;
  font-size: 31px;
  font-weight: bold;
  letter-spacing: 0.65px;
  font-style: normal;
}

/**modal-custom**/

.modal-custom.modal-top-level {
  z-index: 90001;
}

.modal-custom .modal-header {
  border-radius: 22px 22px 0 0;
  background: linear-gradient(45.68deg, #f7bb6e 0%, #f77062 100%);
  justify-content: center;
  width: 100%;
  border: 0;
  padding: 0.7rem 0;
}

.modal-custom .modal-header img {
  width: 18px;
  height: 51px;
}

.modal-custom .modal-content {
  border-radius: 22px 22px 22px 22px;
  background-color: #ffffff;
  border: 0;
  box-shadow: 0 17px 27px 0 rgba(177, 176, 176, 0.5);
}

.modal-custom .modal-footer {
  justify-content: center;
  border: 0;
}

.distance-5 {
  margin-top: 45px;
}

.modal-body.modal-cutom-content h2 {
  font-size: 15px;
  padding-right: 0px;
  color: #235f6f;
  font-weight: bold;
  letter-spacing: 0.61px;
  line-height: 23px;
}

.modal-backdrop {
  background-color: #fff !important;
  opacity: 0.9 !important;
}

.modal-header-custom {
  background: linear-gradient(45.68deg, #f7bb6e 0%, #f77062 100%);
  height: 100%;
  border-radius: 22px 0 0 22px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 55px 0;
}

.modal-header-custom img {
  width: 24px;
}

.content-center {
  justify-content: center;

  align-self: center;
}

.term-box {
  border: 1px solid #0fb1a5;
  text-align: left;
}
.term-box p {
  color: #235f6f;
  font-family: "Arial";
  font-size: 13.2px;
  letter-spacing: 0.4px;
  line-height: 20px;
  padding: 0 25px !important;
}

.top-bar.term {
  height: 71px;
}

.footer-curve-term {
  background: url(../images/img-curve-termfoot.png) no-repeat 0 0;
  background-size: contain;
  height: 100%;
  width: 100%;
  position: fixed;
  background-position: bottom;
  bottom: 0;
  overflow-y: auto;
}

/**sucess**/

.bg-sucess-container {
  background: url(../images/sucess-bg.png) no-repeat;
  height: 100%;
  width: 100%;
  position: fixed;
  background-position: top;
  top: 0;
  overflow-y: auto;
}
.bg-sucess-container-dots {
  background: url(../images/sucess-bg1.jpg) repeat;
  height: 300px;
  width: 100%;
  position: relative;
  z-index: -1;
  background-position: center;
  overflow-y: auto;

}

.sucess-container {
  max-width: 300px;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: calc(100vh - 100px);
}

.sucess-content {
  align-items: center;
  align-self: center;
  justify-content: center;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: column;
  text-align: center;
}

.sucess-content h3 {
  color: #f77062;
  font-family: "Homemade Apple";
  font-size: 45px;
  letter-spacing: 1.53px;
  line-height: 97px;
  text-align: center;
}

.sucess-content p {
  font-size: 16px;
  color: #235f6f;

  font-weight: bold;
  letter-spacing: 0.86px;
  line-height: 30px;
}

.sucess-content a {
  color: #235f6f;
  text-decoration: underline !important;
  cursor: pointer;
}
.sucess-content a:hover {
  font-weight: bold;
}

/**behaviour-change**/

.bg-change-container {
  background: url(../images/artboard-sm.png) no-repeat 0 0;
  background-size: cover;
  height: 100%;
  width: 100%;
  position: fixed;
  background-position: center;
}

.custom_radio_group {
  text-align: left;
}

.custom_radio {
  float: left;
  position: relative;
  padding-left: 29px;
  font-size: 15px;
  font-family: "Arial";
  font-style: normal;
  font-stretch: normal;
  line-height: normal;
  margin: 0px;
  letter-spacing: normal;
  color: #515151;
  margin-top: 35px;
}

.custom_radio input {
  display: none;
}

.custom_radio span {
  float: left;
  position: absolute;
  width: 15px;
  height: 15px;
  background-color: #fa9d44;
  border-radius: 50%;
  left: 0;
  top: 0px;
}

.custom_radio input:checked + span:after {
  content: "";
  width: 15px;
  height: 15px;
  background-color: #fff;
  position: absolute;
  border-radius: 50%;
  top: 0;
  left: 0;
  border: 5px #0f9fb1 solid;
}

.action-link {
  color: #6f6f6f !important;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.85px;
  line-height: 19px;
  text-align: center;
}

.card.card-fix {
  height: 460px;
}

.weight-check ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  justify-content: center;
  margin-top: 20px;
  justify-content: space-around;
  align-self: center;
  align-items: center;
}

.weight-check ul li a {
  color: #8c928c;
  font-family: "Brandon Grotesque";
  font-size: 17px;
  position: relative;
  font-weight: bold;
  letter-spacing: 0.78px;
  line-height: 22px;
  text-align: center;
  text-transform: uppercase;
}

.weight-check ul li a.active {
  color: #0f9fb1;
}

.weight-check ul li a.active:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 15px solid #f77062;
  margin: 0;
  bottom: -22px;
  display: block;
  left: 0;
  right: 0;
}

/**home**/

.menu-content ul li img {
  width: 25px;
  height: 25px;
}

.menu-content ul li.tool-list img {
  width: 23px;
  height: 23px;
}

header.home {
  background-color: #f77062;
  padding: 21px;
  z-index:  1000;
  padding-bottom: 0;
}

.menu-content ul li {
  position: relative;
  padding: 0;
  height: 73px;
  cursor: pointer;
  padding-left: 62px;
  padding-top: 25px;
}

.menu-content ul li i {
  position: absolute;
  top: 22px;
  left: 21px;
}

  .menu-content ul li.eat-list {
    background-color: #f77062;
    width: 100%;
  }

.menu-content ul li.eat-list:after {
  content: "";
  position: absolute;
  bottom: -5px;
  right: 14px;
  width: 100%;
  height: 15px;
  z-index: 99;
  content: "";
  z-index: 99;
  transform: rotate(1.5deg);
  background-color: #2b3d43;
  filter: blur(1px);
}

.menu-content ul li.eat-list:before {
  background-color: #f77062;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 23px;
  z-index: 100;
  content: "";
}

.menu-content ul li.tool-list:after {
  content: "";
  position: absolute;
  bottom: -5px;
  right: 14px;
  width: 100%;
  height: 15px;
  z-index: 99;
  content: "";
  z-index: 99;
  transform: rotate(1.5deg);
  background-color: #2b3d43;
  filter: blur(1px);
}

.menu-content ul li.tool-list:before {
  background-color: #f77062;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 23px;
  z-index: 100;
  content: "";
}

.menu-content ul li.yoga-list:after {
  content: "";
  position: absolute;
  bottom: -5px;
  right: 14px;
  width: 100%;
  height: 15px;
  z-index: 99;
  content: "";
  z-index: 99;
  transform: rotate(1.5deg);
  background: #c38020;
  filter: blur(1px);
}

.menu-content ul li.yoga-list:before {
  background-color: #235f6f;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 23px;
  z-index: 100;
  content: "";
}

.menu-content ul li.activity-list:after {
  content: "";
  position: absolute;
  bottom: -5px;
  right: 14px;
  width: 100%;
  height: 15px;
  z-index: 99;
  content: "";
  z-index: 99;
  transform: rotate(1.5deg);
  background: #c14c40;
  filter: blur(1px);
}

.menu-content ul li.activity-list:before {
  background-color: #ffbe62;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 23px;
  z-index: 100;
  content: "";
}

.menu-content ul li.goal-list:after {
  content: "";
  position: absolute;
  bottom: -5px;
  right: 14px;
  width: 100%;
  height: 15px;
  z-index: 99;
  content: "";
  z-index: 99;
  transform: rotate(1.5deg);
  background-color: #c14c40;
  filter: blur(1px);
}

.menu-content ul li.goal-list:before {
  background-color: #235f6f;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 23px;
  z-index: 100;
  content: "";
}

.menu-content ul li.profile-list:before {
  background-color: #f77062;
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 23px;
  z-index: 100;
  content: "";
}

  .menu-content ul li.profile-list-with-shadow:after {
    content: "";
    position: absolute;
    bottom: -5px;
    right: 14px;
    width: 100%;
    height: 15px;
    z-index: 99;
    content: "";
    z-index: 99;
    transform: rotate(1.5deg);
    background: #c38020;
    filter: blur(1px);
  }

  .menu-content ul li.injection-site-tracker:before {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 23px;
    z-index: 100;
    content: "";
  }



.menu-content ul li a {
  color: #ffffff;
  font-family: "Brandon Grotesque";
  font-size: 12px;
  font-weight: bold;
  cursor: pointer;
}

.menu-content ul li.yoga-list {
  background-color: #235f6f;
  box-shadow: 0 4px 8px 0 rgba(112, 112, 112, 0.5);
  width: calc(100% - 14px);
}

.menu-content ul li.activity-list {
  background-color: #ffbe62;
  box-shadow: 0 4px 8px 0 rgba(112, 112, 112, 0.5);
  width: calc(100% - 28px);
}

  .menu-content ul li.tool-list {
    background-color: #f77062;
    box-shadow: 0 4px 8px 0 rgba(112, 112, 112, 0.5);
    width: calc(100% - 42px);
  }

  .menu-content ul li.goal-list {
    background-color: #235f6f;
    box-shadow: 0 4px 8px 0 rgba(112, 112, 112, 0.5);
    width: calc(100% - 56px);
  }

  .menu-content ul li.profile-list {
    background-color: #f77062;
    box-shadow: 0 4px 8px 0 rgba(112, 112, 112, 0.5);
    width: calc(100% - 70px);
  }

  .menu-content ul li.injection-site-tracker {
    background-color: #ffbe62;
    box-shadow: 0 4px 8px 0 rgba(112, 112, 112, 0.5);
    width: calc(100% - 84px);
  }

  .select-disease {
    margin: 41px 0;
  }

.card h2.small {
  font-size: 13px;
  margin-top: 15px;
}

.select-disease.btn-login .btn.btn-primary.btn-sm {
  height: 48px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  width: 205px;
  justify-content: center;
  align-items: center;
  align-self: center;
  line-height: 23px;
}

/**behaviour tools**/

.accordion .card {
  padding: 0;
  min-height: inherit;
  flex-direction: column;
  box-shadow: none;
}

.fixed-bottom {
  background-color: #ffffff;
  box-shadow: 0 3px 0 0 rgba(214, 214, 214, 0.5);
  height: 70px;
  border-top: 2px #eaeaea solid;
}

.home-page {
  padding-bottom: 80px;
}

.fixed-bottom ul {
  display: flex;
  justify-content: space-around;
  flex-direction: row;
  align-items: center;
  align-self: center;
  width: 100%;
}

.fixed-bottom ul li {
  display: flex;
  width: 20%;
  justify-content: space-around;
  transition: all 150ms ease-out;
}

.fixed-bottom ul li.home-current {
  background-color: #ffffff;
  box-shadow: 0 6px 8px 0 rgba(207, 203, 203, 0.5);
  border-radius: 100px;
  /* transform: scale(1.11);
     */
  width: 82px;
  height: 82px;
  line-height: 82px;
  margin-top: -30px;
}

.page-content-head {
  height: 40px;
  position: relative;
}

.bg-color-orange {
  background-color: #f77062;
}

.page-content-head h2 {
  color: #ffffff;
  font-family: "Brandon Grotesque";
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 22px;
  padding: 10px 0;
  text-align: center;
}

.tools-head {
  text-align: center;
}

.tools-head h3 {
  color: #f77062;
  font-family: "Brandon Grotesque";
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 20px;
  margin: 10px 0;
}

.tools-info {
  padding: 0 25px;
}

.tools-instrucions {
  border: 1px solid #f77062;
  background-color: #ffffff;
  margin-top: 20px;
  box-shadow: 0 2px 4px 0 rgba(88, 88, 88, 0.5);
}

.card-header {
  padding: 0.75rem 0;
  margin-bottom: 0;
  background-color: transparent;
  border-bottom: 0;
}

.card-header a {
  color: #f77062;
}

.card-header a h5 {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.13px;
  line-height: 18px;
  text-transform: uppercase;
}

/**new**/

.form-control:-webkit-autofill,
.form-control:-webkit-autofill:hover,
.form-control:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
  -webkit-text-fill-color: #fff;
  transition: background-color 5000s ease-in-out 0s;
}

.profile_form_box_admin .form-control:-webkit-autofill,
.profile_form_box_admin .form-control:-webkit-autofill:hover,
.profile_form_box_admin .form-control:-webkit-autofill:focus,
.profile_form_box_admin textarea:-webkit-autofill,
.profile_form_box_admin textarea:-webkit-autofill:hover,
.profile_form_box_admin textarea:-webkit-autofill:focus,
.profile_form_box_admin select:-webkit-autofill,
.profile_form_box_admin select:-webkit-autofill:hover,
.profile_form_box_admin select:-webkit-autofill:focus {
  -webkit-text-fill-color: #000;
  transition: background-color 5000s ease-in-out 0s;
}

/**cd**/

.cd-content {
  justify-content: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  align-self: center;
  text-align: center;
}

.cd-content p {
  color: #235f6f;
  font-size: 21px;
  font-weight: bold;
  margin: 25px 0;
  letter-spacing: 0.89px;
  line-height: 25px;
}
.cd-content.top-bar-fruits p {
  color: #444444;
  font-family: "Brandon Grotesque";
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0.92px;
  line-height: 25px;
  text-align: center;
  padding: 0 20px;
}
.cd-content h3 {
  font-size: 18px;
  position: relative;
  font-weight: bold;
  letter-spacing: 0.77px;
  line-height: 22px;
  color: #235f6f;
  margin-top: 10px;
}

.arrow-alter {
  position: relative;
  display: flex;
  justify-items: flex-start;
  height: 113px;
  width: 100%;
  margin-top: 10px;
}

.arrow-alter:after {
  background: url(../images/eats/arrow-down.svg) no-repeat 0 0;
  width: 47px;
  height: 113px;
  background-position: left;
  position: absolute;
  content: "";
  left: 33px;
}

.footer-curve-disease {
  background: url(../images/img-diseaes-lady.png) no-repeat 0 0;
  height: calc(100vh);
  width: calc(100vw);
  position: fixed;
  background-position: right bottom;
  bottom: 0;
  left: 0;
  overflow-y: auto;
}

h4.symptoms-des {
  font-size: 19px;
  font-weight: bold;
  margin-top: 25px;
  line-height: 22px;
  color: #235f6f;
  letter-spacing: 0.69px;
}
.wc h4.symptoms-des {
  font-size: 15px;
  padding: 0 20px;
  font-weight: bold;
  margin-top: 25px;
  line-height: 22px;
  color: #235f6f;
  letter-spacing: 0.69px;
}

.weight-track .age-track .form-control::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #9f9f9f;
  opacity: 1;
}

.weight-track .age-track .form-control::-moz-placeholder {
  /* Firefox 19+ */
  color: #9f9f9f;
  opacity: 1;
}

.weight-track .age-track .form-control:-ms-input-placeholder {
  /* IE 10+ */
  color: #9f9f9f;
  opacity: 1;
}

.weight-track .age-track .form-control:-moz-placeholder {
  /* Firefox 18- */
  color: #9f9f9f;
  opacity: 1;
}

.form-control:focus {
  box-shadow: 0 !important;
  box-shadow: none !important;
}

.cd-actions {
  width: 100%;
  margin-top: 80px;
}

.cd-actions ul {
  display: flex;
  justify-content: space-around;
  flex-direction: row;
  width: 100%;
}

.cd-max {
  max-width: 315px;
  margin: 0 auto;
}

.top-bar.top-bar-cd {
  height: 101px;
  left: 34px;
}

.footer-curve-uc {
  background: url(../images/bg-curve-roll.svg) no-repeat 0 0;
  background-size: contain;
  height: 100%;
  width: 100%;
  position: fixed;
  background-position: bottom;
  bottom: 0;
  overflow-y: auto;
}

.bg-seen-container {
  background: url(../images/bg-seen.svg) no-repeat 0 0;
  background-size: 100% 100%;
  height: 100%;
  width: 100%;
  position: fixed;
  background-position: center;
  overflow-y: auto;
}

.card h3.small {
  font-size: 15px;
  margin-top: 75px;
  color: #235f6f;
  font-weight: bold;
  letter-spacing: 0.69px;
  line-height: 22px;
  margin-bottom: 20px;
  text-align: center;
}

/*.home-bg{
     background: url(../images/bg-border.svg) no-repeat 0 0;
     background-size: contain;
     height: 416px;
     width: 100%;
     position: relative;
     z-index: -1;
     background-position: center;
     margin-top: 30px;
}
 */

.icon-dinner {
  background-color: #fa9d44;
  border-radius: 100px;
  width: 100px;
  height: 100px;
  display: inline-block;
  line-height: 100px;
  text-align: center;
}

.icon-dinner.bg-green {
  background-color: #44d7b6;
}

.icon-dinner.bg-pink {
  background-color: #f7627b;
}

.home-bg {
  max-width: 310px;
  margin: 0 auto;
  margin-top: 10px;
}

.home-bg ul {
  display: flex;
  flex-direction: column;
  position: relative;
}

.home-bg ul:after {
  border-bottom: 2px dashed #ccc;
  position: absolute;
  content: "";
  bottom: 4px;
  width: 207px;
}

.icons-homes {
  position: absolute;
  right: 32px;
  top: 11px;
}

.home-bg ul li.rotate-list .icons-homes {
  right: auto;
  left: 32px;
}

.icon-eats-better {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
  text-align: center;
  height: 100%;
  color: #235f6f;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.83px;
  text-transform: uppercase;
  line-height: 22px;
}

.home-bg ul li {
  height: 124px;
  position: relative;
  /* border-top: 2px dashed #ccc;
     */
  padding-top: 10px;
}

.home-scrrens {
  display: table;
  width: 100%;
  height: 100%;
}

.home-bg ul li:nth-child(1):after {
  position: absolute;
  content: "";
  right: 0;
  width: 100px;
  height: 124px;
  background-color: transparent;
  border-bottom-right-radius: 100px;
  border-top-right-radius: 100px;
  border: 2px dashed #ccc;
  border-left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top: 0px;
}

.home-bg ul li:nth-child(1):before {
  position: absolute;
  content: "";
  right: 0;
  width: 208px;
  height: 124px;
  background-color: transparent;
  border-top: 2px dashed #ccc;
  border-left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top: 0;
  left: -1px;
}

.home-bg ul li:nth-child(2):after {
  position: absolute;
  content: "";
  left: 0;
  width: 100px;
  height: 124px;
  background-color: transparent;
  border-bottom-left-radius: 100px;
  border-top-left-radius: 100px;
  border: 2px dashed #ccc;
  border-right: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top: -2px;
}

.home-bg ul li:nth-child(2):before {
  position: absolute;
  content: "";
  /* right: 0;
     */
  width: 165px;
  height: 124px;
  background-color: transparent;
  border-top: 2px dashed #ccc;
  border-left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top: -2px;
  left: 83px;
}

.home-bg ul li:nth-child(3):after {
  position: absolute;
  content: "";
  right: 0;
  width: 100px;
  height: 124px;
  background-color: transparent;
  border-bottom-right-radius: 100px;
  border-top-right-radius: 100px;
  border: 2px dashed #ccc;
  border-left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top: -4px;
}

.home-bg ul li:nth-child(3):before {
  position: absolute;
  content: "";
  right: 101px;
  width: 107px;
  height: 124px;
  background-color: transparent;
  border-top: 2px dashed #ccc;
  border-left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top: -4px;
}

.circle {
  padding: 13px 20px;
  border-radius: 50%;
  background-color: #ed8d8d;
  color: #fff;
  max-height: 50px;
  z-index: 2;
}

.how-it-works.row .col-2 {
  align-self: stretch;
}

.how-it-works.row .col-2::after {
  content: "";
  position: absolute;
  border-left: 3px dotted #ed8d8d;
  z-index: 1;
}

/*.how-it-works.row .col-2.bottom::after {
     height: 50%;
     left: 50%;
     top: 50%;
}
 */

.how-it-works.row .col-2.full::after {
  height: 100%;
  left: calc(50% - 3px);
}

.how-it-works.row .col-2.top::after {
  height: 50%;
  left: 50%;
  top: 0;
}

.timeline div {
  padding: 0;
  height: 40px;
}

.timeline hr {
  border-top: 3px dotted #ed8d8d;
  margin: 0;
  top: 17px;
  position: relative;
}

.timeline .col-2 {
  display: flex;
  overflow: hidden;
}

.timeline .corner {
  border: 3px dotted #ed8d8d;
  width: 100%;
  position: relative;
  border-radius: 15px;
}

.timeline .top-right {
  left: 100%;
  top: -50%;
}

.timeline .left-bottom {
  left: -50%;
  top: calc(50% - 3px);
}

.timeline .top-left {
  left: -50%;
  top: -50%;
}

.timeline .right-bottom {
  left: 50%;
  top: calc(50% - 3px);
}

.home-box h2 {
  color: #f77062;
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0.6px;
  line-height: 35px;
  text-align: center;
  margin-top: 22px;
  margin-bottom: 20px;
}

.home-box h3 {
  color: #686868;
  font-family: "Homemade Apple";
  font-size: 26px;
  letter-spacing: 0;
  line-height: 56px;
  text-align: center;
}

/**testimonial**/

.bg-testimonial-container {
  background: url(../images/bg-testimonial.svg) no-repeat 0 0;
  background-size: 100% 84%;
  height: 100%;
  top: 0;
  width: 100%;
  position: fixed;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
  overflow-y: auto;
  padding-top: 70px;
}

.testimonial-container-profile h2 {
  color: #ffffff;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.6px;
  line-height: 35px;
  text-align: center;
}

.testimonial-container-profile {
  display: flex;
  flex-direction: column;
  max-width: 100%;
  align-items: center;
}

.testimonial-container-profile p {
  color: #ffffff;
  font-family: Arial;
  font-size: 17px;
  letter-spacing: 0;
  line-height: 20px;
  text-align: center;
  margin-top: 40px;
  margin-bottom: 20px;  
}

.profile-media-img img {
  width: 110px;
  height: 110px;
  border-radius: 50%;
  -o-object-fit: cover;
  object-fit: cover;
}

.profile-img {
  justify-content: flex-start;
  display: flex;
  padding: 0 20px;
  margin-top: 15px;
  align-self: flex-start;
}

.profile-detail {
  border-radius: 23.5px;
  background-color: #ffffff;
  min-width: 160px;
  box-shadow: 0 4px 6px 0 rgba(0, 0, 0, 0.26);
  /* height: 55px;
     */
  justify-content: center;
  align-items: center;
  align-self: center;
  margin-left: -30px;
  padding-left: 30px;
  padding-right: 10px;
  padding-top: 5px;
  padding-bottom: 2px;
}

.profile-media-img {
  position: relative;
  z-index: 1;
}

.profile-detail h3 {
  font-size: 18px;
  line-height: normal;
  margin: 0;
  word-break: break-all;
}

.profile-detail span {
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0.83px;
  line-height: 22px;
  color: #8c928c;
}

.testimonial-comment {
  position: relative;
}

.testimonial-comment h2,
.testimonial-comment span {
  display: inline-block;
}

.testimonial-comment span.top {
  position: absolute;
  left: 0;
  top: -57px;
  height: 100%;
  display: block;
  width: 71px;
  z-index: 9999;
  clear: both;
}

.testimonial-comment span.bottom {
  position: absolute;
  right: -7px;
  bottom: -26px;
}

.btn-info-custom.btn-block-sm {
  width: 240px;
}

.btn-info-custom.btn-block-sm .btn {
  padding: 3px 0;
  font-size: 16px;
}

.form-forget-popup {
  position: relative;
}

.form-forget {
  position: relative;
}

.form-forget {
  position: absolute;
  right: -25px;
  bottom: 4px;
  cursor: pointer;
}

.form-forget a {
  line-height: 31px;
  font-size: 18px;
  height: 31px;
  width: 31px;
  background: linear-gradient(21.08deg, #f7bb6e 0%, #f77062 100%);
  display: inline-block;
  border-radius: 100px;
  text-align: center;
  font-weight: bold;
  color: #fff !important;
}

/**modal-login**/

.modal-login .modal-header {
  border-radius: 0;
  background-color: #ff803a;
  justify-content: center;
  width: 100%;
  border: 0;
  padding: 10px 0;
}

.modal-login .modal-header img {
  width: 28px;
}

.modal-login .modal-content {
  border-radius: 0;
  background-color: #ffffff;
  border: 0;
  box-shadow: 0 17px 27px 0 rgba(177, 176, 176, 0.5);
}

.modal-login .modal-footer {
  justify-content: center;
  border: 0;
}

.modal-login .modal-header h4 {
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.48px;
  line-height: 26px;
  text-align: center;
}

.modal-login .modal-body {
  padding: 20px 50px 0 50px !important;
}

p.text-color {
  color: #f77062;
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.4px;
  line-height: 22px;
}

/* .footer-curve-sp {
     background: url(../images/img-curve.png) no-repeat 0 0;
     background-size: contain;
     height: 100%;
     width: 100%;
     position: fixed;
     z-index: -1;
     background-position: bottom;
     bottom: 0;
}
*/

h1.font-range {
  font-size: 29.2px;
  font-weight: bold;
  margin-top: 70px;
  margin-right: 10px;
  letter-spacing: 0.79px;
  line-height: 35px;
}
.cd-content.eats h3 {
  margin: 20px 0;
}
.cd-content.eats h4.symptoms-des {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 50px;
  letter-spacing: 0.64px;
  line-height: 25px;
}
.cd-content.eats .select-disease {
  margin-top: 40px;
}
.cd-content.eats h4.symptoms-des span {
  text-decoration: underline;
}
.cd-content.eats .arrow-alter:after {
  left: -6px;
}

.back-row-spacer {
  margin-top: 60px;
}
/* design 02 */
.back_heading {
  height: 39px;
  padding: 5px 27px;
  background-color: #f77062;
  display: flex;
}
.back_heading span {
  color: #ffffff;
  font-family: "Brandon Grotesque";
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0;
  padding-left: 18px;
  line-height: 22px;
}
.back_heading span.phase-first {
  color: #ffffff;
  font-family: "Brandon Grotesque";
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0;
  padding-left: 0;
  line-height: 22px;
  text-align: center;
  display: inline-block;
  width: 100%;
}
.back_heading span.plan-first {
  color: #ffffff;
  font-family: "Brandon Grotesque";
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0;
  padding-left: 0;
  line-height: 22px;
  text-align: center;
  display: inline-block;
  width: 100%;
}
.big_edit {
  height: 54px;
  min-width: 199px;
  border-radius: 27px;
  background: linear-gradient(21.08deg, #f7bb6e 0%, #f77062 100%);
  box-shadow: 0 2px 4px 0 rgba(155, 155, 155, 0.72);
  color: #ffffff;
  font-family: "Brandon Grotesque";
  font-size: 19px;
  font-weight: bold;
  letter-spacing: 0.59px;
  border: none;
  padding: 10px 20px;
}

.footer-curve-eats {
  background: url(../images/img-veg1.svg) no-repeat 0 0;
  height: 100%;
  width: 100%;
  position: fixed;
  background-size: contain;
  bottom: 0;
  background-position: bottom;
  overflow-y: auto;
}


h1.font-range {
  font-size: 29.2px;
  font-weight: bold;
  margin-top: 70px;
  margin-right: 10px;
  letter-spacing: 0.79px;
  line-height: 35px;
}

.cd-content.eats h3 {
  margin: 20px 0;
}

.cd-content.eats h4.symptoms-des {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 50px;
  letter-spacing: 0.64px;
  line-height: 25px;
}

.cd-content.eats .select-disease {
  margin-top: 40px;
}

.cd-content.eats h4.symptoms-des span {
  text-decoration: underline;
}

.cd-content.eats .arrow-alter:after {
  left: -6px;
}

/**fruits**/

.footer-curve-fruits {
  background: url(../images/bg-abort.svg) no-repeat 0 0;
  background-size: contain;
  height: 100%;
  width: 100%;
  position: fixed;
  background-position: bottom;
  bottom: 0;
  overflow-y: auto;
}

.top-bar.top-fruits {
  height: 150px;
}

.fruits-box .change-container {
  padding: 0 25px;
  margin-top: 30px;
}

.fruits-box .change-container .custom_radio {
  width: 100%;
  color: #47495a;
  font-family: Arial;
  font-size: 18px;
  letter-spacing: 0;
  line-height: 18px;
  margin-top: 28px;
}

.fruits-box .select-disease {
  margin: 30px 0 0 0;
}

.client-review .media-img {
  width: 120px;
  width: 120px;
}

.client-review .media-img img {
  border-radius: 100%;
  object-fit: contain;
  width: 120px;
  width: 120px;
}

.collapsed .fa-caret-left:before {
  content: "\f0d9";
}

.fa-caret-left:before {
  content: "\f0d7";
}

.feeling-container .custom_radio {
  color: #47495a;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 17px;
  margin-bottom: 5px;
}

.problems ul li {
  color: rgba(71, 73, 90, 0.8);
  font-family: Arial;
  position: relative;
  font-size: 14px;
  padding-left: 25px;
  letter-spacing: 0;
  line-height: 21px;
}

.problems ul li .download-pdf {
  position: absolute;
  left: 0;
  top: 0px;
  width: 20px;
  height: 20px;
}

.tool-behaviour .problems ul li .download-pdf {
  position: static;
}
.tool-behaviour .problems ul li img {
  margin-right: 6px;
  float: left;
  width: 15px;
  margin-left: 6px;
}
.tool-behaviour .problems ul li .download-pdf span {
  overflow: hidden;
  width: 80%;
}
.tool-behaviour .problems ul li {
  padding-left: 0;
  clear: both;
  margin-bottom: 4px;
}
.tool-behaviour .problems ul li .download-pdf:hover {
  text-decoration: none;
}
.problems {
  margin-left: 32px;
}
ul.problem-dots {
  margin-left: 6px !important;
  padding: 0;
}
ul.problem-dots li {
  padding-left: 18px !important;
}
ul.problem-dots li:after {
  background-color: #ccc;
  width: 8px;
  height: 8px;
  border-radius: 100px;
  content: "";
  position: absolute;
  left: 0;
  top: 6px;
}

.problem-steps {
  margin-left: 33px !important;
  margin-top: 5px !important;
  padding: 0;
}
.sub-list .download-pdf {
  padding-left: 2px;
}

.problems ul li a {
  padding-left: 5px;
  color: rgba(71, 73, 90, 0.8);
}

.problems ul li em {
  font-style: normal;
  color: #276481;
}

.view-info-behaviour ul li:after {
  display: none;
}

.view-info-behaviour ul li {
  padding-left: 25px;
}

.accordion .card-body {
  padding: 0;
}

.infos {
  text-align: center;
}

h2.info-tags {
  font-size: 28px;
}

/**new**/
.bg-eating-score-container {
  background: url(../images/bg-eating-score.svg) no-repeat 0 0;
  background-size: cover;
  height: 100%;
  width: 100%;
  position: fixed;
  background-position: bottom;
  overflow-y: auto;
}

.score-no{
  max-height: calc(100vh - 180px);
  overflow-y: auto;
}

.score-no figure {
  color: #f07c6a;

  font-size: 55px;
  font-weight: bold;
  letter-spacing: 1.55px;
  line-height: 82px;
  text-align: center;
  margin: 0;
}

.score-no span {
  color: #878787;
  font-family: Arial;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 17px;
  text-align: center;
}
.score-no p {
  color: #686868;

  font-size: 25px;
  letter-spacing: 0;
  line-height: 32px;
  text-align: center;
  font-weight: normal;
  padding-top: 10px;
  padding-bottom: 10px;
}
.eating-scores {
  padding: 0 20px;
}

.eating-instrucion ul li {
  color: #47495a;
  position: relative;
  font-family: Arial;
  font-size: 15px;
  letter-spacing: 0;
  line-height: 17px;
  padding: 0 20px;
  margin: 15px 0;
}

.eating-instrucion ul li:after {
  border-radius: 100%;
  content: "";
  height: 8px;
  width: 8px;
  background-color: #0f9fb1;
  position: absolute;
  left: 0;
  top: 3px;
}
.eating-instrucion {
  margin: 20px 0;
  text-align: left;
}
.eating-scores h4 {
  letter-spacing: 0.6px;
  line-height: 22px;
}
.select-disease.btn-login .btn.btn-primary.btn-sm.btn-sml {
  width: 240px;
}
.page-content-head .icon-change img {
  padding-right: 10px;
}
.modal-body.modal-cutom-content h2.fonts-sm {
  font-size: 14px;
}
.footer-curve-uc.news {
  background: url(../images/bg-artboat-news.svg) no-repeat;
  background-position: bottom;
  background-size: contain;
}

.top-fruits-bar {
  position: relative;
  background-image: url(../images/bg-top-front.svg);
  background-size: 100% 90px;
  background-repeat: no-repeat;
  float: left;
  width: 100%;
  padding-bottom: 20px;
}
.header {
  z-index: 9;
}
.splash-bar {
  position: relative;
  background-image: url(../images/img-top-curve.png);
  background-size: 100% 90px;
  background-repeat: no-repeat;
  float: left;
  width: 100%;
  padding-bottom: 20px;
}
.bg-top-desease {
  position: relative;
  background-image: url(../images/img-top-curve.png);
  background-size: 100% 183px;
  background-repeat: no-repeat;
  float: left;
  width: 100%;
  padding-bottom: 20px;
}

.top-bar-fruits {
  padding-top: 100px;
}

/**goals**/
.goals-instruction {
  background-color: #4dbac1;
  padding: 20px 20px;
  width: 100%;
}
.goals-instruction p {
  margin-bottom: 0;
  color: #fff;
  font-size: 13px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 15px;
  text-align: center;
  padding: 5px 0;
}

.goals-list-content {
  padding: 20px 50px;
  display: flex;
  flex-direction: column;
  max-width: 500px;
  margin: auto;
  align-content: flex-start;
}

.form-label-info {
  color: #47495a;
  font-family: Arial;
  font-size: 14px;
  letter-spacing: 0;
  line-height: 17px;
}

select.form-control {
  background-image: url("../images/img-arrow-select.png");
  -webkit-appearance: none;
  appearance: none;
  -moz-appearance: none;
  background-repeat: no-repeat;
  background-position: calc(100% - 10px) calc(100% - 12px);
  background-size: 15px;
  padding-right: 35px;
}
select::-ms-expand {
  display: none;
}

.form-control.form-control-inner {
  border: 1px solid #0f9fb1;
  background-color: #ffffff;
  color: #47495a;
  font-family: Arial;
  font-size: 12px;
  letter-spacing: 0;
  line-height: 17px;
}
.form-control.form-control-inner:focus {
  border: 1px solid #0f9fb1 !important;
}
.goals-list-content .form-group {
  margin-bottom: 1.3rem;
}
.help-info {
  cursor: pointer;
  margin-left: 10px;
}
.distance-5 {
  margin-top: 40px;
}
.distancet-5 {
  padding-top: 100px;
}
.bg-color-yellow {
  background-color: #ffa72a;
}
.page-setting {
  padding: 20px 20px;
}
.setting-list ul li {
  margin: 40px 12px;
  position: relative;
  padding-left: 38px;
}
  .setting-list ul li svg {
    position: absolute;
    top: 0;
    left: 0;
    color: #5f5f5f;
  }
  .setting-list ul li a {
    color: #636363;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0;
    line-height: 19px;
  }
.list-name {
  padding-left: 0px;
}
.icon-notification {
  background: url(../images/bg-login.jpg) no-repeat 0 0;
}
.splash-box {
  padding: 0 20px;
}
.distance-100 {
  padding-top: 100px;
}
.text-side {
  text-align: center;
}
.my-container {
  margin: 0 auto;
}
.cd-content h3.textsml {
  font-size: 15px;
  letter-spacing: 0.78px;
  line-height: 25px;
}
.select-disease.btn-login .btn.btn-primary.btn-sm.btn-xs {
  font-size: 12px;
  width: 170px;
  min-width: 100%;
  height: 44px;
}
.btn-space .select-disease {
  margin: 20px 0;
}
.box-eating-qus h2 {
  font-size: 16px;
}
.box-eating-qus .custom_radio {
  margin-top: 15px;
  color: #47495a;
}
.card.card-eating {
  justify-content: inherit;
}

/**liver**/
.footer-curve-liver {
  background: url(../images/liver/bg-liver-program.jpg) no-repeat 0 0;
  height: 100%;
  width: 100%;
  position: fixed;
  background-position: right bottom;
  bottom: 0;
  overflow-y: auto;
}
.cd-content h2.head-start {
  font-size: 28px;
  line-height: 40px;
}
.card.card-seen {
  min-height: 440px;
  justify-content: inherit;
}
.distance-11 {
  margin-top: 190px !important;
}
.cd-news h1 {
  color: #f77062;

  font-size: 29px;
  font-weight: bold;
  letter-spacing: 0.79px;
  line-height: 35px;
  text-align: center;
}
.row-side {
  align-items: center;
}
.success_scr_cd {
  text-align: center;
  width: 100%;
  background-image: url(../images/bg_001.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  padding-top: 290px;
}
.success_scr_cd h3 {
  color: #f77062;
  font-size: 46.2px;
  letter-spacing: 1.25px;
  line-height: 35px;
  margin-bottom: 20px;
  text-align: center;
}
.success_scr_cd p {
  color: #316a7c;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.68px;
  line-height: 25px;
  text-align: center;
}

.footer-curve-uc.sucess-foot {
  background: url(../images/bg-sparkle.svg) no-repeat 0 0;
  background-size: 100% 60%;
  height: 57%;
  width: 100%;
  position: fixed;
  background-position: bottom;
  bottom: 0;
}

.board {
  background: url(../images/flare/bg-board.svg) no-repeat 0 0;

  height: 100%;
  width: 100%;
  position: fixed;
  background-position: right bottom;
  background-size: 77% 48%;
  overflow-y: auto;
}
.cd-content.flare p {
  font-size: 17px;
}
h3.small-top-xs {
  font-size: 15px;
  color: #235f6f;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.69px;
  line-height: 22px;
}

.beahaviour-add-collpase .card-header {
  background-color: transparent;
  border-bottom: 0;
}
.beahaviour-add-collpase .card {
  border: 0;
}

.beahaviour-add-collpase .card .card-header {
  padding: 0.75rem 0;
}
.beahaviour-add-collpase .card .card-header .fa {
  margin-right: 10px;
}

.beahaviour-add-collpase .card .card-header a {
  color: #f77062 !important;
}

.home-custom-container .step {
  float: none;
  width: calc(100% - 40px);
  /*  border-top: 3px solid #f5f5f5; */
  display: inline-block;
  position: relative;
  margin: 0 20px;
  padding-top: 22px;
  height: 124px;
  margin-top: 30px;
}

.home-custom-container .step::before {
  border-top: 2px dashed #ccc;
  content: "";
  width: calc(100% - 100px);
  float: left;
  position: absolute;
  left: 0;
  top: -3px;
}
.home-custom-container .step::after {
  position: absolute;
  content: "";
  right: 0;
  width: 100px;
  background-color: transparent;
  border-bottom-right-radius: 100px;
  border-top-right-radius: 100px;
  border: 2px dashed #ccc;
  border-left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top: -3px;
  bottom: -10px;
}
.home-custom-container .step .left h4 {
  color: #8c928c;
  font-family: "Brandon Grotesque";
  font-size: 25px;
  font-weight: bold;
  margin: 0px;
  letter-spacing: -0.66px;
  line-height: 36px;
  text-align: center;
}
.home-custom-container .step .right {
  float: left;
  width: 70%;
  text-align: center;
}
.home-custom-container .step .right h4 {
  color: #ee2e2e;
  font-family: "Brandon Grotesque";
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 1.19px;
  line-height: 22px;
  text-align: center;
}

.home-custom-container .step .right h6 {
  color: #f77062;
  font-family: "Brandon Grotesque";
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 14px;
  text-align: center;
  margin-top: 21px;
  margin-bottom: 15px;
}

.home-custom-container .step1::after {
  border-bottom-left-radius: 100px;
  border-top-left-radius: 100px;
  border: 2px dashed #ccc;

  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  border: 2px dashed #ccc;
  border-left: 2px dashed #ccc;
  left: 0px;
  right: auto;
  border-right: transparent;
}
.home-custom-container .step1::before {
  left: 100px;
  right: auto;
  width: calc(100% - 200px);
  float: left;
}
.home-custom-container .step1 {
  margin-top: 4px;
}

.home-custom-container .step2 {
  margin-top: 4px;
}
.home-custom-container .step2::before {
  left: 100px;
  width: calc(100% - 200px);
}

.home-custom-container .next_btn {
  width: 186px;
  font-size: 15px;
  height: 44px;
  margin-top: 25px;
}
.step .border_bottom {
  border-bottom: 3px solid #f5f5f5;
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 100px;
}
.home-custom-container .step1 .icons-homes {
  position: absolute;
  right: auto;
  top: 11px;
  left: 32px;
}
.home-custom-container .step .border_bottom {
  border-bottom: 2px dashed #ccc;
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 100px;
}

.bg-ques-container {
  background: url(../images/bg-questions.svg) no-repeat 0 0;
  background-size: 100% 100%;
  height: 100%;
  width: 100%;
  position: fixed;
  background-position: bottom right;
  overflow-y: auto;
}

.score-rates h1 {
  color: #3f3f3f;
  font-family: "Brandon Grotesque";
  font-size: 16.2px;
  font-weight: bold;
  letter-spacing: 0.53px;
  line-height: 31px;
  text-align: center;
}

.score-rates h3 {
  color: #3c3c3c;
  font-family: "Brandon Grotesque";
  font-size: 16.2px;
  font-weight: bold;
  letter-spacing: 0.1px;
  line-height: 24px;
  text-align: center;
}

.score-ratesper {
  background: url(../images/flare/bg-score-height.jpg) no-repeat 0 0;
  height: 213px;
  margin: 0 auto;
  width: 100%;
  background-position: center;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
}
.score-ratesper.phase {
  background: url(../images/flare/bg-blue-life.svg);
  background-repeat: no-repeat;
  background-position: center center;
}
.score-ratesper.score-ratesper-lows {
  background: url(../images/flare/symptom-score-low.svg) no-repeat 0 0;
  height: 213px;
  margin: 0 auto;
  width: 100%;
  background-position: center;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
}

.score-ratesper.score-low {
  background: url(../images/flare/bg-lowscore-height.jpg) no-repeat;
  background-position: center;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  align-self: center;
}
.score-ratesper.score-low.guide {
  background: url(../images/flare/symptom-score.svg) no-repeat;
  background-position: center;
}
.score-rate {
  position: absolute;
  top: 37%;
  left: 28px;
  right: 0;
  text-align: center;
  color: #fff;
  font-size: 55px;
  line-height: 55px;
  margin: 0 auto;
  font-weight: bold;
}

.footer-curve-flare {
  background: url(../images/flare/bg-foots.svg) no-repeat 0 0;
  background-size: contain;
  height: 100%;
  width: 100%;
  position: fixed;
  background-position: bottom;
  bottom: 0;
  overflow-y: auto;
}

.footer-curve-diet {
  background: url(../images/flare/bg-fruits.jpg) no-repeat 0 0;
  height: 100%;
  width: 100%;
  position: fixed;
  background-position: right bottom;
  bottom: 0;
  overflow-y: auto;
}

.cd-diet h1 {
  color: #f77062;
  font-size: 29px;
  font-weight: bold;
  letter-spacing: 0.79px;
  line-height: 35px;
  text-align: center;
}

.cd-diet h4 {
  color: #235f6f;
  font-family: "Brandon Grotesque";
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.82px;
  line-height: 29px;
  text-align: center;
}

.btn-second-custom {
  height: 50px;
  min-width: 216px;
  border-radius: 27px;
  background-color: #235f6f;
  box-shadow: 0 3px 6px 0 rgba(155, 155, 155, 0.72);
  color: #ffffff;
  font-family: "Brandon Grotesque";
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.11px;
  line-height: 24px;
  display: inline-block;
  text-align: center;
  line-height: 50px;
}

/** diet-plan**/
.footer-curve-diets {
  background: url(../images/flare/bg-diet-footer.png) no-repeat 0 0;
  background-size: contain;
  height: 100%;
  width: 100%;
  position: fixed;
  background-position: bottom;
  bottom: 0;
  top: 60px;
  overflow-y: auto;
}

.bg-diets-phase {
  background: url(../images/flare/bg-phase.png) no-repeat 0 0;
  background-size: cover;
  height: 100%;
  width: 100%;
  position: fixed;
  background-position: center;
  top: 0;
  overflow-y: auto;
}
.footer-curve-phase {
  background: url(../images/flare/bg-diet-phase.png) no-repeat 0 0;
  background-size: contain;
  height: 100%;
  width: 100%;
  position: fixed;
  background-position: bottom;
  bottom: 0;
  overflow-y: auto;
}

.negative_screen .step .right .btn-sm.btn-warning {
  background-color: #f89611;
  max-width: 154px;
}
.negative_screen .step .right .btn-sm.btn-primary {
  background-color: #f77062;
}

.negative_screen .next_btn {
  width: 186px;
  font-size: 15px;
  height: 44px;
  margin-top: 25px;
  animation: 0 auto;
  text-align: center;
  margin: 25px auto;
  border-radius: 27px;
}

.negative_screen.yoga-mindfull {
  padding-bottom: 40px;
}
.negative_screen.yoga-mindfull .top {
  float: left;
  width: 100%;
  text-align: center;
}
.negative_screen.yoga-mindfull .top h2 {
  color: #f77062;
  font-family: "Brandon Grotesque";
  font-size: 22.2px;
  font-weight: bold;
  letter-spacing: 0.6px;
  line-height: 29px;
  text-align: center;
}
.negative_screen.yoga-mindfull .top h3 {
  color: #235f6f;
  font-family: "Brandon Grotesque";
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.68px;
  line-height: 22px;
  text-align: center;
}

.negative_screen.yoga-mindfull .step .left {
  float: left;
  width: 30%;
  text-align: center;
}

.negative_screen.yoga-mindfulln .step .left h5 {
  color: #8c928c;
  font-family: "Brandon Grotesque";
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0.91px;
  line-height: 14px;
  text-align: center;
  margin: 7px 0 0 0;
}
.negative_screen.yoga-mindfull .step {
  float: none;
  width: calc(100% - 40px);
  /*  border-top: 3px solid #f5f5f5; */
  display: inline-block;
  position: relative;
  margin: 0 20px;
  padding-top: 25px;
  padding-bottom: 15px;
}

.negative_screen.yoga-mindfull .step::before {
  border-top: 3px dashed #ededed;
  content: "";
  width: calc(100% - 100px);
  float: left;
  position: absolute;
  left: 0;
  top: -3px;
}
.negative_screen.yoga-mindfull .step::after {
  position: absolute;
  content: "";
  right: 0;
  width: 100px;
  background-color: transparent;
  border-bottom-right-radius: 100px;
  border-top-right-radius: 100px;
  border: 3px dashed #ededed;
  border-left: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  top: -3px;
  bottom: -10px;
}
.negative_screen.yoga-mindfull .step .left h4 {
  color: #8c928c;
  font-family: "Brandon Grotesque";
  font-size: 25px;
  font-weight: bold;
  margin: 0px;
  letter-spacing: -0.66px;
  line-height: 36px;
  text-align: center;
}
.negative_screen.yoga-mindfull .step .right {
  float: left;
  width: 70%;
  text-align: center;
}
.negative_screen.yoga-mindfull .step .right h4 {
  color: #ee2e2e;
  font-family: "Brandon Grotesque";
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 1.19px;
  line-height: 22px;
  text-align: center;
}

.negative_screen.yoga-mindfull .step .right h6 {
  color: #f77062;
  font-family: "Brandon Grotesque";
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 1px;
  line-height: 14px;
  text-align: center;
  margin-top: 8px;
  margin-bottom: 15px;
}
.negative_screen.yoga-mindfull .step .right .btn-sm {
  height: 39px;
  color: #ffffff;
  font-family: "Brandon Grotesque";
  font-size: 12px;
  font-weight: bold;
  border-radius: 27px;
  display: inline-block;
  margin: 0 auto;
  box-shadow: 0 2px 4px 0 rgba(155, 155, 155, 0.72);
  max-width: 132px;
}

.negative_screen.yoga-mindfull .step1 .left {
  float: left;
}
.negative_screen.yoga-mindfull .step1 .right {
  float: right;
}
.snake-center-align {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  max-width: 600px;
}
.negative_screen.yoga-mindfull .step1::after {
  border-bottom-left-radius: 100px;
  border-top-left-radius: 100px;
  border: 3px solid whitesmoke;

  border-bottom-right-radius: 0px;
  border-top-right-radius: 0px;
  border: 3px dashed #ededed;
  border-left: 3px dashed #ededed;
  left: 0px;
  right: auto;
  border-right: transparent;
}
.negative_screen.yoga-mindfull .step1::before {
  left: 100px;
  right: auto;
  width: calc(100% - 200px);
  float: left;
}
.negative_screen.yoga-mindfull .step1 {
  margin-top: 4px;
}

.negative_screen.yoga-mindfull .step2 {
  margin-top: 4px;
}
.negative_screen.yoga-mindfull .step2::before {
  left: 100px;
  width: calc(100% - 200px);
}

.btn-warning {
  background-color: #f89611;
}

.negative_screen.yoga-mindfull .text_warning .right h4 {
  color: #fa9e44 !important;
}
.negative_screen.yoga-mindfull.text_info .right h4 {
  color: #276481 !important;
}
.negative_screen.yoga-mindfull .text_warning .right h6 {
  color: #ffab01 !important;
}
.negative_screen.yoga-mindfull .text_info .right h6 {
  color: #12a1c7 !important;
}

.negative_screen.yoga-mindfull .next_btn {
  width: 186px;
  font-size: 15px;
  height: 44px;
  margin-top: 1rem;
}

.negative_screen.yoga-mindfull .step .border_bottom {
  border-bottom: 3px dashed #ededed;
  position: absolute;
  bottom: -10px;
  left: 0;
  right: 100px;
}
.negative_screen.yoga-mindfull.positive_screen .top h2 {
  margin-bottom: 38px;
}

/**sleep**/
.bg-sleeps-container {
  background: url(../images/yoga/bg-artboart.svg) no-repeat 0 0;
  background-size: cover;
  height: 100%;
  width: 100%;
  position: fixed;
  background-position: top;
  bottom: 0;
  overflow-y: auto;
}
.bg-sleeps-container.stress {
  background: url(../images/yoga/bg-artboart-sky.svg) no-repeat;
  background-size: cover;
}

.box-container.sleeps h1 {
  margin-top: 60px;
}
.sleeps-container .btn-sm.btn-info {
  margin: 20px auto;
}

.footer-curve-sleep {
  background: url(../images/sleep/bg-foot.png) no-repeat 0 0;
  background-size: contain;
  height: 100%;
  width: 100%;
  position: fixed;
  background-position: bottom;
  bottom: 0;
  overflow-y: auto;
}
.footer-curve-stress {
  background: url(../images/sleep/bg-foot-stress.png) no-repeat 0 0;
  background-size: contain;
  height: 100%;
  width: 100%;
  position: fixed;
  background-position: bottom;
  bottom: 0;
  overflow-y: auto;;
}

.pa-barrier-screen .sleeps-container .top {
  text-align: center;
  width: 100%;
  float: left;
  padding-top: 68px;
}

.pa-barrier-screen .sleeps-container .top h3 {
  margin-bottom: 50px;
}
.pa-barrier-screen .sleeps-container .top p {
  font-size: 15px;
}

.pa-barrier-screen.stress-program {
  background-image: url(../images/sleep/bg-top-stress.png);
}
.pa-barrier-screen.wb-program {
  background-image: url(../images/sleep/bg-top-wb.png);
}

.footer-curve-wb {
  background: url(../images/sleep/bg-foot-wwb.png) no-repeat 0 0;
  background-size: contain;
  height: 100%;
  width: 100%;
  position: fixed;
  background-position: bottom;
  bottom: 0;
  overflow-y: auto;
}
.bg-sucess-yoga {
  background: url(../images/sleep/bg-sucess-yog.png) repeat;
  height: 100%;
  width: 100%;
  position: fixed;
  background-position: center;
}

.pa-barrier-screen.eat-program {
  background-image: url(../images/eats/bg.svg);
  background-size: 88% 13%;
}

.footer-curve-diets-eat {
  background: url(../images/eating/img-foot.jpg) no-repeat 0 0;
  background-size: contain;
  height: 100%;
  width: 100%;
  position: fixed;
  background-position: right bottom;
  bottom: 0;
  overflow-y: auto;
}
.pa-barrier-screen.eat-program .sleeps-container .top {
  margin-top: 50px;
}

.cd-content h2.head-starts {
  font-size: 31.2px;
  line-height: 44px;
  margin-top: 25px;
}

.select-disease.btn-login .btn.btn-primary.btn-sm.btn-xsl {
  font-size: 15px;
  width: 186px;
  min-width: 100%;
  height: 52px;
  line-height: 18px;
}

.lower-time {
  text-align: center;
  width: 100%;
  background-image: url("../images/phy/img-top-sm.png");
  background-repeat: no-repeat;
  background-position: top center;
  background-size: 100%;
  padding-top: 2rem;
}

.yoga-head {
  height: 39px;
  padding: 5px 22px;
  display: flex;
}
.yoga-head span {
  color: #235f6f;
  font-family: "Brandon Grotesque";
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 20px;
  padding-left: 17px;
}
.back_heading.yoga-heading {
  padding: 5px 12px;
  background-color: #71bfba;
}
.yoga-session {
  margin: 20px;
  border: 1px solid #0f9fb1;
  background-color: #ffffff;
  box-shadow: 0 2px 4px 0 rgba(88, 88, 88, 0.5);
}
.heads h6 {
  color: #12b6b0;
  font-family: "Brandon Grotesque";
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 11px;
  text-align: center;
  margin-bottom: 0;
  padding: 0;
  line-height: normal;
  margin: 0;
}
.plan-workout.phy-works .heads h6 {
  color: #ffa72a;
  line-height: 12px;
}
.heads label {
  font-family: "Brandon Grotesque";
  color: #285c70;
}
.heads label {
  font-family: "Brandon Grotesque";
  color: #285c70;
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 11px;
  text-align: center;
  display: block;
  width: 100%;
  padding: 0;
}
.workout {
  width: 100%;
  text-align: center;
  margin-top: 20px;
}

.workout-spaeks {
  background-color: #12b6b0;
  padding-left: 12px; 
  position: relative;
  display: flex;
  height: 60px;
  margin-bottom: 5px;
}
.workout-spaeks img {
  padding-right: 11px;
}
.workout-spaeks .dis h2 {
  color: #ffffff;
  font-family: "Brandon Grotesque";
  margin: 0;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 8px;
  margin-top: 8px;
}
.workout-spaeks .dis span {
  color: #003442;
  font-family: "Brandon Grotesque";
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 18px;
  text-align: center;
}
.embed-responsive {
  height: 250px;
}
.session-register p {
  padding-right: 20px;
  color: #8c928c;
  font-family: "Brandon Grotesque";
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.79px;
  line-height: 17px;
  padding-left: 62px;
  text-transform: uppercase;
}
.session-register {
  margin-bottom: 150px;
}
.session-register ul {
  display: flex;
  justify-content: center;
  flex-direction: row;
}
.session-register .col-4 {
  align-items: center;
  justify-content: center;
  align-self: center;
  display: flex;
}
.days-content {
  margin: 0 30px;
}
.sucess {
  height: 79px;
  line-height: 79px;
  position: relative;
  width: 79px;
  text-align: center;
  border-radius: 100%;
  background: linear-gradient(169.63deg, #8edad0 0%, #77afd9 100%);
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.21);
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0;
  color: #fff !important;
  margin-bottom: 17px;
}
.sucess.days.active:after {
  content: "";
  position: absolute;
  top: 8px;
  right: 0;
  background: url("../../../../assets/images/yoga/icon-check.svg");
  width: 22px;
  height: 22px;
}
.drop-plan {
  float: right;
  margin: 0 20px;
  padding: 0 0;
}
.drop-plan .dropdown-item {
  display: block;
  width: 100%;
  padding: 9px 0.7rem;
  clear: both;
  font-weight: 400;
  color: #212529;
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  color: #51504e;
  font-family: "Brandon Grotesque";
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 15px;
  text-align: center;
}
.drop-plan .dropdown-menu {
  padding: 0;
  background-color: #ffffff;
  border-radius: 0;
  box-shadow: 0 4px 9px 0 rgba(0, 0, 0, 0.5);
  border: 0;
}
.drop-plan .dropdown-menu:after {
  content: "";
  position: absolute;
  top: -9px;
  right: 21px;
  background: url("../../../../assets/images/img-arrow-icon.svg");
  width: 19px;
  height: 10px;
}
.drop-plan .dropdown-item.active {
  background-color: #9fcdd3;
}
.drop-plan .dropdown-menu:last-child {
  padding-bottom: 10px;
}
.bg-settings {
  background-color: #ffa72a;
}
.score-board-first {
  background: url("../../../../assets/images/score/bg-score.png");
  height: 121px;
  background-repeat: no-repeat;
  background-position: center center;
  width: 100%;
  position: relative;
}
.score-board-first.score-board-stress {
  background: url("../../../../assets/images/score/bg-score2.png");
  background-repeat: no-repeat;
  background-position: center center;
}

.score-board-first.score-board-eats {
  background: url("../../../../assets/images/score/bg-eatingscore.png");
  background-repeat: no-repeat;
  background-position: center center;
}

.score-board-first.score-board-phy {
  background: url("../../../../assets/images/score/bgo-score-screens.png");
  background-repeat: no-repeat;
  background-position: center center;
}

.score-board-first.score-board-sitting {
  background: url("../../../../assets/images/score/bgo-score-sittiing.png");
  background-repeat: no-repeat;
  background-position: center center;
}
.score-board-first.score-board-time {
  background: url("../../../../assets/images/score/bg-timescore.png");
  background-repeat: no-repeat;
  background-position: center center;
}

.score-board-first.score-board-well {
  background: url("../../../../assets/images/score/bg-score-well.png");
  background-repeat: no-repeat;
  background-position: center center;
}
.score-board-first span {
  position: absolute;
  top: 39px;
  margin: 0 auto;
  text-align: center;
  left: 38px;
  right: 24px;
  color: #fff;
  transform: translateX(4px);
  font-family: "Brandon Grotesque";
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 0.63px;
  line-height: 32px;
}

.my-scores p {
  color: #000000;

  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 16px;
  text-align: center;
}

.score-point h2 {
  color: #235f6f;
  font-family: "Brandon Grotesque";
  font-size: 16.2px;
  font-weight: bold;
  letter-spacing: 0.53px;
  line-height: 31px;
  text-align: center;
}

/**menu**/

.media-content h2 {
  color: #333333;
  font-family: "Brandon Grotesque";
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.5px;
  line-height: 24px;
  text-transform: uppercase;
}
.media-content {
  position: relative;
  border-radius: 0 0 4px 4px;
  background-color: #ffffff;
  height: 59px;
  padding: 19px 20px;
  box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.05), 0 6px 8px 0 rgba(0, 0, 0, 0.14);
}
.media-content .likes {
  position: absolute;
  right: 17px;
  top: 23px;
  background: url(../../../../assets/images/recipes/img-like.svg);
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
}
.media-content .likes.dislike-recipes {
  background: url(../../../../assets/images/recipes/img-dislike.svg);
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
}

.fav-item-ld .likes {
  position: absolute;
  right: 17px;
  top: 23px;
  background: url(../../../../assets/images/recipes/img-like.svg);
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
}
.fav-item-ld .likes.dislike-recipes {
  background: url(../../../../assets/images/recipes/img-dislike.svg);
  width: 22px;
  height: 22px;
  background-repeat: no-repeat;
}
.menu-container {
  padding: 15px;
  margin-bottom: 50px;
}
.menu-container li {
  margin-bottom: 20px;
}
.menu-box {
  border-radius: 0 0 4px 4px;
}

.detail-bg {
  background: #f7f7f7;
  background-size: cover;
  height: 100%;
  top: 0;
  width: 100%;
  position: fixed;
  z-index: -1;
  background-position: center;
}
.bg-deatil {
  background: url(../../../../assets/images/recipes/img-deatil.jpg);
  height: 155px;
  background-size: cover;
}
/*.help-content  .popover {     right: 0 !important; left:-120px !important;
				transform: 0 !important;}

				.help-info-icon   .popover{
					transform: translate(-130px, 28px) !important;
					  width: 150px;
					  background-color: #FFFFFF; border:0 ;
					  box-shadow: 0 2px 16px 0 rgba(112,112,112,0.43);


					} */
.eating-golas-first .title span {
  text-transform: initial;
}
ngb-popover-window.bs-popover-bottom > .arrow,
ngb-popover-window.bs-popover-top > .arrow {
  left: auto !important;
  right: 16px !important;
}
.veg-fruits-plan-veg ngb-popover-window.bs-popover-bottom > .arrow,
ngb-popover-window.bs-popover-top > .arrow {
  left: auto !important;
  right: 0 !important;
}
.diet-prot-alert ngb-popover-window.bs-popover-bottom > .arrow,
ngb-popover-window.bs-popover-top > .arrow {
  left: auto !important;
  right: 0 !important;
}

.diet-prot-alert.g-plan ngb-popover-window.bs-popover-bottom > .arrow,
ngb-popover-window.bs-popover-top > .arrow {
  left: inherit !important;
  right: inherit !important;
  display: none;
}
.diet-prot-alert.g-plan ngb-popover-window.bs-popover-left > .arrow,
ngb-popover-window.bs-popover-right > .arrow {
  display: none;
}
.diet-prot-alert .help-info-icon .popover {
  width: 120px !important;
  left: 0 !important;
}
.help-info-icon .popover {
  left: 22px !important;
  width: 150px !important;
  background-color: #ffffff;
  border: 0;
  box-shadow: 0 2px 16px 0 rgba(112, 112, 112, 0.43);
  text-align: center; /*transform: translate(520px, 45px) !important;*/
  border-radius: 0;
}
.help-info-icon-plan .popover {
  background-color: #ffffff;
  border: 0;
  box-shadow: 0 2px 16px 0 rgba(112, 112, 112, 0.43);
  text-align: center; /*transform: translate(520px, 45px) !important;*/
  border-radius: 0;
}
.diet-alert .popover {
  left: 46px !important;
  width: 240px !important;
  background-color: #ffffff;
  border: 0;
  box-shadow: 0 2px 16px 0 rgba(112, 112, 112, 0.43);
  text-align: center; /*transform: translate(520px, 45px) !important;*/
  border-radius: 0;
}
.diet-alert .popover p {
  color: #5b5b5b;
}
.veg-fruits-plan-veg .help-info-icon .popover {
  width: 140px !important;
  left: 0 !important;
}
.bs-popover-auto[x-placement^="bottom"] > .arrow::before,
.bs-popover-bottom > .arrow::before {
  border-color: transparent !important;
}
.bs-popover-auto[x-placement^="top"] > .arrow::before,
.bs-popover-top > .arrow::before {
  bottom: 0;
  border-width: 0.5rem 0.5rem 0;
  border-top-color: transparent !important;
}

/**eating-plan**/

.help-info-icon .popover h4 {
  font-size: 13px;
  text-transform: uppercase;
  color: #277184;
  padding-top: 8px;
}
.help-info-icon .popover-body {
  color: #5b5b5b;
  font-family: "Brandon Grotesque";
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 14px;
  text-align: center;
  margin-bottom: 5px;
}
.help-info-icon-plan .popover-body {
  color: #5b5b5b;
  font-family: "Brandon Grotesque";
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 18px;
  text-align: center;
  margin-bottom: 5px;
}

.help-info-icon-plan .popover p {
  color: #5b5b5b;
  font-family: "Brandon Grotesque";
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 14px;
  text-align: center;
  margin-bottom: 5px;
}
.help-info-icon .popover p {
  color: #5b5b5b;
  font-family: "Brandon Grotesque";
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 18px;
  text-align: center;
  margin-bottom: 5px;
}
.help-info-icon .popover .link-receipe {
  color: #f77062;
  font-family: "Brandon Grotesque";
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.14px;
  line-height: 19px;
  text-align: center;
  text-decoration: underline;
}
.menu-icon path {
  fill: rgb(0, 0, 0);
}
.help-info-icon-plan .popover .link-receipe {
  color: #f77062;
  font-family: "Brandon Grotesque";
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.14px;
  line-height: 19px;
  text-align: center;
  text-decoration: underline;
}
.menu-icon path {
  fill: rgb(0, 0, 0);
}

.plan-diet-chart h2 {
  color: #0f9fb1;
  font-family: "Brandon Grotesque";
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.68px;
  line-height: 20px;
  text-align: center;
}
.eats-diet-head span {
  color: #0f9fb1;
  font-family: "Brandon Grotesque";
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 20px;
  padding-left: 17px;
}

.eats-diet-head {
  height: 39px;
  padding: 5px 22px;
  display: flex;
}

.white-box-tab {
  border: 1px solid #f77062;

  background-color: rgba(255, 255, 255, 0.5);
  box-shadow: 0 2px 4px 0 rgba(88, 88, 88, 0.5);
  margin: 0 15px;
  padding: 10px 0px;
}
.white-box p {
  color: #235f6f;
  font-family: "Brandon Grotesque";
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.68px;
  line-height: 20px;
  text-align: center;
}
.weekly-goals .head span {
  color: #47495a;
  font-family: "Brandon Grotesque";
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 17px;
  display: initial;
}
.head span {
  display: inline-block;
  vertical-align: middle;
}
.help-content {
  display: inline-block;
  vertical-align: middle;
}

.weekly-days a.week-days {
  height: 30px;
  width: 30px;
  background: linear-gradient(152.71deg, #ffca94 0%, #ffa72a 100%);
  box-shadow: 0 1px 7px 0 rgba(0, 0, 0, 0.21);
  border-radius: 100px;
  color: #ffffff !important;
  font-family: "Brandon Grotesque";
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 30px;
  text-align: center;
}
.eats-plan-days .weekly-days a.week-days.active,
.eats-plan-days .weekly-days a.week-days:focus,
.eats-plan-days .weekly-days a.week-days:focus {
  background: #de1500;
  color: #fff;
}
.weekly-days {
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  justify-content: space-between;
}

.head {
  margin: 15px 0;
}

.eating-life-plan .yoga-head span {
  color: #eb8872;
  font-family: "Brandon Grotesque";
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 20px;
  text-transform: uppercase;
}
.eating-life-plan {
  margin-top: 20px;
}
.eating-life-plan .yoga-head {
  margin-bottom: 10px;
}
.health-plan {
  text-align: center;
  padding: 20px 0;
}
.download-plan h4 {
  color: #ff803a;
  font-family: "Brandon Grotesque";
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 18px;
  text-transform: uppercase;
}
.pdf a {
  color: #235f6f;
  font-family: "Brandon Grotesque";
  font-size: 10px;
  font-weight: bold;
  letter-spacing: 0.11px;
  line-height: 19px;
  text-align: center;
  text-decoration: underline;
}
.download-plan {
  margin: 15px 0;
}
.veg-heads {
  height: 44px;
  text-align: center;
  background-color: #f77062;
  padding: 8px 0;
  display: flex;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
  justify-content: center;
  align-items: center;
  flex-direction: column;
}

.veg-heads h6 {
  font-family: "Brandon Grotesque";
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 0;
  text-transform: uppercase;
  line-height: 14px;
  margin: 0;
  text-align: center;
  color: #ffffff;
}
.veg-heads p {
  font-family: "Brandon Grotesque";
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 18px;
  margin: 0;
  text-align: center;
  color: #ffffff;
}
.eating-life-plan .white-box {
  padding: 0px 0;
}
.title {
  display: flex;
  justify-content: center;
  flex-direction: row;
  display: flex;
  display: -webkit-box; /* OLD - iOS 6-, Safari 3.1-6 */
  display: -moz-box; /* OLD - Firefox 19- (buggy but mostly works) */
  display: -ms-flexbox; /* TWEENER - IE 10 */
  display: -webkit-flex; /* NEW - Chrome */
  display: flex; /* NEW, Spec - Opera 12.1, Firefox 20+ */
}
.title span {
  display: block;
}
.food-diets-plan {
  text-align: center;
}
.food-chart .row {
  justify-content: center;
  padding: 0 5px;
}
.food-diets-plan {
  margin: 15px 0;
}
.food-chart {
  margin-top: 5px;
  margin-bottom: 5px;
}
.vegplan-space .title h2 {
  line-height: 12px;
  padding: 0 4px;
  font-size: 11px;
}

.title h2 {
  color: #235f6f;
  font-family: "Brandon Grotesque";
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 12px;
  padding: 0 10px;
  text-align: center;
  display: inline-block;
  vertical-align: middle;
}

.healthy-habits .title h2 {
  text-transform: uppercase;
}
.title span {
  color: #717171;
  font-family: "Brandon Grotesque";
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0;
  line-height: 12px;
  text-align: center;
}

.help-info-icon {
  /*position: absolute;
                        right: 10px;
                        top: 8px;
                        border: 0;
                        border: 0;
                        background: transparent;
                        padding: 0;*/
  display: inline-block;
  vertical-align: middle;
}

.help-info-icon .btn.btn-secondary {
  border: 0;
  background: transparent;
}
.title img {
  max-width: inherit !important;
}

.bg-workout-conatiner {
  background: url("../images/yoga/bg-bottom-gym.png") no-repeat;
  background-size: cover;
  height: 100%;
  width: 100%;
  position: fixed;
  background-position: center;
  overflow-y: auto;
}

.golas-first {
  padding: 10px 10px;
}
.menu-content ul li:focus {
  outline: none;
}

.term-box {
  height: 420px;
}

perfect-scrollbar > .ps.ps--active-y > .ps__rail-y.ps--clicking,
perfect-scrollbar > .ps.ps--active-y > .ps__rail-y {
  width: 6px;
}
.term-box .ps__thumb-y {
  background-color: #0fb1a5 !important;
  border-radius: 6px; /* height: 50px !important;*/
  right: 0;
  width: 4px !important;
}
perfect-scrollbar > .ps.ps--active-y > .ps__rail-y.ps--clicking,
perfect-scrollbar > .ps.ps--active-y > .ps__rail-y:hover {
  width: 4px !important;
  opacity: 0.9;
}
perfect-scrollbar > .ps.ps--active-y > .ps__rail-y {
  width: 4px !important;
  opacity: 0.9 !important;

  right: -1px !important;

  z-index: 99999;
}
.term-box .ps-content {
  padding: 20px 0;
}
.ps-container > .ps-scrollbar-x-rail,
.ps-container > .ps-scrollbar-y-rail {
  opacity: 0.6;
}

.footer-curve-success {
  background: url(../images/sucess-bg-bottom.png) no-repeat 0 0;
  background-size: contain;
  height: 100%;
  width: 100%;
  position: fixed;
  background-position: bottom;
  bottom: 0;
}

.bs-footer-curve-success {
  background: url(../images/sucess-bg-bottom.png) no-repeat 0 0;
  background-size: contain;
  height: 100%;
  width: 100%;
  position: fixed;
  background-position: bottom;
  bottom: 0;
}

.btn-login .btn.btn-primary:focus,
.btn-login .btn.btn-primary:hover {
  background: #fff;
  color: #f77062;
}
.pl1 {
  padding-left: 0.25rem !important;
}
/*.cd-actions  a:hover img, .cd-actions  a:focus img{ opacity: 0.7;}*/
.btn-info-custom .btn-primary-white:hover,
.btn-info-custom .btn-primary-white:focus {
  background-color: #0f9fb1;
  box-shadow: none;
}

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio:0) {
  .bg-orange-container {
    top: 70px;
  }
}

@media screen and (min-color-index: 0) and(-webkit-min-device-pixel-ratio:0) {
  @media (min-width: 320px) and (max-width: 1920px) {
    .bg-orange-container {
      top: 70px;
    }
  }
}

.space-height {
  height: 30px;
}
.with_bottom_menu.iPhone .distance-space-200 {
  height: 80px;
}
.with_bottom_menu .distance-space-200 {
  height: 3rem;
}
.space-height5 {
  height: 50px;
}
.garlic-onion img {
  width: 70px;
  height: 60px;
}
.canola-oil img {
  width: 78px;
  height: 75px;
}
.ghee img {
  width: 78px;
  height: 75px;
}
.spice img {
  width: 70px;
  height: 60px;
}

.weekly-days.days-diet a.week-days:focus,
.weekly-days.days-diet a.week-days.active {
  background: linear-gradient(21.08deg, #ff7a60 0%, #f77062 100%) !important;
  color: #fff;
}

.common_module .modal-674px {
  width: 580px;
  max-width: calc(100% - 30px);
  margin: 0 auto;
}
.common_module .modal-content {
  border: none;
  background-color: #ffffff;
  box-shadow: 0 2px 18px 0 rgba(132, 132, 132, 0.5);
}

.box-eating-qus .new h2 {
  font-size: 15px;
}
.auto-related .autocomplete-container {
  box-shadow: none;
}

.auto-related .autocomplete-container .input-container input {
  font-size: 14px;
  box-sizing: border-box;
  border: none;
  box-shadow: none;
  outline: 0;

  color: rgba(0, 0, 0, 0.87);
  width: 100%;
  padding: 0 15px;
  line-height: 40px;
  height: 40px;
  padding-left: 50px;
  border-radius: 14px;
  background-color: #f2f2f2;
}

.no-found {
  text-align: center;
  text-transform: uppercase;

  margin-top: 100px;
}

.goals-list-content.report
  .form-group
  + .form-group
  + .form-group
  .dropdown-list {
  margin-bottom: 150px;
}

.option-list li {
  color: #333333;
  font-family: Arial;
  font-size: 14px;
  letter-spacing: 0;
  position: relative;
  line-height: 24px;
  padding: 6px 0;
  padding-left: 20px;
}
.option-list li p {
  position: relative;
  margin-bottom: 0;
  padding-left: 18px;
}
.option-list li p:after {
  position: absolute;
  top: 8px;
  left: 0;
  height: 8px;
  width: 8px;
  background-color: #ff8c2b;
  content: "";
  border-radius: 100px;
}
.option-list {
  padding: 20px 20px;
  background-color: #fff;
}
.option-list p {
  margin-bottom: 0;
}
.option-list h5 {
  font-weight: bold;
  margin-bottom: 0;
  font-size: 14px;
}

.diet-prot-alert.g-plan
  .food-chart.last-info-box
  ngb-popover-window.bs-popover-bottom
  > .arrow,
ngb-popover-window.bs-popover-top > .arrow {
  left: auto !important;
  right: 17px !important;
  display: block;
}

.diet-prot-alert.g-plan
  .food-chart.last-info-box
  .bs-popover-auto[x-placement^="top"]
  > .arrow::before,
.diet-prot-alert.g-plan
  .food-chart.last-info-box
  .bs-popover-top
  > .arrow::before {
  border: 0 !important;
}

.diet-prot-alert.g-plan
  .food-chart.last-info-box.diet-prot-alert-phase
  ngb-popover-window.bs-popover-bottom
  > .arrow,
ngb-popover-window.bs-popover-top > .arrow {
  left: auto !important;
  right: 0 !important;
  display: block;
}

.reveal-selects .dropdown-list ul.item2 {
  max-height: 108px !important;
}

.flex-and-center {
  display: flex;
  justify-content: center;
  align-items: center;
flex-direction: column;}

/* todo move this to its own component */
a.tertiary-button {
  text-decoration: none;
  cursor: pointer;
  color: #235f6f !important;
  text-transform: uppercase;
  line-height: 42px;
  font-size: 0.85rem;
}