@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;600;700;800&display=swap');

body{

	padding-top:80px;

	font-family: 'Roboto', sans-serif;

	font-size:16px;

	color:#545454;

	font-weight:400;

	overflow-x:hidden;

}

.shadow {

    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.42);

    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.42);

    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.42);

	border:0px;

}

.navbar-light .navbar-nav .nav-link {

    color: rgba(0,0,0,1);

}

.navbar-light .navbar-nav .active > .nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show > .nav-link{

	font-weight:600;

}

.navbar-expand-md .navbar-nav .nav-link {

    padding-right: 1rem;

    padding-left: 1rem;

}

p{color:#545454; font-weight:400; font-size:18px;}

.h-phone{

	background:url(../images/h-phone.svg) no-repeat left center;

	background-size:10%;

	padding-left:25px !important;

	margin-left:10px;

	color:#000 !important;

}

.banner-con{

	 height:550px;

	 background:url(../images/banner.jpg) no-repeat center center;

	 background-size:cover;

	 padding-top:50px;

}

.banner-con h1{

	font-size:2rem;

	color:#000;

	font-weight:700;

	margin-bottom:15px;

}

.banner-con p{

	font-size:18px;

}



.banner-form{

	background-color:#fff;

	padding:25px 30px 20px 30px;

	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.32);

	-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.32);

	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.32);

	border-radius:20px;

}

.bf-head{

	font-size:25px;

	font-weight:400;

	margin-bottom:15px;

}

.bf-head span{

	font-weight:700;

	display:block;

}

.form-control{

	height:55px;

	border-color:#e6e6e6;

}

.green-btn{

	border-radius:30px;

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#bfce30+1,6ebd47+100 */

background: #bfce30; /* Old browsers */

background: -moz-linear-gradient(left,  #bfce30 1%, #6ebd47 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left,  #bfce30 1%,#6ebd47 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right,  #bfce30 1%,#6ebd47 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bfce30', endColorstr='#6ebd47',GradientType=1 ); /* IE6-9 */

color:#fff;

padding:10px 30px;

width:250px;

margin:0 auto;

display:block;

font-size:25px;

}

.green-btn:hover{

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#6ebd47+0,bfce30+100 */

background: #6ebd47; /* Old browsers */

background: -moz-linear-gradient(left,  #6ebd47 0%, #bfce30 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left,  #6ebd47 0%,#bfce30 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right,  #6ebd47 0%,#bfce30 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6ebd47', endColorstr='#bfce30',GradientType=1 ); /* IE6-9 */



}



.offer-tag{

	padding:10px 20px;

	font-size:18px;

	text-align:center;

	color:#fff;

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#3b6dad+0,f91498+100 */

background: #3b6dad; /* Old browsers */

background: -moz-linear-gradient(left,  #3b6dad 0%, #f91498 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(left,  #3b6dad 0%,#f91498 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(to right,  #3b6dad 0%,#f91498 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3b6dad', endColorstr='#f91498',GradientType=1 ); /* IE6-9 */

border-top-left-radius:15px;

border-top-right-radius:15px;

width:150px;

float:right;

margin-right:20px;

font-weight:600;

}



.about-section{

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#ffffff+0,f2f2f2+100 */

background: #ffffff; /* Old browsers */

background: -moz-linear-gradient(-45deg,  #ffffff 0%, #f2f2f2 100%); /* FF3.6-15 */

background: -webkit-linear-gradient(-45deg,  #ffffff 0%,#f2f2f2 100%); /* Chrome10-25,Safari5.1-6 */

background: linear-gradient(135deg,  #ffffff 0%,#f2f2f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

min-height:400px;

padding-top:40px;

padding-bottom:40px;

position:relative;

}

.about-section h2{

	font-size:2rem;

	color:#000;

	margin-bottom:20px;

	font-weight:600;

}

.about-img{

	position:absolute;

	top:50px;

	right:0px;

}

.hiw-section{

	padding-top:70px;

	padding-bottom:40px;

	background:#fff url(../images/hiw.png) no-repeat left top -100px;

}

.hiw-section h2{

	font-size:2rem;

	color:#000;

	margin-bottom:70px;

	font-weight:600;

	text-align:center;

}

.hiw-box{

	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.32);

	-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.32);

	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.32);

	border-radius:10px;

	background-color:#fff;

	padding:20px;

	min-height:351px;

}

.htw-icon{

	width:90px;

	margin:20px auto;

}

.hiw-box h3{

	color:#575757;

	font-size:22px;

	font-weight:600;

	text-align:center;

}

.hiw-box p{

	text-align:center;

	font-size:14px;

}

.mealplan-section{

	padding-bottom:30px;

}

.mealplan-top{

	background:url(../images/mealplan-bg.svg) no-repeat top center;

	min-height:300px;

	background-size:cover;

	padding-top:75px;

}

.mealplan-section h2{

	font-size:2rem;

	color:#fff;

	font-weight:600;

	text-align:center;

}

.plan-txt{margin-bottom:70px; text-align:center; color:#fff;}

.mealplan-box{

	max-width:600px;

	margin:0 30px 10px 0px;

}

.mealplan-img{border-radius:20px; overflow:hidden;}

.mealplan-des{

	padding:20px 20px 20px 20px;

	background-color:#F3F3F3;

	margin-top:15px;

	border-radius:20px;

}

.mealplan-des p{

	font-size:14px;

	text-align:left;

}

.mealplan-des .green-btn{

	font-size:18px;

	width:150px;

}

.mealplan-des .green-btn:hover{

	color:#fff;

}

.mp-head{

	font-size:20px;

	font-weight:600;

	color:#484848;

	margin-bottom:10px;

	text-align:center;

}

.mealplan-con{

	margin-top:-120px;

}

.mealplan-con div{

	outline:none;

}

.slick-prev, .slick-prev:hover, .slick-prev:focus{

	background:#fff url(../images/arrow-left.svg) no-repeat center center;

	height:60px;

	width:60px;

	left:-13px;

	top:37%;

	border-radius:75%;

	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.32);

	-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.32);

	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.32);

	z-index:1000;

	background-size:35%;

}

.slick-next, .slick-next:hover, .slick-next:focus{

	background:#fff url(../images/arrow-right.svg) no-repeat center center;

	height:60px;

	width:60px;

	right:-3px;

	top:37%;

	border-radius:75%;

	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.32);

	-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.32);

	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.32);

	z-index:1000;

	background-size:35%;

}

.slick-prev:before, .slick-next:before{

	display:none;

}



.wcu-section{

	padding-top:10px;

	padding-bottom:50px;

	background:#fff;

}

.wcu-section h2{

	font-size:2rem;

	color:#000;

	margin-bottom:70px;

	font-weight:600;

	text-align:center;

}

.wcu-box{

}

.wcu-img{

	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.32);

	-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.32);

	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.32);

	border-radius:6px;

	padding:25px;

	min-height:110px;

}

.control{

	padding:20px 35px;

}

.wcu-des{

	padding:0px;

	background-color:#fff;

}

.wcu-des p{

	font-size:16px;}



.wcu-head{

	font-size:20px;

	font-weight:600;

	color:#575757;

	margin-bottom:10px;

}

.btn-form-section{

	padding-top:40px;

	padding-bottom:40px;

	background:#fff url(../images/btm-form-bg.svg) no-repeat center center;

	background-size:cover;

	min-height:500px;

}

.faq-section{

	padding-top:40px;

	padding-bottom:40px;

	background:#fff;

}

.faq-section h2{

	font-size:2rem;

	color:#000;

	margin-bottom:20px;

	font-weight:600;

	text-align:center;

}

.faq-section .panel-default > .panel-heading {

    border: 0;

    background: #fff;

    padding: 0;

	-webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.32);

	-moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.32);

	box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.32);

	border-radius:40px;

}

.faq-section .panel-default .panel-title a {

    display: block;

    font-size: 1.2rem;

	color:#000;

}

.faq-section .panel-default .panel-title a:after {

    font-family: 'FontAwesome';

    font-style: normal;

    font-size: 3rem;

    content: "\f106";

    color: #74BE45;

    float: right;

    margin-top: -12px;

}

.faq-section .panel-default .panel-title a.collapsed:after {

    content: "\f107";

}

.faq-section .panel-default .panel-body {

    font-size: 1.2rem;

}

.faq-section .panel-body p {

    font-size: 18px;

}





.panel-body p{font-size:14px;}

.panel-title{

	margin-bottom:0px;

}









.footer{

	background-color:#F6F6F6;

	padding-top:40px;

	padding-bottom:40px;

	color:#fff;

}

.f-logo{

	width:100%;

}



.f-social{

	padding:0px;

	margin:20px 0px 0px 0px;

}

.f-social ul{

	padding:0px;

	margin:0px;

	list-style:none;

}

.f-social li{

	padding:0px;

	margin:0px 10px 0px 0px;

	float:left;

	width:21px;

	height:25px;

}

.f-social li a{display:block;}



.footer a{color:#000; font-size:16px; text-decoration:none;}

.footer a:hover{color:#fff;}

.f-link{

	padding:0px;

	margin:0px 0px 10px 0px;

}

.f-link ul{

	padding:0px;

	margin:0px;

	list-style:none;

	

}

.f-link li{

	padding:5px 0px;

	margin:0px 10px 0px 10px;

}

.f-link li a{display:block;}

.f-link li a:hover{ color:#666;}

.footer-btm{

	padding:15px;

	text-align:center;

	background-color:#EBEBEB;

	color:#616161;

}



.whatsapplink{

	position:fixed;

	bottom:30px;

	right:30px;

	width:50px;

	height:50px;

	font-size:30px;

	text-align:center;

	border-radius:75%;

	padding-top:3px;

	z-index:1000;

	

}

.alert-pop{

	position:absolute;

	top:20%;

	left:0;

	right:0;

	width:300px;

	height:300px;

	padding:20px;

	border-radius:20px;

	z-index:1000;

}

.phone{

	padding-left:30px;

	background:url(../images/phone.svg) no-repeat left center;

	background-size:7%;

	display:block;

}

.mail{

	padding-left:30px;

	background:url(../images/mail.svg) no-repeat left center;

	background-size:7%;

	display:block;

}



@media screen and (max-width:767px){

	.banner-con{

		height:auto;

		padding-bottom:20px;

	}

	.banner-con h1{

		font-size: 1.5rem;

	}

	.banner-con p{font-size:16px;}

	.bf-head {

    font-size: 21px;

	}

	p{font-size:16px;}

	.about-img{

		display:none;

	}

	.about-section h2{

		text-align:center;

	}

	.about-section{text-align:center;}

	.hiw-section h2{

		margin-top:80px;

		margin-bottom:20px;

	}

	.hiw-box{margin-bottom:20px;}

	.slick-prev, .slick-prev:hover, .slick-prev:focus{

		left:10px;

	}

	.slick-next, .slick-next:hover, .slick-next:focus{

		right:10px;

	}

	.wcu-section h2{

		margin-bottom:30px;

	}

	.wcu-img{

		margin-bottom:15px;

	}

	.wcu-des{text-align:center;}

	.mb-5{margin-bottom:1rem !important;}

	.faq-section .panel-default .panel-title a{font-size:1rem;}

	.faq-section .panel-default .panel-title a::after{font-size:2rem;}

	.f-link{

		margin-top:20px;

	}

	.mealplan-top{

		padding-top:40px;

	}

}

/* Modal Inner Styling */
.modal-inner-p{
	font-size: 0.9em;
}
.modal-body{
	max-height: calc(100vh - 210px);
    overflow-y: auto;
}
/* Banner Form CSS */
.banner__form {
	margin: 0 0 90px;
	position:absolute;
  }
  
  
  @media (max-width: 1000px) {
	.banner__form {
	  position: static;
	  max-width: 90%;
	  margin-left: auto;
	  margin-right: auto;
	  background-color: #c1edf7;
	  padding: 10px;
	  margin-top: 15px;
	  border-radius: 20px;
	  box-shadow: 0px 0px 8px 2px #767676;
	}
  }
  @media (min-width: 1001px) {
	.banner__form {
	  top: 100px;
	  left: 800px;
	  font-size: 0.8em;
	  padding: 20px;
	  border-radius: 15px;
	  box-shadow: 0px 0px 8px 2px #767676;
	  background: #9ccfe78f;
	}
	.banner__form input{
	  height: 35px !important;
	}
  }
  @media (min-width: 1200px) {
	.banner__form {
	  top: 110px;
	  left: 816px;
	}
	.banner__form input{
	  height: 35px !important;
	}
  }
  @media (min-width: 1300px) {
	.banner__form {
		top: 159px;
		left: 834px;
	}
	.banner__form input{
	  height: 35px !important;
	}
  }
  @media (min-width: 1500px) {
	.banner__form {
	  top: 150px;
	  left: 1300px;
	}
	.banner__form input{
	  height: 45px !important;
	}
  }
  @media (min-width: 1700px) {
	.banner__form {
	  top: 200px;
	  left: 1300px;
	}
	.banner__form input{
	  height: 45px !important;
	}
  }
  
  
  @media (max-width: 767px) {
	.banner__form {
	  margin-left: auto;
	  margin-right: auto;
	  margin-bottom: 15px;
	}
  }
  .banner__form__holder {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
		-ms-flex-direction: column;
			flex-direction: column;
	-webkit-box-pack: end;
		-ms-flex-pack: end;
			justify-content: flex-end;
  }
  .banner__form .form-group {
	margin-bottom: 30px;
  }
  @media (max-width: 767px) {
	.banner__form .form-group {
	  margin-bottom: 18px;
	}
  }
  .banner__form input {
	height: 58px;
	border: 0 none;
	border-radius: 60px;
	background: #ffffff;
	color: #000000;
	font-size: 16px;
	font-weight: 500;
	padding: 5px 40px;
	width: 100%;
  }
  @media (max-width: 1000px) {
	.banner__form input {
	  height: 45px;
	  padding: 5px 20px;
	  box-shadow: 2px 2px 5px 2px #00000052;
	  max-width: 80%;
	  margin-left: auto;
	  margin-right: auto;
	}
  }
  .banner__form input::-webkit-input-placeholder {
	color: #000000;
  }
  .banner__form input::-moz-placeholder {
	color: #000000;
  }
  .banner__form input:-ms-input-placeholder {
	color: #000000;
  }
  .banner__form input:-moz-placeholder {
	color: #000000;
  }

  /* Banner Button Submit */
  .btn__started {
	color: #ffffff;
	background: #a12a81; /* Old browsers */

/* background: -moz-linear-gradient(left,  #bfce30 1%, #6ebd47 100%);  */
/* FF3.6-15 */

/* background: -webkit-linear-gradient(left,  #bfce30 1%,#6ebd47 100%); */
 /* Chrome10-25,Safari5.1-6 */
/* 
background: linear-gradient(to right,  #bfce30 1%,#6ebd47 100%);  */
/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	border-radius: 30px;
	-webkit-box-shadow: 0px 0px 9px 2px #2c282878;
	box-shadow: 0px 0px 9px 2px #2c282878;
	font-weight: 600;
	font-size: 20px;
	-webkit-transition: all 600ms;
	transition: all 600ms;
	padding: 12px 0;
	line-height: 1;
	margin: 0 auto;
	display: block;
	max-width: 200px;
	position: relative;
	z-index: 1;
  }
  @media (max-width: 767px) {
	.btn__started {
	  font-size: 16px;
	  padding: 11px 0;
	  max-width: 180px;
	}
  }
  .btn__started i {
	font-size: 17px;
	vertical-align: baseline;
	padding: 0 15px 0 0;
  }
  .btn__started:hover, .btn__started:focus {
	background: #5496af;
	color: #ffffff;
  }

.slick-next.slick-arrow{
	opacity: 0.6;
}
.slick-prev.slick-arrow{
	opacity: 0.6;
}