@charset "utf-8";

*{margin:0; padding: 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box;}

body { font-family: 'Rubik', sans-serif; font-weight:400; margin: 0px;padding: 0px;color: #404041;font-size: 15px;line-height: 22px; position: relative;-webkit-box-sizing: border-box;-moz-box-sizing: border-box; box-sizing: border-box; background: #f4f5f5; -webkit-font-smoothing:antialiased;-moz-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
ul, ol { list-style:none; margin: 0px; padding: 0px;}
a { text-decoration:none; color: #404041;}
a:hover, a:focus {text-decoration:none; outline:none; }
img:focus, input:focus, textarea:focus, button:focus, select:focus, .slick-slide:focus{outline:none;}
p{color: #404041;font-size: 15px;line-height: 22px; margin-bottom: 1.5rem; }
img{max-width: 100%;}
h1, h2, h3, h4, h5, h6{margin-top: 0; color: #000; font-weight: 400;}
h1{}
h2{}
h3{}
h4{}
h5{}
h6{}

.page-wrapper, .delrecipe-fixed {  overflow: hidden;}

.animation-element {opacity: 0; transform: translate3d(-150px,0,0);  transition: transform 1.2s cubic-bezier(.14,1,.34,1),opacity .4s cubic-bezier(.215,.61,.355,1);}
.animation-element.do-animation { opacity: 1; transform: translateZ(0); }

.defult-btn{background: #f4f5f5; border: 2px solid #fff; font-weight: 300; padding: 8px 10px; display: inline-block;color: #404041;font-size: 15px;line-height: 22px; min-width: 270px; letter-spacing: 0.2px; border-radius: 21px; cursor: pointer; text-align: center; box-shadow: -2px 4px 15px rgba(0,0,0,0.15); transition: all 0.2s ease;}
.defult-btn.pink-bg{background: #f1715c; color: #fff; min-width: 140px; }
.defult-btn.green-bg{background: #1cb14d; color: #fff; min-width: 140px; }
.defult-btn:hover, .defult-btn.green-bg:hover{background:#f1715c; color: #fff; }
.defult-btn.pink-bg:hover{background: #1cb14d; color: #fff;}

.form-group {  margin-bottom: 15px;}
.form-control{border: none; background: #f4f5f5; font-weight: 300; color: #404041; border-radius: 50px;  box-shadow: inset 4px 4px 4px rgba(0,0,0,0.1), inset -4px -4px 4px white; -webkit-box-shadow: inset 4px 4px 4px rgba(0,0,0,0.1), inset -4px -4px 4px white; padding: 10px 25px;}
.form-control:focus { box-shadow: inset 4px 4px 4px rgba(0,0,0,0.1), inset -4px -4px 4px white; background-color: transparent;}
input:-webkit-autofill,
input:-webkit-autofill:hover, 
input:-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 {  background: #f4f5f5; transition: background-color 5000s ease-in-out 0s;}
.form-control::-webkit-input-placeholder {  color: #6d6e70;}
.form-control::-moz-placeholder {  color: #6d6e70;}
.form-control:-ms-input-placeholder {  color: #6d6e70;}
.form-control:-moz-placeholder { color: #6d6e70;}
.form-check{padding:0; text-align: center;}
.form-check-label{position: relative; color: #6d6e70;}
.form-check input[type=radio], .form-check input[type=checkbox]{position: absolute;visibility: hidden;}
.form-check-label:before{ position: relative; top: 3px; margin-right: 15px; display: inline-block; content: "";  border: 3px solid #f58d7d;border-radius: 100%; height: 17px;  width: 17px;transition: border .25s linear;-webkit-transition: border .25s linear;}
.form-check-label:after { display: block; position: absolute;content: ''; border-radius: 100%; height: 5px; width: 5px; top: 9px;left: 6px; margin: auto;	transition: background 0.25s linear;	-webkit-transition: background 0.25s linear;}
.form-check-input:checked ~ .form-check-label:before { border: 3px solid #f58d7d;}
.form-check-input:checked ~ .form-check-label:after{ background: #f2715d;}

.slick-arrow{height: 42px; width: 42px; border-radius: 50%; cursor: pointer; background-color: #f4f5f5; text-align: center; 
	display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center;   -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border: 2px solid #fff; box-shadow: -2px 3px 5px rgba(0, 0, 0, 0.15); transition: all 0.2s ease;}
.slick-prev.slick-arrow svg { transform: rotate(180deg);margin: 0 auto;}
.slick-arrow svg{margin: 0 auto;}
.slick-arrow:hover{background-color: #0C887B}
.slick-arrow:hover svg path{fill: #fff;}

/*==loader-start==*/
#preloader {position: fixed;top: 0;left: 0;right: 0; bottom: 0; overflow: hidden;background: #182f47;z-index: 999;}
#status {  width: 90px;  height: 195px; position: absolute; left: 50%;   top: 50%;  margin: -98px 0 0 -45px;}
#status .blink-path{animation-name: blink;  animation-duration: 0.7s;  animation-iteration-count:infinite;  animation-timing-function:ease-in-out;  animation-direction: alternate;}
#status svg { } 
@keyframes blink{
   from {opacity: 1.0;}
  to {opacity: 0.0;}
}

.dietlist-ul{}
.dietlist-ul li{display: inline-block; background-color: #fff; text-align: center; border-radius: 50%; font-size: 16px; letter-spacing: 0.2px; cursor: pointer; line-height: 38px; height: 40px; width: 40px; border: 2px solid transparent; margin: 0 4px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);}
.dietlist-ul li:first-child{margin-left: 0;}
.dietlist-ul li:last-child{margin-right: 0;}
.dietlist-ul li.gf-icon{border-color: #f2715d; color: #f2715d;}
.dietlist-ul li.gf-icon:hover{color: #fff; background: #f2715d;}
.dietlist-ul li.local-icon{border-color: #54c5d2; color: #54c5d2; font-size: 14px;}
.dietlist-ul li.local-icon:hover{background: #54c5d2; color: #fff;}
.dietlist-ul li.nf-icon{border-color: #f8a81a; color: #f8a81a;}
.dietlist-ul li.nf-icon:hover{background: #f8a81a; color: #fff;}
.dietlist-ul li.df-icon{border-color: #6c54a2; color: #6c54a2;}
.dietlist-ul li.df-icon:hover{background: #6c54a2; color: #fff;}
.dietlist-ul li.v-icon{border-color: #107173; color: #107173;}
.dietlist-ul li.v-icon:hover{background: #107173; color: #fff;}
.dietlist-ul li.vg-icon{border-color: #1cb14d; color: #1cb14d;}
.dietlist-ul li.vg-icon:hover{background: #1cb14d; color: #fff;}

.proplan-link{font-size: 15px; position: absolute; top: 15px; right: 15px; font-weight: 300; background-color: #fff; line-height: 1; border-radius: 14px; color: #6d6e70; width: 70px; padding: 8px 10px 5px; box-shadow: -1px 3px 6px rgba(0, 0, 0, 0.3); transition: all 0.2s ease;}
.proplan-link span{height: 28px; width: 28px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #083954; position: absolute; right: -1px; top: 0;}
.proplan-link:hover{background-color: #083954; color: #fff;}
.proplan-link span svg{position: relative; right: -1px;}

.dellabel-link, .save-favourite-link{height: 30px; width: 30px; display: flex; align-items: center; justify-content: center; border-radius: 50%; background-color: #083954; position: absolute; right: 15px; top: 15px; transition: all 0.2s ease;}
.dellabel-link svg, .save-favourite-link svg{height: 16px; width: auto;}
.dellabel-link:hover, .save-favourite-link:hover{background: #1cb14d;}

/* Header CSS */
.site-header{position: absolute; width: 100%; background: #fff;  top:0; left: 0; z-index: 7; }
.site-header.sticky{position: fixed; background: #182f47; -webkit-animation-name: stickySlideDown;  animation-name: stickySlideDown; padding: 0; -webkit-transition: none;  transition: none; box-shadow: 0 0 10px rgba(0,0,0,0.25);}
.site-header .container{max-width: 90%;}
.header-innerwrap{display: flex; min-height: 74px; align-items: center; justify-content: space-between;}
.site-header .logo-div{position: absolute; top: 10px; left: 0; right: 0; margin: 0 auto; max-width: 200px;}
.site-header .logo-div .sticky-logo{display: none;}
.site-header .logo-div span{opacity: 0; pointer-events: none; transition: all 0.2s ease; color: #fff; font-size: 36px; font-weight: 700;  position: absolute; top: 30px; left: 80px;  line-height: 1;}
.site-header.sticky .logo-div a:hover span{opacity: 1; pointer-events: all;}
.logo-div a{display: inline-block;}
.logo-div img{max-width: 200px;}
.head-center-nav{ width: 50%; padding: 15px 0; display: flex; }
.navigation-ul{margin: 0; padding: 0; text-align: center;}
.navigation-ul li{display: inline-block; vertical-align: middle; margin: 0 20px;}
.navigation-ul li:first-child{ margin-left: 0px;}
.navigation-ul li:last-child{ margin-right: 0px;}
.navigation-ul li a{color: #404041; letter-spacing: 1px; font-size: 14px; line-height: 16px; font-weight: 400; transition: all 0.2s ease;}
.navigation-ul li a:hover, .navigation-ul li.active a{ color: #f1715d;}
.head-rightside{ width: 25%; padding: 15px 0; display: flex; justify-content: flex-end;}
.signup-btndiv .defult-btn{font-size: 13px; min-width: 120px; line-height: 22px;}
.innerpage-header{background: #182f47; position: fixed; top: 0; -webkit-animation-name: none;  animation-name: none; }
.innerpage-header.site-header.sticky{-webkit-animation-name: none;  animation-name: none;}
.innerpage-header .navigation-ul li a, .site-header.sticky .navigation-ul li a{color: #fff;}
.innerpage-header .navigation-ul li a:hover, .innerpage-header .navigation-ul li.active a, .site-header.sticky .navigation-ul li a:hover, .site-header.sticky .navigation-ul li.active a { color: #f1715d;}
.innerpage-header .logo-div img, .site-header.sticky .logo-div img { width: auto; height: 74px;}
.innerpage-header.site-header .logo-div, .site-header.sticky .logo-div{  top: 0px;    left: 0;  right: 0;  margin: 0 auto; height: 74px; width: 80px;}
.innerpage-header.site-header .logo-div .desktop-logo, .site-header.sticky .logo-div .desktop-logo{display: none;}
.innerpage-header.site-header .logo-div .sticky-logo, .site-header.sticky .logo-div .sticky-logo{display: block;}
@-webkit-keyframes stickySlideDown {
  0% { opacity: 0.7;  -webkit-transform: translateY(-100%); transform: translateY(-100%); }
  100% {  opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
}
@keyframes stickySlideDown {
  0% { opacity: 0.7; -webkit-transform: translateY(-100%);  transform: translateY(-100%); }
  100% {  opacity: 1;  -webkit-transform: translateY(0); transform: translateY(0); }
}
.burger-click{display: none;}
.site-header.innerpage-header .burger-click svg path{fill:#fff;}

/* Home Banner CSS */
.homerbanner-section{position: relative;}
.homebanner-slider{ position: relative;}
.homebanner-slider .banner-slidediv{height: 100vh; position: relative; width: 100%;}
.homebanner-slider .banner-bgdiv{height: 100%; width: 100%; position: absolute; top: 0; left: 0; background-position: center; background-size: cover; background-position: center;}
.homebanner-slider .banner-bgdiv:before{position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: ""; background: -moz-linear-gradient(top,  rgba(0,0,0,0) 0%, rgba(64,64,65,0.75) 100%); background: -webkit-linear-gradient(top,  rgba(0,0,0,0) 0%,rgba(64,64,65,0.75) 100%); background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(64,64,65,0.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6404041',GradientType=0 );}
.banner-content{position: absolute; bottom: 22%; left: 0; right: 0; text-align: center; z-index: 1; max-width: 600px; margin: 0 auto;}
.banner-content .banner-title{font-size: 70px; position: relative; line-height: 1.2; color: #fff; letter-spacing: 0.6px; text-transform: uppercase; font-weight: 500; opacity: 0; margin-bottom: 20px;}
.banner-content h3{color: #fff; opacity: 0; position: relative; font-size: 26px; line-height: 1.2; letter-spacing: 0.3px;}
.homerbanner-iconover{position: absolute; bottom: 10px; left: 50%; margin-left: -63px; width: 126px; right: 0; z-index: 1;}
.homerbanner-iconover img{opacity: 0.3; width: 126px; height: auto;}
.banner-content .defult-btn{position: relative; opacity: 0; min-width: 160px; text-transform: uppercase;   padding: 10px 10px;   margin-top: 20px;}

.slick-active .banner-content .banner-title { animation: SlideContentText 1s forwards; animation-delay: 0.6s; }
.slick-active .banner-content h3{ animation: SlideContentText 1s forwards; animation-delay: 1s;}
.slick-active .banner-content .defult-btn{	animation: SlideContentText 1s forwards;	animation-delay: 1.4s;}
@keyframes SlideContentText { from {  bottom: -40px;  opacity: 0; } to {  bottom: 0;  opacity: 1; }}

.daily-inspiration{position: relative; padding: 90px 0;  height: 100vh; height: calc((var(--vh, 1vh) * 100)); display: flex; align-items: center; width: 100%;}
.daily-tcbicon{margin-bottom: 45px;}
.daily-tcbicon img{position: relative; left: -17px;}
.daily-inspiration-content{padding-top: 12%; transition-delay: .16s;}
.daily-inspiration-content h2 {color: #f1715d; font-size: 60px; font-weight: 500; letter-spacing: 0.6px; line-height: 1.2; margin: 0px 0 50px 0;}
.daily-inspiration-content h4 {max-width: 560px; font-weight: 500; font-size: 30px;line-height: 1.4; letter-spacing: 0.3px; color: #2e2925; margin-bottom: 25px;}
.daily-inspiration-content p{
	font-weight: 300;
    font-size: 16px;
    letter-spacing: 0.3px;
    line-height: 1.4;
    color: #2e2925;
    margin-bottom: 25px;
}
.daily-inspiration-content .defult-btn{text-transform: uppercase; padding: 10px; min-width: 180px; font-size: 14px; margin-top: 15px;}

.nutritious.receipes {padding: 85px 0; background-color: #172e46; background-size: cover; background-repeat: no-repeat; position: relative;  height: 100vh; height: calc((var(--vh, 1vh) * 100)); display: flex;  align-items: center; width: 100%;}
.nutritious-bgdiv{}
.nutritious.receipes .desk-left-img{position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-size: cover;
    background-position: left center;  content: ""; width: 600px; height: 100%; pointer-events: none; }
.nutritious.receipes .desk-right-img{position: absolute; top: 0; right: 0; background-repeat: no-repeat; background-size: cover;
    background-position: right center; content: ""; width: 510px; height: 100%; pointer-events: none;}
.nutritious.receipes .mob-left-img, .nutritious.receipes .mob-right-img{display: none;}
.nutritious-receipes-content{transition-delay: .16s;}
.nutritious-receipe { max-width: 538px; position: relative; z-index: 1; margin-top: 30px;}
.nutritious-receipe h2 {color: #f1715d; font-size: 60px; font-weight: 500; letter-spacing: 0.6px; line-height: 1.2; margin: 0px 0 50px 0;}
.nutritious-receipe h4 { font-size: 29px; color: #ffffff;  margin: 0;  font-weight: 500;  letter-spacing: 0.3px;  line-height: 1.3;   margin-bottom: 50px;}
.nutritious-receipe p { font-size: 20px; color: white;  margin-bottom: 25px;  letter-spacing: 0.4px;  line-height: 1.4; font-weight: 400;}
.nutritious-receipe .defult-btn{text-transform: uppercase; min-width: 180px; font-size: 14px; margin-top: 40px;}

.filter-preference-section{position: relative; padding: 85px 0 100px;  height: 100vh; height: calc((var(--vh, 1vh) * 100)); display: flex;  align-items: center; width: 100%;}
.content-filter-preference h2 { font-size: 60px; text-transform: uppercase;  color: #0c877b;  letter-spacing: 0.6px; line-height: 1.2;  margin-bottom: 55px;  font-weight: 500;}
.content-filter-preference h4 { font-size: 28px;  color: #2e2925;  letter-spacing: 0.3px;  line-height: 1.3;  margin-bottom: 50px;  font-weight: 500;}
.content-filter-preference {max-width: 540px; transition-delay: .16s;}
.handipicked {color: #f1715d; margin-top: 20px; display: inline-block; font-size: 20px;  letter-spacing: 0.9px;  line-height: 24px;  font-weight: 400; margin-top: 36px; text-decoration: none;}
.filter-preference-wrapbox{max-width: 520px; margin: 0 auto;}
.accpre-category-list{margin: 0 -11px;}
.accpre-category-list:after{display: table; content: ""; clear: both;}
.accpre-category-list li{float: left;  margin-bottom: 43px; position: relative; width: 33.33%; padding: 85px 11px 21px; }
.accpre-category-list li:nth-child(3n + 1){clear: both;}
.accpre-category-list li:nth-last-child(-n+3){margin-bottom: 0px;}
.accpre-category-boxdiv{height:100%;background: #fff; padding: 100px 15px 55px; border-radius: 0 0 20px 20px; box-shadow: 0 0 12px rgba(0,0,0,0.2); position: relative; text-align: center;}
.accpre-category-boxdiv .accpre-category-img{ position: absolute; top: -80px; left: 0; width: 100%; padding-bottom: 100%; border-radius: 100%;}
.accpre-category-boxdiv img{ position: absolute; top: 0px; left: 0; height: 100%; width: 100%; border-radius: 100%; object-fit: cover; object-position: center; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);}
.accpre-category-boxdiv h4{font-size: 18px; color: #404041; line-height: 1.2; letter-spacing: 0.2px; /*display: flex;*/ align-items: center; justify-content: center; font-weight: 500; margin-bottom: 15px; margin-top: 0px;}
.accpre-category-boxdiv p{ margin-bottom: 0; text-decoration: underline; font-size: 14px; line-height: 1.2; font-weight: 300; color: #6d6e70;}
.accpre-category-boxdiv .round-cat{position: absolute; left: 50%; margin-left: -35px; bottom: -35px; border: 2px solid #54c5d2; background-color: #f4f5f5; height: 70px; width: 70px; font-size:26px; font-weight: 300; line-height: 68px; color: #54c5d2; border-radius: 100%; text-align: center;  box-shadow: -3px 0px 12px rgba(0,0,0,0.25);}
.accpre-category-boxdiv.yellow-bg .round-cat{border-color: #f8a81a; color: #f8a81a;}
.accpre-category-boxdiv.pink-bg .round-cat{border-color: #f2715d; color: #f2715d;}
.accpre-category-boxdiv.genoa-bg .round-cat{border-color: #107173; color: #107173;}
.accpre-category-boxdiv.perpul-bg .round-cat{border-color: #6c54a2; color: #6c54a2;}
.accpre-category-boxdiv.green-bg .round-cat{border-color: #1cb14d; color: #1cb14d;}
.accpre-category-list li .accpre-category-boxdiv:hover .round-cat{background-color: #54c5d2; color: #fff;}
.accpre-category-list li .accpre-category-boxdiv.yellow-bg:hover .round-cat{background-color: #f8a81a; color: #fff;}
.accpre-category-list li .accpre-category-boxdiv.pink-bg:hover .round-cat{background-color: #f2715d; color: #fff;}
.accpre-category-list li .accpre-category-boxdiv.genoa-bg:hover .round-cat{background-color: #107173; color: #fff;}
.accpre-category-list li .accpre-category-boxdiv.perpul-bg:hover .round-cat{background-color: #6c54a2; color: #fff;}
.accpre-category-list li .accpre-category-boxdiv.green-bg:hover .round-cat{background-color: #1cb14d; color: #fff;}

.my-groceries-section{ background-color: #76b08b; background-size: cover; padding: 85px 0; position: relative;  background-repeat: no-repeat;  height: 100vh; height: calc((var(--vh, 1vh) * 100)); display: flex;  align-items: center; width: 100%;}
.my-groceries-section .desk-left-img{position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-size: cover;
    background-position: left center; width: 890px; height: 100%; pointer-events: none; }
.my-groceries-section .desk-right-img{position: absolute; top: 0; right: 0; background-repeat: no-repeat; background-size: cover;
    background-position: right center; width: 920px; height: 100%; pointer-events: none;}
.my-groceries-section .mob-left-img, .my-groceries-section .mob-right-img{display: none;}
.content-my-groceries { position: relative; z-index: 1; max-width: 520px;  margin: 0; transition-delay: .16s;}
.content-my-groceries h2 { font-size: 60px; color: #ffffff; font-weight: 500; letter-spacing: 0.6px; line-height: 1.2; margin-bottom: 60px;}
.content-my-groceries h4 {color: #2e2925; margin-bottom: 30px; letter-spacing: 0.3px; line-height: 1.3; font-weight: 500; font-size: 28px;}
.content-my-groceries .defult-btn{text-transform: uppercase; min-width: 180px; font-size: 14px; margin-top: 40px;}


.hot-topics-section { padding: 75px 0;  text-align: center; margin: auto;  position: relative;}
.hot-topics-content{max-width: 655px; margin: 0 auto;}
.hot-topics-content h2 { font-size: 60px; letter-spacing: 0.6px; line-height: 1.1; color: #2e2925; font-weight: 500;  margin: 0 0 50px 0;}
.hot-topics-content h4 { color: #f7a71a; font-size: 30px; font-weight: 500;  letter-spacing: 0.3px; line-height: 1.4; margin-bottom: 45px; transition-delay: .16s;}
.hot-topics-content p {  font-size: 20px; text-transform: uppercase; font-weight: 400; letter-spacing: 0.9px; line-height: 24px; color: #2e2925; margin-bottom: 0px; transition-delay: .24s;}
.hot-topics-content .defult-btn{text-transform: uppercase; min-width: 180px; font-size: 14px; margin-top: 60px;transition-delay: .32s;}

.tcbwebapp-section { overflow: hidden;  padding: 60px 0; background-repeat: no-repeat; background-size: cover; background-position: center; position: relative;  min-height: 590px; display: flex;  align-items: center;  justify-content: center;}
.parallax {  background-attachment: fixed;}
.tcbwebapp-section:before{position: absolute; content: ""; top: 0; left: 0; height: 120%; width: 100%; background: -moz-linear-gradient(top,  rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);background: -webkit-linear-gradient(top,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);background: linear-gradient(to bottom,  rgba(0,0,0,0.6) 0%,rgba(0,0,0,0) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 );}
.passt-icon-img { position: absolute; top: 50%;  right: -175px;  margin-top: -306px;  filter: drop-shadow(0px 0px 8px rgba(0,0,0,0.1));    opacity: 0.4;}
.content-tcbwebapp h5 {  font-size: 56px; color: #fff; letter-spacing: 0.2px;  line-height: 67px; font-weight: 500;  margin-bottom: 30px;}
.content-tcbwebapp p {  font-size: 22px; color: #fff; letter-spacing: 0.6px; margin-bottom: 0;  line-height: 1.4; font-weight: 500;}
.content-tcbwebapp { position: relative; text-align: center;  margin: auto;  max-width: 555px;}
.content-tcbwebapp .defult-btn{text-transform: uppercase; min-width: 180px; font-size: 14px; margin-top: 50px;}

.testimonial-section{ position: relative;}
.testimonial-section .testimonial-slider .slick-track{display: flex; flex-wrap: wrap;}
.testimonial-slider .slick-slide{background:#182f47; height: inherit; position: relative; padding: 40px 0; }
.testimonial-slider .slick-slide:before { position: absolute; top: 0; left: 0; height: 100%; width: 100%; content: ""; background-image: url(../images/white-texture.jpg); mix-blend-mode: multiply;}
.testimonial-corner{position: absolute; pointer-events: none; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden;}
.testimonial-corner:before{background-image: url(../images/testimonial-corner-left.svg); background-repeat: no-repeat; background-size: cover; background-position: center; width: 1105px; height: 646px; content: ""; position: absolute; top: -350px;   left: -200px;}
.testimonial-corner:after{background-image: url(../images/testimonial-corner-right.svg); background-repeat: no-repeat; background-size: cover; background-position: center; width: 1532px; height: 1070px; content: ""; position: absolute; bottom: -630px;  right: -460px;  transform: rotate(-3deg);}
.testimonial-afterbefore{float: left;}
.testimonial-afterbefore .beforeimg, .testimonial-afterbefore .afterimg{height: 580px; width: 300px; background-repeat: no-repeat; background-size: cover; background-position: center; border-radius: 20px; float: left; margin: 0 10px;}
.testimonial-afterbefore:after, .testimonial-boxdiv:after{clear: both; content: ""; display: table;}
 .testimonial-boxdiv{display: flex; align-items: center; justify-content: space-around;}
.testimonial-content{float: right; width: calc(100% - 640px); padding: 100px 0 80px; max-width: 560px; position: relative; margin: 0 0 0 auto;}
.testimonial-content:before{background-image: url(../images/quote-left.svg); background-repeat: no-repeat; background-size: cover; height: 45px; width: 73px; position: absolute; top: 0; left: 0; content: "";}
.testimonial-content:after{background-image: url(../images/quote-right.svg); background-repeat: no-repeat; background-size: cover; height: 45px; width: 73px; position: absolute; bottom: 0; right: 0; content: "";}
.testimonial-content p{font-size: 23px; margin-bottom: 30px; line-height: 1.3; font-weight: 400; letter-spacing: 1px; font-style: italic; color: #fff;}
.testimonial-user{font-size: 23px; line-height: 1.3; text-transform: uppercase; font-weight: 400; letter-spacing: 1px; color: #fff;}
.testimonial-slider .slick-arrow{position: absolute; top: 50%; left: 7%; margin-top: -21px;}
.testimonial-slider .slick-next.slick-arrow{right: 7%; z-index: 1; left: auto;}

.testimonial-slider .slick-slide.lightpink-testimonial{ padding: 117px 0; background: #faddbd;}
.lightpink-testimonial .testimonial-boxdiv{display: block;}
.lightpink-testimonial .testimonial-afterbefore{display: none;}
.lightpink-testimonial .testimonial-content { margin: 0 auto; text-align: center; float: none;  width: 100%;  padding: 140px 0;}
.lightpink-testimonial .testimonial-content:before, .lightpink-testimonial .testimonial-content:after{left: 50%; margin-left: -37px;}
.lightpink-testimonial .testimonial-content:before{top: 30px;}
.lightpink-testimonial .testimonial-content:after{bottom: 30px;}
.lightpink-testimonial .testimonial-content:after{right: auto;}
.lightpink-testimonial .testimonial-content p, .lightpink-testimonial .testimonial-user{color: #2e2925;}
.lightpink-testimonial .testimonial-content:before{background-image: url(../images/tile-quote-left.svg);}
.lightpink-testimonial .testimonial-content:after{background-image: url(../images/tile-quote-right.svg);}
.lightpink-testimonial .testimonial-corner:before{background-image: url(../images/yellow-testimonial-corner-left.svg);}
.lightpink-testimonial.testimonial-section:before{mix-blend-mode: color-burn;}

.fav-recipes-boxdiv{margin: 20px 0 80px; position: relative; }
.fav-recipe-bgdiv{position: relative; border-radius: 20px; overflow: hidden; padding-bottom: 100%; height: auto;}
.fav-recipe-bg{background-position: center; background-repeat: no-repeat;background-size: cover; position: absolute; top: 0; left: 0; height: 100%; width: 100%;  -webkit-transition: all 0.5s ease;  -moz-transition: all 0.5s ease;   transition: all 0.5s ease;}
.fav-recipes-boxdiv:hover .fav-recipe-bg{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2);  transform: scale(1.2);}
.fav-recipe-content{margin-top: 20px;}
.fav-recipe-sub{font-size: 14px;color: rgba(0,0,0,0.5); margin-bottom: 10px;}
.fav-recipe-sub span{margin-right: 15px;}
.fav-recipe-sub span:last-child{margin-right: 0px;}
.favrec-col .fav-recipe-sub{white-space: nowrap;}
.favrec-col .fav-recipes-boxdiv{overflow: hidden; padding-bottom: 10px;}
.fav-recipe-content h4 {  font-size: 18px;  font-weight: 500;  color: #404041;  line-height: 1.4;  max-width: 320px;}

.lowcalories-title-section{position: relative; margin-top: 135px; margin-bottom: 60px; text-align: center;}
.lowcalories-title-section h2{ margin-bottom: 40px; font-size: 30px; font-weight: 500; line-height: 1.2; letter-spacing: 0.3px; color: #2e2925; }
.lowcalories-title-section p{ text-transform: uppercase; font-size: 20px; line-height: 1.4; letter-spacing: 1px; margin: 0 auto; max-width: 600px; color: #f1715c; }
.lowcalories-listsection{position: relative; padding-bottom: 30px;}
.lowcalories-listsection .container{max-width: 1340px; padding: 0 25px;}
.lowcalories-listsection .row{margin: 0 -25px; justify-content: center;}
.lowcalories-listsection .lowcal-col{padding: 0 25px;}

/* select-your-plan-section */
.select-your-plan-section{ position: relative;  padding-bottom: 140px}
.content-select-your-plan { text-align: center;}
.content-select-your-plan h2 {color: #f1715c;  font-size: 60px;  font-weight: 500;  letter-spacing: 1px;  line-height: 1.2;  margin-bottom: 50px;text-transform: uppercase;}
.content-select-your-plan p { font-weight: 400; font-size: 20px;  letter-spacing: 0.8px;  line-height: 1.2; margin-bottom: 70px;}
.round-box-plan p {  font-size: 22px; margin-bottom: 12px; font-weight: 500;  letter-spacing: 0.2px;  line-height: 1.2;  color: #6d6e70;}
.round-box-plan h3 {  font-size: 42px; margin-bottom: 10px; line-height: 1.2;  letter-spacing: 0.2px;  font-weight: 300;  color: #6d6e70;}
.round-box-plan p span{font-weight: 300;}
.round-box-plan p:last-child{margin-bottom: 0;}
.round-box-plan { width: 214px; margin: 0 auto; box-shadow: -4px 5px 10px rgba(0, 0, 0, 0.2); height: 214px; border: 2px solid #6d6e70; border-radius: 50%; text-align: center;  display: flex;   align-items: center;  justify-content: center;  flex-direction: column;}
.annual-plan .round-box-plan{border: 2px solid #f1715c;}
.round-box-plan:hover, .annual-plan .round-box-plan:hover{  border: 2px solid #fff; background: #f1715c;}
.round-box-plan:hover p, .round-box-plan:hover h3{color: #fff;}
.roundbox-content p { margin: 25px 0 20px; font-size: 15px;  line-height: 20px;  letter-spacing: 0.9px;  font-weight: 300;min-height: 60px;}
.roundbox-content {max-width: 150px;  text-align: center;  margin: auto;}
.round-box-annual {float: right;  width: 230px;}
.roundbox-save {  background: #f2715d;}
.plan-row .col-md-6:last-child .round-box-annual{float: left;}
.roundbox-save p {font-weight: 400; color: #ffffff;  font-size: 15px;  letter-spacing: 0.4px;  line-height: 18px;}
.roundbox-save { background: #f2715d; width: 83px;  height: 83px;  border-radius: 50px;  text-align: center;  padding: 25px 0;  position: absolute; top: 0; left: 0; right: 0; margin: 0 auto;}
.btn-select { margin: 25px 0 0px 0; position: relative;  text-align: center;}
.btn-select .defult-btn{min-width: 170px; padding: 12px;  font-size: 16px; line-height: 22px;   border-radius: 25px;}
.btn-select-round {  margin: 181px 0;  text-align: center;}

/* Included section */
.included-section { position: relative; padding: 150px 0;}
.image-include {display: flex; padding-right: 60px;  justify-content: flex-end;}
.content-include{padding-top: 30px; }
.content-include h6 { font-size: 25px; letter-spacing: 0.9px; font-weight: 400; line-height: 1; color: #f2715d; margin-bottom: 55px;text-transform: uppercase;}
.included-section .title{ color: #2e2925;font-size: 60px;font-weight: 500;letter-spacing: 1px; line-height: 1.2; margin-bottom: 50px;    text-align: center; text-transform: uppercase;}
.content-include li{ font-size: 19px; letter-spacing: 0.2px;  line-height: 26px;  font-weight: 400;  padding-left:50px;    list-style-type: none;   position: relative; margin-bottom: 25px;}
.content-include li::before { content: ""; display: block;  width: 26px;  height: 26px;  background: #f2715d; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2);  border-radius: 50px; position: absolute;  top: 0; left: 0px; background-image: url(../images/checkmark-icon.svg);  background-repeat: no-repeat; background-position: center; border: 1px solid #fff; background-size: 14px;}
.content-include li a {  text-decoration: none;  color: #2e2925;}

/* Become a friend CSS */
.become-friend-section{padding: 100px 0 65px; position: relative; text-align: center;}
.become-friend-section h2{margin-bottom: 35px; font-size: 40px; font-weight: 500; letter-spacing: 0.2px; line-height: 1.2; transition-delay: .08s; color: #404041;}
.become-friend-section p{max-width: 615px; font-weight: 300; color: #6d6e70; letter-spacing: 0.3px; font-size: 22px; line-height: 1.4; margin: 0 auto 50px; transition-delay: .16s;}
.become-friend-form{max-width: 360px;margin: 0 auto; transition-delay: .24s;}
.become-friend-form .defult-btn{ min-width: 200px;  padding: 14px 10px;  font-size: 18px;  border-radius: 27px;   margin-top: 30px;}

.recipes-bgsection{position: relative; padding-top: 74px;}
.recipes-bgdiv{position: relative; padding-bottom: 42%; height: auto; border-radius: 0 0 60px 60px; overflow: hidden;}
.recipes-bgimg{position: absolute;  background-size: cover; background-repeat: no-repeat; background-position: center; top: 0; left: 0; height: 100%; width: 100%;}
.recipes-description-section{position: relative; padding: 40px 0;}
.recipes-descontent{max-width: 600px; margin: 0 auto; text-align: center;}
.recipes-descontent h2{font-size: 28px; margin-bottom: 25px; font-weight: 500; color: #404041; line-height: 1.2;}
.recipes-descontent .fav-recipe-sub{font-size: 15px; margin-bottom: 25px; color: #6d6e70;}
.recipes-descontent .fav-recipe-sub span{text-transform: uppercase;}
.recipes-descontent .dietlist-ul{margin-bottom: 35px;}
.recipe-textdiv{font-size: 15px; margin-bottom: 25px; color: #6d6e70;}
.recipes-descontent .fav-recipe-content { margin-top: 0px;}
.recipes-descontent .short-text{font-size: 14px; color: #231f20; margin-bottom: 0; font-weight: 300; line-height: 24px;}
.recipes-bgsection .b-sign{ position: absolute;bottom: 0px;left: 50%;margin-left: -100px;background-image: url(../images/sign-icon-w-lg.png);background-repeat: no-repeat;background-position: center;height: 196px; width: 200px;}
.back-resices-btndiv{display: none;}

.sticky-recipes-tabar{box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.3); background: #f4f5f5; padding-top: 15px; position: absolute; top: -65px; left: 0; width: 100%; z-index: 4; }
.fixed-recipesheader{ position: fixed; width: 100%; top: 74px; left: 0;}
.sticky-recipes-tabar .container{max-width: 1050px;}
.favrite-lable-link{height: 42px; width: 42px; background: #083954; display: inline-block; text-align: center; vertical-align: top; border-radius: 50%; }
.favrite-lable-link svg, .favrite-lable-link img{ position: relative; margin: 11px 0; left: 1px; }
.rectab-pills{float: left;}
.rectab-pills .nav-tabs{border: none;}
.rectab-pills .nav-tabs .nav-item{margin-bottom: 0; margin-right: 10px;}
.rectab-pills .nav-tabs .nav-item:last-child{margin-right: 0px;}
.rectab-pills .nav-tabs .nav-link{font-size: 17px; border: none; color: #107173; padding: 15px 40px; line-height: 1.2;  font-weight: 300; }
.rectab-pills .nav-tabs .nav-item.show .nav-link, .rectab-pills .nav-tabs .nav-link.active{background: #1cb14d; color: #fff;     border-radius: 10px 10px 0 0; font-weight: 500;}
.recipes-tabar-contentsec{margin-top: 65px; padding-top: 40px; margin-bottom: 40px; position: relative;}
.rectab-contentwrap{max-width: 750px; margin: 0 auto;}
.rectab-contentwrap .table tr td{font-size: 17px; color: #606161; font-weight: 300;}
.rectab-contentwrap .table tr td strong{color: #231f20; font-weight: 500;}
.rectab-contentwrap .table td, .rectab-contentwrap .table th { border-top: none; border-bottom: 1px solid rgba(166, 168, 171, 0.5);}
.rectab-contentwrap .table td {width: 30%;}
.rectab-contentwrap .table tr td:first-child{width: 70%;}

.instructions-tabcontent ol {}
.instructions-tabcontent ol li{position: relative; counter-increment: my-sec-counter; padding: 30px 0 30px 90px; border-bottom: 1px solid rgba(166, 168, 171, 0.5); margin-bottom: 20px;}
.instructions-tabcontent ol li:last-child{border-bottom: none; margin-bottom: 0;}
.instructions-tabcontent ol li:before {  content: counter(my-sec-counter) "."; color: #1cb14d; position: absolute; left: 0px; top: 15px;  line-height: 1; font-weight: 700;  font-size: 42px;  padding: 0;}
.instructions-tabcontent ol li h5{ font-size: 17px; max-width: 450px; margin-bottom: 20px; font-weight: 500; color: #231f20; line-height: 1.4;}
.instructions-tabcontent ol li p{font-size: 17px; max-width: 450px; margin-bottom: 5px; font-weight: 300; color: #606161; line-height: 1.4;}
.instructions-tabcontent .defult-btn{min-width: 240px; margin-top: 20px;}
.instructions-tabcontent .defult-btn strong{font-weight: 700;}

 /* meet-the-people section */
.meet-the-people-section{ position: relative;  margin-top: 135px; margin-bottom: 120px;}
.meet-the-people-section.founder-people-section{margin-top: -40px !important;}
.content-meet-the-people {  max-width: 580px;  text-align: center;  margin: auto;}
.content-meet-the-people h3 {font-size: 30px; color: #2e2925; font-weight: 500;  letter-spacing: 0.3px;  line-height: 1.2;  margin-bottom: 60px;}
.content-meet-the-people h4{font-weight: 400; color: #f2715d; font-size: 20px; letter-spacing: 0.9px; line-height: 1.4; margin-bottom: 50px;}
.content-meet-the-people p{font-weight: 300; font-size: 16px; letter-spacing: 0.3px; line-height: 1.4; color: #2e2925; margin-bottom: 25px;}
.img-founder { position: relative; width: 270px;  height: 270px; background: black;  border-radius: 50%;  overflow: hidden; text-align: center;  margin:0 auto 50px;  border: 2px solid #fff;  box-shadow: -2px 4px 15px rgba(0, 0, 0, 0.15);}
.img-founder img{position: absolute; top: 0; left: 0; height: 100%; width: 100%; object-fit: cover; object-position: center;}
.founder-row{margin-top: 50px;}
.founder-row .col-md-6:last-child .founder-shar-sault{float: left;}

.founder-shar-sault {  float: right; width: 320px;  text-align: center;}
.founder-name h6 { font-size: 20px; letter-spacing: 0.2px;  line-height: 23px;  font-weight: 500;  color: #2e2925;  text-align: center;  margin-bottom: 12px;}
.founder-name p {font-size: 15px;  color: #6d6e70; letter-spacing: 0.2px;  line-height: 19px;  text-align: center;  margin-bottom: 28px;}
.founder-name .defult-btn{min-width: 170px; padding: 10px; border-radius: 25px;}

/* tcb-section */
.whytcb-section { padding: 110px 0 40px; background: #e6e7e8;  position: relative;}
.whytcb-heading h2 {font-size: 60px; font-weight: 500; letter-spacing: 0.6px; line-height: 1.2; margin-bottom: 30px;text-align: center;}
.whyfull-sec{padding: 25px 0 32px; position: relative;}
.whytcb-content .whytcb-box{}
.whytcb-content .whytcb-box h4 { color: #f2715d; font-weight: 400; font-size: 20px;  letter-spacing: 0.9px;   line-height: 24px;   margin-bottom: 25px;}
.whytcb-content .whytcb-box p {  font-weight: 300;  font-size: 16px;   letter-spacing: 0.3px;  line-height: 1.4;   margin-bottom: 0px;}
.whytcb-content {  margin: auto;   max-width: 695px;}
.whytcb-content .daily-tcbicon {  margin-bottom: 10px;}
.whytcb-content .daily-tcbicon img{height: 85px; left: -12px;}
.whyfull-sec.blue{background: #182f47;}
.whyfull-sec.blue .whytcb-content .whytcb-box p{color: #fff;}

.howitworks-section{ padding-top: 80px; position: relative;}
.howitworks-content { text-align: center; margin-bottom: 210px;}
.howitworks-content h2 { color: #1cb14d; font-size: 60px; font-weight: 500; letter-spacing: 0.5px; line-height: 1.2; margin-bottom: 50px;}
.howitworks-content p { font-weight: 300; font-size: 16px; letter-spacing: 0.3px; line-height: 1.4;  margin: 0 auto 50px auto;  max-width: 710px;}
.howitworks-content h6 { color: #f2715d; font-size: 20px; letter-spacing: 0.9px;  line-height: 1.2;  font-weight: 500;  margin: 0 auto 75px auto;  max-width: 528px;}

.howitworks-plan-section{ position: relative; background: #e6e7e8; background: #f5f5f5;  padding: 190px 0 220px;}
.howitworks-plan-section.bg-white{background: #f4f5f5;}
.howitworks-section .howitworks-plan-section:last-child{padding-bottom: 80px;}
.howitworks-round-circle { position: absolute; top: -145px; left: 50%; margin-left: -145px; height: 290px; width: 290px; background: #fff;  border-radius: 50%;  box-shadow: 8px -7px 10px rgba(255, 255, 255, 0.3); display: flex; align-items: center; justify-content: center; background-position: center; }
.howitworks-round-circle:after { position: absolute; content: "";  width: 100%;  height: 100%;  border-radius: 100%;  box-shadow: -8px 7px 10px rgba(0, 0, 0, 0.1);}
.howitworks-round-circle img{height: 190px;}
.howitworks-box-content h3 { font-size: 46px; color: #1cb14d;  letter-spacing: 0.6px;  line-height: 1.2;  font-weight: 500;  margin-bottom: 50px; text-align: center;}
.howitworks-box-content {  max-width: 700px;  margin: auto;}
.howitworks-box-content p {  font-size: 16px;  letter-spacing: 0.3px;  line-height: 1.4;  font-weight: 300;    margin-bottom: 25px;}
.howitworks-box-content h4 { color: #f2715d;  font-size: 20px;  font-weight: 400;  letter-spacing: 0.6px;  line-height: 1.4;}
.howitworks-box-content ul{margin-bottom: 25px;}
.howitworks-box-content li, .align-text-right .content-filter-preference li, .align-text-left .content-filter-preference li { font-weight: 300;  font-size: 16px;  letter-spacing: 0.3px; line-height: 26px;  padding-left: 60px; list-style-type: none;  position: relative; margin-bottom: 20px;}
.howitworks-box-content li::before, .align-text-right .content-filter-preference li::before, .align-text-left .content-filter-preference li::before { content: "";  display: block; border: 1px solid #fff;  width: 26px;  height: 26px;  background: #f2715d;  border-radius: 50px; position: absolute;  top: 0px;  left: 0;  background-image: url(../images/checkmark-icon.svg);  background-repeat: no-repeat; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2); background-position: center; background-size: 14px; }
/*
.align-text-left .content-filter-preference li{ font-weight: 300;  font-size: 16px;  letter-spacing: 0.3px; line-height: 26px;  padding-right: 60px; list-style-type: none;  position: relative; margin-bottom: 20px;}
.align-text-left .content-filter-preference li::after { content: "";  display: block; border: 1px solid #fff;  width: 26px;  height: 26px;  background: #f2715d;  border-radius: 50px; position: absolute;  top: 5%;  right: 0;  background-image: url(../images/checkmark-icon.svg);  background-repeat: no-repeat; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.2); background-position: center; background-size: 14px; }
*/
.about-inspiration-section, .about-nutritious-section, .about-preference-section{position: relative; display: flex; align-items: center;}
.about-inspiration-section:after, .about-nutritious-section:after, .about-preference-section:after{clear: both; display: table; content: "";}
.about-inspiration-image, .about-nutritious-image, .about-preference-image{float: left; position: relative; width: 50%;}
.about-inspiration-imagewrap, .about-nutritious-imagewrap, .about-preference-imagewrap{position: relative; padding-bottom: 100%;}
.about-inspiration-bg, .about-nutritious-bg, .about-preference-bg{position: absolute; top: 0; left: 0; height: 100%; width: 100%;  background-position: center; background-size: cover; background-repeat: no-repeat;}
.about-inspiration-content, .about-nutritious-content, .about-preference-content{float: left; width: 50%;}
.about-inspiration-section .daily-inspiration-content, .about-preference-section .about-preference-content {  padding-top: 0;   padding-left: 90px;}
.about-nutritious-section{background: #182f47;}
.about-nutritious-image{order: 2;}
.about-nutritious-content .nutritious-receipe{text-align: right; margin-top: 0; float: right;}
.about-nutritious-content{margin-top: 0; padding-right: 90px;}
.about-preference-section .content-filter-preference {  max-width: 540px;}

.nutritious-welcome-section{ position: relative; margin-bottom: 75px;  margin-top: 135px;}
.nutritious-welcome-content {max-width: 690px; margin: 0 auto; text-align: center;}
.nutritious-welcome-content h1{font-size: 60px; font-weight: 500; color: #f2715d; letter-spacing: 0.6px; max-width: 440px; margin: 0 auto 50px; line-height: 1.2;}
.nutritious-welcome-content h2{font-weight: 500; letter-spacing: 0.3px; font-size: 30px; margin-bottom: 50px; line-height: 1.4; color: #2e2925;}
.nutritious-welcome-content h3{font-size: 20px; line-height: 1.2; letter-spacing: 0.9px; color: #f2715d;}

.filter-preference-wrapbox.about-accpre-cat{margin-top: 70px;}

.comparison-section{width: 95%; margin: 0 auto 40px; border-radius: 20px; background: #182f47;  padding: 30px;}
.comparison-section .container{max-width: 90%;}
.comparison-section .row{align-items: center;}
.comparison-content{text-align: center;}
.comparison-title{color: #f2715d; font-size: 60px; line-height: 1; letter-spacing: 0px; font-weight: 500; text-transform: uppercase; margin-top: 30px;}
.comparison-sliderwrap{padding: 0px 16%; position: relative;}
.comparison-sliderwrap .slick-slide{padding: 0 15px;}
.comparison-sliderwrap .accpre-category-boxdiv{padding: 140px 20px 50px; height: calc(100% - 120px);min-height: 420px;}
.comparison-sliderwrap .accpre-category-img {
    top: auto;
    position: relative;
    padding: 0;
    border-radius: 100%;
    height: 230px;
    width: 100%;
	margin-bottom: -120px;
    z-index: 1;
}
/* .comparison-sliderwrap .accpre-category-boxdiv .accpre-category-img {  top: -120px;} */
/* .comparison-sliderwrap .accpre-category-boxdiv { padding: 140px 25px 40px;} */
.comparison-sliderwrap .accpre-category-boxdiv p{font-size: 16px; margin-bottom: 6px; text-decoration: none; color: #2e2925;}
.comparison-sliderwrap .accpre-category-boxdiv p:last-child{margin-bottom: 0;}
.comparison-sliderwrap .accpre-category-boxdiv p span,
.comparison-sliderwrap .accpre-category-boxdiv small{color: #1cb14d;}
.comparison-sliderwrap .accpre-category-boxdiv h4 { font-size: 25px;  margin-bottom: 25px;min-height:60px;display:flex;flex-direction:column;}
.comparison-sliderwrap .accpre-category-boxdiv h4.fsm{font-size: 23px; }
.comparison-sliderwrap .slick-arrow{position: absolute; top: 50%; margin-top: -21px; left: -18%;}
.comparison-sliderwrap .slick-arrow.slick-next{left: auto; right: -18%;}
.comparison-sliderwrap .accpre-category-boxdiv .accpre-category-img .homerbanner-iconover{ height: 90px; width: 90px; margin-left: -45px;}
.comparison-sliderwrap .accpre-category-boxdiv .accpre-category-img .homerbanner-iconover img{opacity: 0.6;}

.defult-btn.pink-bg.topicstbl-btn{ display: none;}
.image-include img.desk-img{display: block;}
.image-include img.mob-img{display: none;}

/* Footer CSS */
.site-footer{background-color: #1cb14d; margin-top: 130px; text-align: center; position: relative; padding: 155px 0 20px;}
.site-footer p{color: #fff; font-weight: 300; letter-spacing: 0.2px; margin-bottom: 13px;}
.site-footer p a{color: #fff;}
.footer-social{ margin-bottom: 45px; }
.footer-social li{display: inline-block; margin: 0 10px;}
.footer-social li a{display: inline-block;}
.footer-social li a:hover svg path{fill: #f1715c;}
.footer-logo{position: absolute; top: -130px;  margin-left: -130px; left: 50%; z-index: 1;}
.footer-logo a{display: inline-block;}
.footer-logo img{max-width: 260px;}
.footer-links a{margin:0 10px; text-decoration: underline;}
.footer-links a:hover{text-decoration: none;}
.site-footer p  a:hover svg polygon, .site-footer p  a:hover svg path {fill: #f1715c;}

.mobile-menudiv .slidercenter-courve, .mobile-menudiv .sliderbtm-courve, .mobile-menudiv .logodiv, .mobile-menudiv .social-nav{display: none;}
.mobile-menudiv .bubblebg-wrap {display: none;}

.bubblebg-wrap {  bottom: 0;left: 0;position: absolute;	right: 0; top: 0;	pointer-events: none;}
.bubble {  position: absolute;}
.bubblebg-wrap.filter-bubble .bubble.b-sign{background-image: url(../images/dot-dark-green/sign-icon-g.png);}
.bubblebg-wrap.filter-bubble .bubble.yellow{background-image: url(../images/dot-yellow/sm-dot-y.png);}
.bubblebg-wrap.filter-bubble .bubble.pink{background-image: url(../images/dot-pink/md-dot-p.png);}
.bubblebg-wrap.filter-bubble .bubble.skin{background-image: url(../images/dot-skin/sm-dot-p.png);}
.bubblebg-wrap.filter-bubble .bubble.green{background-image: url(../images/dot-dark-green/lg-dot-g.png);}
.bubblebg-wrap.filter-bubble .bubble.yellow-big{background-image: url(../images/dot-yellow/md-dot-y.png);}
.bubblebg-wrap.filter-bubble .bubble{z-index: -1;}
/* KEYFRAMES */
@keyframes animateBubble {
    0% {
        margin-top: 1000px;
    }
    100% {
        margin-top: -100%;
    }
}
@keyframes sideWays { 
    0% { 
        margin-left:0px;
    }
    100% { 
        margin-left:40px;
    }
}
@keyframes sideWaysright { 
    0% { 
        margin-right: 0px;
    }
    100% { 
        margin-right:40px;
    }
}
.bubble.b-sign{/* background-image: url(../images/dot-white/sign-icon-w.png); background-repeat: no-repeat; background-position: center; height: 104px; width: 105px; */ background-image: url(../images/dot-white/TCB_Heart_Light_Grey.svg); background-repeat: no-repeat; background-position: center; width: 113px; height: 111px; }
.bubble.b-sm {background-image: url(../images/dot-white/sm-dot-w.png); background-repeat: no-repeat; background-position: center; height: 44px; width: 44px;}
.bubble.b-md {background-image: url(../images/dot-white/md-dot-w.png); background-repeat: no-repeat; background-position: center; height: 78px; width: 77px;}
.bubble.b-lg {background-image: url(../images/dot-white/lg-dot-w.png); background-repeat: no-repeat; background-position: center; height: 108px; width: 109px;}
.bubble.b-exlg {background-image: url(../images/dot-white/lgex-dot-w.png); background-repeat: no-repeat; background-position: center; height: 176px; width: 177px;}

.bubble.pink-dot.b-sign{/* background-image: url(../images/dot-pink/sign-icon-p.png); */ background-image: url(../images/dot-pink/TCB_Heart_Watermelon.svg); background-repeat: no-repeat; background-size: cover; background-position: center; height: 194px; width: 196px;}
.bubble.pink-dot.b-sm {background-image: url(../images/dot-pink/sm-dot-p.png); background-repeat: no-repeat; background-position: center; height: 44px; width: 45px;}
.bubble.pink-dot.b-md {background-image: url(../images/dot-pink/md-dot-p.png); background-repeat: no-repeat; background-position: center; height: 76px; width: 77px;}
.bubble.pink-dot.b-lg {background-image: url(../images/dot-pink/lg-dot-p.png); background-repeat: no-repeat; background-position: center; height: 109px; width: 110px;}
.bubble.pink-dot.b-exlg {background-image: url(../images/dot-pink/lgex-dot-p.png); background-repeat: no-repeat; background-position: center; height: 176px; width: 176px;}

.bubble.yellow-dot.b-sign{background-image: url(../images/dot-yellow/sign-icon-y.png); background-image: url(../images/dot-yellow/TCB_Heart_Tangerine.svg); background-repeat: no-repeat; background-size: cover; background-position: center; height: 194px; width: 197px;}
.bubble.yellow-dot.b-sm {background-image: url(../images/dot-yellow/sm-dot-y.png); background-repeat: no-repeat; background-position: center; height: 44px; width: 44px;}
.bubble.yellow-dot.b-md {background-image: url(../images/dot-yellow/md-dot-y.png); background-repeat: no-repeat; background-position: center; height: 77px; width: 75px;}
.bubble.yellow-dot.b-lg {background-image: url(../images/dot-yellow/lg-dot-y.png); background-repeat: no-repeat; background-position: center; height: 101px; width: 101px;}
.bubble.yellow-dot.b-exlg {background-image: url(../images/dot-yellow/lgex-dot-y.png); background-repeat: no-repeat; background-position: center; height: 175px; width: 176px;}

.bubble.green-dot.b-sign{background-image: url(../images/dot-green/sign-icon-g.png); background-image: url(../images/dot-green/TCB_Heart_Lime.svg); background-repeat: no-repeat; background-size: cover; background-position: center; height: 194px; width: 196px;}
.bubble.green-dot.b-sm {background-image: url(../images/dot-green/sm-dot-g.png); background-repeat: no-repeat; background-position: center; height: 44px; width: 44px;}
.bubble.green-dot.b-md {background-image: url(../images/dot-green/md-dot-g.png); background-repeat: no-repeat; background-position: center; height: 77px; width: 79px;}
.bubble.green-dot.b-lg {background-image: url(../images/dot-green/lg-dot-g.png); background-repeat: no-repeat; background-position: center; height: 109px; width: 108px;}
.bubble.green-dot.b-exlg {background-image: url(../images/dot-green/lgex-dot-g.png); background-repeat: no-repeat; background-position: center; height: 177px; width: 178px;}

/* ANIMATIONS */
.x15 {
    -webkit-animation: animateBubble 23s linear infinite, sideWays 3s ease-in-out infinite alternate;
	-moz-animation: animateBubble 23s linear infinite, sideWays 3s ease-in-out infinite alternate;
	animation: animateBubble 23s linear infinite, sideWays 3s ease-in-out infinite alternate;
	top: 0%; left: 0;
}
.x1 {
    -webkit-animation: animateBubble 25s linear infinite, sideWays 4s ease-in-out infinite alternate;
	-moz-animation: animateBubble 25s linear infinite, sideWays 4s ease-in-out infinite alternate;
	animation: animateBubble 25s linear infinite, sideWays 4s ease-in-out infinite alternate;	
	top: 7%; left: 44%;
}
.x2 {
    -webkit-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
	-moz-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
	animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
	top: -5%; left: 18%;
}
.x3 {
    -webkit-animation: animateBubble 27s linear infinite, sideWaysright 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 27s linear infinite, sideWaysright 2s ease-in-out infinite alternate;
	animation: animateBubble 27s linear infinite, sideWaysright 2s ease-in-out infinite alternate;	
	top: 18%; right: 6%;
}
.x4 {
    -webkit-animation: animateBubble 32s linear infinite, sideWaysright 3s ease-in-out infinite alternate;
	-moz-animation: animateBubble 32s linear infinite, sideWaysright 3s ease-in-out infinite alternate;
	animation: animateBubble 32s linear infinite, sideWaysright 3s ease-in-out infinite alternate;	
	top: 23%; right: 5%;
}
.x5 {
    -webkit-animation: animateBubble 27s linear infinite, sideWays 4s ease-in-out infinite alternate;
	-moz-animation: animateBubble 27s linear infinite, sideWays 4s ease-in-out infinite alternate;
	animation: animateBubble 27s linear infinite, sideWays 4s ease-in-out infinite alternate;	
	top: 20%; left: 4%;
}
.x6 {
    -webkit-animation: animateBubble 32s linear infinite, sideWays 3s ease-in-out infinite alternate;
	-moz-animation: animateBubble 32s linear infinite, sideWays 3s ease-in-out infinite alternate;
	animation: animateBubble 32s linear infinite, sideWays 3s ease-in-out infinite alternate;
	top: 40%; left: 10%;
}
.x8 {
    -webkit-animation: animateBubble 29s linear infinite, sideWaysright 3s ease-in-out infinite alternate;
	-moz-animation: animateBubble 29s linear infinite, sideWaysright 3s ease-in-out infinite alternate;
	animation: animateBubble 29s linear infinite, sideWaysright 3s ease-in-out infinite alternate;
	top: 55%; right: 12%;
}
.x9 {
    -webkit-animation: animateBubble 35s linear infinite, sideWaysright 4s ease-in-out infinite alternate;
	-moz-animation: animateBubble 35s linear infinite, sideWaysright 4s ease-in-out infinite alternate;
	animation: animateBubble 35s linear infinite, sideWaysright 4s ease-in-out infinite alternate;
	top: 58%; right: 14%;
}
.x10 {
    -webkit-animation: animateBubble 37s linear infinite, sideWaysright 4s ease-in-out infinite alternate;
	-moz-animation: animateBubble 37s linear infinite, sideWaysright 4s ease-in-out infinite alternate;
	animation: animateBubble 37s linear infinite, sideWaysright 4s ease-in-out infinite alternate;
	top: 60%; right: -11%;
}
.x11 {
    -webkit-animation: animateBubble 32s linear infinite, sideWays 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 32s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 32s linear infinite, sideWays 2s ease-in-out infinite alternate;
	top: 70%; left: 13%;
}
.x12 {
    -webkit-animation: animateBubble 25s linear infinite, sideWaysright 3s ease-in-out infinite alternate;
	-moz-animation: animateBubble 25s linear infinite, sideWaysright 3s ease-in-out infinite alternate;
	animation: animateBubble 25s linear infinite, sideWaysright 3s ease-in-out infinite alternate;
	top: 80%; right: 28%;
}
.x13 {
    -webkit-animation: animateBubble 27s linear infinite, sideWays 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 27s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 27s linear infinite, sideWays 2s ease-in-out infinite alternate;
	top: 87%; left: 29%;
}
.x14 {
    -webkit-animation: animateBubble 32s linear infinite, sideWays 3s ease-in-out infinite alternate;
	-moz-animation: animateBubble 32s linear infinite, sideWays 3s ease-in-out infinite alternate;
	animation: animateBubble 32s linear infinite, sideWays 3s ease-in-out infinite alternate;
	top: 95%; left: 35%;
}
.price-section {
    padding: 35px 0 50px;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
	z-index: 1;
	background-position: center;
	height: 100vh;
    height: calc((var(--vh, 1vh) * 100));
	display: flex;
	align-items: center;
}
.price-section:after{
	content: "";
	position: absolute;
	top: 0;
	height: 100%;
	left: 0;
	width: 100%;
	background-color: rgba(63, 63, 65, 0.68);
	z-index: -1;
}
.price-section .sign-icon img{
	opacity: 0.33;
	max-width: 80px;
}
.price-section h2{
    font-size: 60px;
    color: #fff;
    font-weight: 500;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.price-section a.plan-btn{
    height: 214px;
    width: 214px;
    background-color: #fff;
    border-radius: 50%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    border: 2px solid #999;
	box-shadow: 0px 0 10px rgb(0 0 0 / 20%);
}
.price-section .preemiun a.plan-btn {
	color: #6D6E70;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 500;
	margin-left: auto;
	margin-right: auto;
}
.price-section .preemiun > div{
	height: 100%;
}
.price-section .preemiun,
.price-section .go-pro{
	padding-bottom: 90px;
}
.price-section .btn-wrap{
	position: absolute;
	bottom: 0;
}
.price-section .go-pro a.plan-btn{
	border-color: #f1715c;
}
.price-section .go-pro .pro-text{
	color: #f1715c;
    font-size: 28px;
    text-transform: uppercase;
    font-weight: 500;
}
.price-section .go-pro .price {
    font-size: 42px;
    margin: 10px 0;
    letter-spacing: 0.2px;
    font-weight: 300;
    color: #6d6e70;
    display: block;
    line-height: normal;
}
.price-section .go-pro .month {
    font-weight: 300;
    letter-spacing: 0.2px;
    font-size: 22px;
    text-transform: uppercase;
    color: #6D6E70;
}
.price-section .go-pro p {
    color: #fff;
    max-width: 214px;
    text-align: center;
	margin: 0;
}
.price-section .content-include {
    padding-top: 50px;
}
.price-section .preemiun .content-include{
	padding-top: 70px;
}
.price-section .content-include li{
	color: #fff;
}
.price-section .defult-btn{
	min-width: 170px;
	border-radius: 30px;
	font-size: 16px;
	padding: 15px 16px;
	margin-top: 20px;
}
.price-section a.plan-btn:hover,
.price-section a.plan-btn:hover span{
	color: #fff;
	background-color: #f1715c;
	border-color: #f1715c;
}

.delrecipe-popupsection{position: fixed; bottom:-100%; left: 0; height: 100%; width: 100%; background: rgba(35,31,32,0.65); z-index: 150; display: flex; align-items: center; justify-content: center; flex-direction: column; transition: all 0.4s ease; opacity: 0; pointer-events: none;}
.delrecipe-popupsection .delrecipecancel-btn{ margin: 10px 0;  color: #083954; min-width: 300px; }
.delrecipe-popupsection .delrecipecancel-btn:hover{background: #083954; color: #fff; border-color: #083954;}
.delrecipe-popupsection .delrecipe-btn{ margin: 10px 0; min-width: 300px; color: #ec1c24; }
.delrecipe-popupsection .delrecipe-btn:hover{background: #ec1c24; color: #fff; border-color: #ec1c24;}
.delrecipe-popupsection.active{bottom: 0; opacity: 1; pointer-events: all;}
.delrecipe-popupsection .delrecipe-msgdiv{background: #fff; text-align: center; max-width: 240px; margin: 0 auto 20px;  padding: 30px 15px; border-radius: 15px; }
.delrecipe-popupsection .delrecipe-msgdiv h5{font-size: 18px; font-weight: 500; margin-bottom: 15px; line-height: 1.2; letter-spacing: 0.2px; color: #404041;}
.delrecipe-popupsection .delrecipe-msgdiv p{font-size: 14px; margin-bottom: 0; color: #404041; line-height: 1.4;}
.delrecipe-msdinnerdiv {  max-width: 300px;}

.filterside-fixed, .crossside-fixed{overflow: hidden;}
.filterside-fixed, .crossside-fixed{overflow: hidden;}
.filterside-fixed:after { background: rgba(255, 255, 255, 0.8);  position: fixed;  top: 0;  left: 0;  height: 100%;  width: 100%;  content: "";  z-index: 9;}
.filterside-section { position: fixed;  right: -410px; z-index: 99; top: 0; background-image: url(/images/filter-bg.svg); background: #fae6d6; height: 100vh; height: calc((var(--vh, 1vh) * 100)); width: 400px; transition: all 0.3s; background-size: cover; background-repeat: no-repeat; background-position: left; border-radius: 40px 0 0 40px; border: 3px solid #fff; box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);    border-right: none; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;overflow: hidden;}
.filterside-section.active {  right: 0;}
.filterside-section h3{font-size: 20px; letter-spacing: 0.2px; color: #404041; line-height: 1.2; font-weight: 500; margin: 0; position: absolute; top: 20%; left: 60px;}
.filterside-section .filter-list-ul{width: 100%; margin-top: -70px;display:block;margin:auto;width:40%;overflow-y:scroll;}
.filterside-section .filter-list-ul li{display: block; margin-bottom: 5px;}
.filterside-section .filter-list-ul li:last-child{ margin-bottom: 0px;}
.filterside-section .filter-list-ul li a{color: #404041; display: block; font-size: 16px; text-transform: uppercase; letter-spacing: 0.2px; line-height: 1.2; display: block; padding: 6px 10px; transition: all 0.2s ease; text-align: center;}
.filterside-section .filter-list-ul li a:hover{background-color: rgba(250,221,189,0.74);}
.filter-btn{position: absolute; bottom: 23%; left: 60px; font-size: 14px; text-decoration: underline; line-height: 1.2; color: #404041; letter-spacing: 0.2px; border: none;background: transparent; text-transform: uppercase; cursor: pointer;}
.filter-btn:hover{text-decoration: none;}
.filterside-section .filter-social{position: absolute; bottom: 8%; left: 0; right: 0; text-align: center;}
.filterside-section .filter-social li{display: inline-block; margin: 0 15px;}
.filterside-section .filter-social li a{display: inline-block; transition: all 0.2s ease;}
.filterside-section .filter-social li a:hover{opacity: 0.5;}
.filterside-section .filter-bubble .bubble.b-sign{background-image: url(/images/dot-dark-green/sign-icon-g.png);}
.filterside-section .filter-bubble .bubble.yellow{background-image: url(/images/dot-yellow/sm-dot-y.png);}
.filterside-section .filter-bubble .bubble.pink{background-image: url(/images/dot-pink/md-dot-p.png);}
.filterside-section .filter-bubble .bubble.skin{background-image: url(/images/dot-skin/sm-dot-p.png);}
.filterside-section .filter-bubble .bubble.green{background-image: url(/images/dot-dark-green/lg-dot-g.png);}
.filterside-section .filter-bubble .bubble.yellow-big{background-image: url(/images/dot-yellow/md-dot-y.png);}
.filterside-section .filter-bubble .bubble{z-index: -1;}
.setting-sidebar {align-items: inherit;}
.setting-sidebar .title-filter{position: relative; top: auto; margin-top: 25%; margin-bottom: 15%; left: auto;}
.setting-sideinner{padding: 47% 55px 50px; position: relative; width: 100%;}
.setting-sideinner .edit-profile-click{text-transform: uppercase; font-size: 14px; color: #404041; text-decoration: underline; line-height: 1.2; font-weight: 300;}
.setting-linkul{max-width: 220px;}
.setting-linkul li{display: block; margin-bottom: 15%; text-transform: uppercase; font-size: 14px; color: #404041; line-height: 1.4; font-weight: 300;}
.setting-linkul li:last-child{margin-bottom: 0;}
.setting-linkul li a{color: #404041; text-decoration: underline; }
.setting-linkul li a:hover{text-decoration: none;}
.setting-sideinner .setting-s-icondiv{ position: absolute; left: 55px; top: 9%;  height: 42px;  width: 42px;  background-color: #107173;  transition: all 0.2s ease;  display: flex;  align-items: center;  justify-content: center; font-size: 24px; color: #fff; font-weight: 300;  border-radius: 50%; box-shadow: -2px 3px 6px rgb(0 0 0 / 25%);}
.setting-sideinner .setting-s-icondiv:before{content: ""; position: absolute; top: 0;left: 0; height: 100%; width: 100%;  background: transparent; border-radius: 100%; box-shadow: 2px -2px 5px rgb(255 255 255 / 25%);}
.setting-sideinner .setting-div{position: absolute; right: 55px; top: 8%; margin: 0; box-shadow: -3px 3px 5px rgb(0 0 0 / 15%);}
.setting-sideinner .setting-div:before{content: ""; position: absolute; top: 0;left: 0; height: 100%; width: 100%;  background: transparent; border-radius: 100%; box-shadow: 2px -2px 8px rgb(255 255 255 / 25%);}
.setting-sideinner .setting-div a{background: #f4f5f5;}
.setting-sideinner .setting-div a svg path{fill: #404041;}
.setting-back-arrow{position: absolute; top: 4%;  left: 55px;}
.setting-back-arrow svg polyline, .setting-back-arrow svg line{stroke: #fff;}
.bubblebg-wrap {  bottom: 0;left: 0;position: absolute;	right: 0; top: 0;	pointer-events: none; opacity: 0;}
.filterside-section.active .bubblebg-wrap{opacity: 1;}
.bubble {  position: absolute;}
.slidertop-courve .bubble.b-sign{background-image: url(/images/dot-dark-green/sign-icon-g.png); background-image: url(/images/dot-dark-green/TCB_Heart_Teal.svg); width: 70px; height: 69px; bottom: 20px; left: 65px; background-size: cover;}
.slidertop-courve{background: url(/images/slidebar-topbg.svg) no-repeat; background-size: cover; height: 286px; width: 456px; position: absolute; top: -130px; transform: rotate(1deg); left: -70px; z-index: -1;}
.sliderbtm-courve{background: url(/images/slidebar-bottombg.svg) no-repeat; background-size: cover; height: 261px; width: 646px; position: absolute; bottom: 0px; left: -40px; z-index: -1;}
.slidercenter-courve{background: url(/images/slidebar-centerbg.svg) no-repeat; background-size: cover; height: 491px; width: 584px; position: absolute;  bottom: 10px;  left: -40px;  z-index: -1;  transform: rotate(2deg);}

@keyframes animateBubble {
    0% {
        margin-top: 1000px;
    }
    100% {
        margin-top: -100%;
    }
}
@keyframes sideWays { 
    0% { 
        margin-left:0px;
    }
    100% { 
        margin-left:40px;
    }
}
@keyframes sideWaysright { 
    0% { 
        margin-right: 0px;
    }
    100% { 
        margin-right:40px;
    }
}
.bubble.b-sign{/* background-image: url(../images/dot-white/sign-icon-w.png); background-repeat: no-repeat; background-position: center; height: 104px; width: 105px; */ background-image: url(../images/dot-white/TCB_Heart_Light_Grey.svg); background-repeat: no-repeat; background-position: center; width: 113px; height: 111px; }
.bubble.b-sm {background-image: url(../images/dot-white/sm-dot-w.png); background-repeat: no-repeat; background-position: center; height: 44px; width: 44px;}
.bubble.b-md {background-image: url(../images/dot-white/md-dot-w.png); background-repeat: no-repeat; background-position: center; height: 78px; width: 77px;}
.bubble.b-lg {background-image: url(../images/dot-white/lg-dot-w.png); background-repeat: no-repeat; background-position: center; height: 108px; width: 109px;}
.bubble.b-exlg {background-image: url(../images/dot-white/lgex-dot-w.png); background-repeat: no-repeat; background-position: center; height: 176px; width: 177px;}

.bubble.pink-dot.b-sign{/* background-image: url(../images/dot-pink/sign-icon-p.png); */ background-image: url(../images/dot-pink/TCB_Heart_Watermelon.svg); background-repeat: no-repeat; background-size: cover; background-position: center; height: 194px; width: 196px;}
.bubble.pink-dot.b-sm {background-image: url(../images/dot-pink/sm-dot-p.png); background-repeat: no-repeat; background-position: center; height: 44px; width: 45px;}
.bubble.pink-dot.b-md {background-image: url(../images/dot-pink/md-dot-p.png); background-repeat: no-repeat; background-position: center; height: 76px; width: 77px;}
.bubble.pink-dot.b-lg {background-image: url(../images/dot-pink/lg-dot-p.png); background-repeat: no-repeat; background-position: center; height: 109px; width: 110px;}
.bubble.pink-dot.b-exlg {background-image: url(../images/dot-pink/lgex-dot-p.png); background-repeat: no-repeat; background-position: center; height: 176px; width: 176px;}

.bubble.yellow-dot.b-sign{background-image: url(../images/dot-yellow/sign-icon-y.png); background-image: url(../images/dot-yellow/TCB_Heart_Tangerine.svg); background-repeat: no-repeat; background-size: cover; background-position: center; height: 194px; width: 197px;}
.bubble.yellow-dot.b-sm {background-image: url(../images/dot-yellow/sm-dot-y.png); background-repeat: no-repeat; background-position: center; height: 44px; width: 44px;}
.bubble.yellow-dot.b-md {background-image: url(../images/dot-yellow/md-dot-y.png); background-repeat: no-repeat; background-position: center; height: 77px; width: 75px;}
.bubble.yellow-dot.b-lg {background-image: url(../images/dot-yellow/lg-dot-y.png); background-repeat: no-repeat; background-position: center; height: 101px; width: 101px;}
.bubble.yellow-dot.b-exlg {background-image: url(../images/dot-yellow/lgex-dot-y.png); background-repeat: no-repeat; background-position: center; height: 175px; width: 176px;}

.bubble.green-dot.b-sign{background-image: url(../images/dot-green/sign-icon-g.png); background-image: url(../images/dot-green/TCB_Heart_Lime.svg); background-repeat: no-repeat; background-size: cover; background-position: center; height: 194px; width: 196px;}
.bubble.green-dot.b-sm {background-image: url(../images/dot-green/sm-dot-g.png); background-repeat: no-repeat; background-position: center; height: 44px; width: 44px;}
.bubble.green-dot.b-md {background-image: url(../images/dot-green/md-dot-g.png); background-repeat: no-repeat; background-position: center; height: 77px; width: 79px;}
.bubble.green-dot.b-lg {background-image: url(../images/dot-green/lg-dot-g.png); background-repeat: no-repeat; background-position: center; height: 109px; width: 108px;}
.bubble.green-dot.b-exlg {background-image: url(../images/dot-green/lgex-dot-g.png); background-repeat: no-repeat; background-position: center; height: 177px; width: 178px;}

/* ANIMATIONS */
.x15 {
    -webkit-animation: animateBubble 23s linear infinite, sideWays 3s ease-in-out infinite alternate;
	-moz-animation: animateBubble 23s linear infinite, sideWays 3s ease-in-out infinite alternate;
	animation: animateBubble 23s linear infinite, sideWays 3s ease-in-out infinite alternate;
	top: 0%; left: 0;
}
.x1 {
    -webkit-animation: animateBubble 25s linear infinite, sideWays 4s ease-in-out infinite alternate;
	-moz-animation: animateBubble 25s linear infinite, sideWays 4s ease-in-out infinite alternate;
	animation: animateBubble 25s linear infinite, sideWays 4s ease-in-out infinite alternate;	
	top: 7%; left: 44%;
}
.x2 {
    -webkit-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
	-moz-animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
	animation: animateBubble 22s linear infinite, sideWays 3s ease-in-out infinite alternate;
	top: -5%; left: 18%;
}
.x3 {
    -webkit-animation: animateBubble 27s linear infinite, sideWaysright 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 27s linear infinite, sideWaysright 2s ease-in-out infinite alternate;
	animation: animateBubble 27s linear infinite, sideWaysright 2s ease-in-out infinite alternate;	
	top: 18%; right: 6%;
}
.x4 {
    -webkit-animation: animateBubble 32s linear infinite, sideWaysright 3s ease-in-out infinite alternate;
	-moz-animation: animateBubble 32s linear infinite, sideWaysright 3s ease-in-out infinite alternate;
	animation: animateBubble 32s linear infinite, sideWaysright 3s ease-in-out infinite alternate;	
	top: 23%; right: 5%;
}
.x5 {
    -webkit-animation: animateBubble 27s linear infinite, sideWays 4s ease-in-out infinite alternate;
	-moz-animation: animateBubble 27s linear infinite, sideWays 4s ease-in-out infinite alternate;
	animation: animateBubble 27s linear infinite, sideWays 4s ease-in-out infinite alternate;	
	top: 20%; left: 4%;
}
.x6 {
    -webkit-animation: animateBubble 32s linear infinite, sideWays 3s ease-in-out infinite alternate;
	-moz-animation: animateBubble 32s linear infinite, sideWays 3s ease-in-out infinite alternate;
	animation: animateBubble 32s linear infinite, sideWays 3s ease-in-out infinite alternate;
	top: 40%; left: 10%;
}
.x8 {
    -webkit-animation: animateBubble 29s linear infinite, sideWaysright 3s ease-in-out infinite alternate;
	-moz-animation: animateBubble 29s linear infinite, sideWaysright 3s ease-in-out infinite alternate;
	animation: animateBubble 29s linear infinite, sideWaysright 3s ease-in-out infinite alternate;
	top: 55%; right: 12%;
}
.x9 {
    -webkit-animation: animateBubble 35s linear infinite, sideWaysright 4s ease-in-out infinite alternate;
	-moz-animation: animateBubble 35s linear infinite, sideWaysright 4s ease-in-out infinite alternate;
	animation: animateBubble 35s linear infinite, sideWaysright 4s ease-in-out infinite alternate;
	top: 58%; right: 14%;
}
.x10 {
    -webkit-animation: animateBubble 37s linear infinite, sideWaysright 4s ease-in-out infinite alternate;
	-moz-animation: animateBubble 37s linear infinite, sideWaysright 4s ease-in-out infinite alternate;
	animation: animateBubble 37s linear infinite, sideWaysright 4s ease-in-out infinite alternate;
	top: 60%; right: -11%;
}
.x11 {
    -webkit-animation: animateBubble 32s linear infinite, sideWays 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 32s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 32s linear infinite, sideWays 2s ease-in-out infinite alternate;
	top: 70%; left: 13%;
}
.x12 {
    -webkit-animation: animateBubble 25s linear infinite, sideWaysright 3s ease-in-out infinite alternate;
	-moz-animation: animateBubble 25s linear infinite, sideWaysright 3s ease-in-out infinite alternate;
	animation: animateBubble 25s linear infinite, sideWaysright 3s ease-in-out infinite alternate;
	top: 80%; right: 28%;
}
.x13 {
    -webkit-animation: animateBubble 27s linear infinite, sideWays 2s ease-in-out infinite alternate;
	-moz-animation: animateBubble 27s linear infinite, sideWays 2s ease-in-out infinite alternate;
	animation: animateBubble 27s linear infinite, sideWays 2s ease-in-out infinite alternate;
	top: 87%; left: 29%;
}
.x14 {
    -webkit-animation: animateBubble 32s linear infinite, sideWays 3s ease-in-out infinite alternate;
	-moz-animation: animateBubble 32s linear infinite, sideWays 3s ease-in-out infinite alternate;
	animation: animateBubble 32s linear infinite, sideWays 3s ease-in-out infinite alternate;
	top: 95%; left: 35%;
}


.filterside-section.active .x122 {
    -webkit-animation: animateBubble 16s linear infinite, sideWays 4s ease-in-out infinite alternate;
  -moz-animation: animateBubble 16s linear infinite, sideWays 4s ease-in-out infinite alternate;
  animation: animateBubble 16s linear infinite, sideWays 4s ease-in-out infinite alternate; 
  top: 7%; left: 44%;
}
.filterside-section.active .x422 {
    -webkit-animation: animateBubble 32s linear infinite, sideWaysright 3s ease-in-out infinite alternate;
  -moz-animation: animateBubble 32s linear infinite, sideWaysright 3s ease-in-out infinite alternate;
  animation: animateBubble 32s linear infinite, sideWaysright 3s ease-in-out infinite alternate;  
  top: 23%; right: 5%;
}
.filterside-section.active .x622 {
    -webkit-animation: animateBubble 32s linear infinite, sideWays 3s ease-in-out infinite alternate;
  -moz-animation: animateBubble 32s linear infinite, sideWays 3s ease-in-out infinite alternate;
  animation: animateBubble 32s linear infinite, sideWays 3s ease-in-out infinite alternate;
  top: 40%; left: 10%;
}
.filterside-section.active .x922 {
    -webkit-animation: animateBubble 24s linear infinite, sideWaysright 4s ease-in-out infinite alternate;
  -moz-animation: animateBubble 24s linear infinite, sideWaysright 4s ease-in-out infinite alternate;
  animation: animateBubble 24s linear infinite, sideWaysright 4s ease-in-out infinite alternate;
  top: 58%; right: 14%;
}
.filterside-section.active .x1222 {
    -webkit-animation: animateBubble 25s linear infinite, sideWaysright 3s ease-in-out infinite alternate;
  -moz-animation: animateBubble 25s linear infinite, sideWaysright 3s ease-in-out infinite alternate;
  animation: animateBubble 25s linear infinite, sideWaysright 3s ease-in-out infinite alternate;
  top: 80%; right: 28%;
}
.filterside-section.active .x1522 {
    -webkit-animation: animateBubble 20s linear infinite, sideWays 3s ease-in-out infinite alternate;
  -moz-animation: animateBubble 20s linear infinite, sideWays 3s ease-in-out infinite alternate;
  animation: animateBubble 20s linear infinite, sideWays 3s ease-in-out infinite alternate;
  top: 0%; left: 0;
}
.filterside-section.active .x822 {
    -webkit-animation: animateBubble 22s linear infinite, sideWaysright 3s ease-in-out infinite alternate;
  -moz-animation: animateBubble 22s linear infinite, sideWaysright 3s ease-in-out infinite alternate;
  animation: animateBubble 22s linear infinite, sideWaysright 3s ease-in-out infinite alternate;
  top: 55%; right: 12%;
}
.filterside-section.active .x1322 {
    -webkit-animation: animateBubble 27s linear infinite, sideWays 2s ease-in-out infinite alternate;
  -moz-animation: animateBubble 27s linear infinite, sideWays 2s ease-in-out infinite alternate;
  animation: animateBubble 27s linear infinite, sideWays 2s ease-in-out infinite alternate;
  top: 87%; left: 29%;
}
.filterside-section.active .x522 {
    -webkit-animation: animateBubble 26s linear infinite, sideWays 4s ease-in-out infinite alternate;
  -moz-animation: animateBubble 26s linear infinite, sideWays 4s ease-in-out infinite alternate;
  animation: animateBubble 26s linear infinite, sideWays 4s ease-in-out infinite alternate; 
  top: 20%; left: 4%;
}
.close-sidebar {
    position: absolute;
    top: 2%;
    right: 57px;
    z-index: 99;
}
.sharesocial-link {
  position: fixed;
  right: 2.5%;
  top: 105px;
  padding-right: 15px;
  z-index: 10;
}
.sharesocial-link a{
  height: 42px;
  width: 42px;
  background-color: #0c887b;
  transition: all 0.2s ease;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 100%;
  border: 2px solid #fff;
  box-shadow: 0px 4px 15px 0px rgb(255 255 255 / 10%);
   padding-top:3px;
}
.sharesocial-link a:hover{
  background-color: #f1715c;
}
.socialshare-sidebar .slidertop-heart {
  position: absolute;
  left: 45px;
  top: 50px;
}
.socialshare-sidebar .setting-sideinner h3{
  position: static;
  margin: 0 0 40px;
}
.socialshare-sidebar .setting-sideinner h6{
  color: #404041;
  font-size: 15px;
  font-weight: 300;
  margin-bottom: 30px;
}
.socialshare-sidebar .social-icon{
  margin-left: -10px;
  margin-right: -10px;
}
.socialshare-sidebar .social-icon li{
  padding: 0 10px;
}
.socialshare-sidebar .setting-sideinner .social-icon li a{
  width: 42px;
  height: 42px;
  border-radius: 21px;
  background-color: #f4f5f5;
  border: 2px solid #fff;
  box-shadow: 0px 4px 15px 0px rgb(0 0 0 / 10%);
  display: flex;
  align-items: center;
  justify-content: center;
}
.socialshare-sidebar .setting-sideinner .social-icon li a:hover{
  background-color: #0c887b;
}
.socialshare-sidebar .setting-sideinner .social-icon li a:hover svg path{
  fill: #fff;
}
.socialshare-sidebar .footer-social{
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: 50px;
}
.socialshare-sidebar .footer-social li{
  margin: 0;
  padding: 0 15px;
}
.socialshare-sidebar .footer-social li a:hover path{
  fill: #0c887b;
}
.accpre-category-list li a{
	display: block;
	height: 100%;
}
.accpre-category-list li .accpre-category-img {
    height: 150px;
    width: 100%;
    margin-bottom: -64px;
    z-index: 1;
    position: relative;
}
.accpre-category-boxdiv {
    transition: all 0.2s ease;
    /* padding: 90px 20px 55px; */
    /* height: calc(100% - 65px); */
}
.accpre-category-img img {
    position: relative;
    height: 100%;
    width: 100%;
    border-radius: 100%;
    object-fit: cover;
    object-position: center;
    box-shadow: 0 5px 10px rgb(0 0 0 / 30%);
}
/* Media Query CSS */
@media not all and (min-resolution:.001dpcm) { 
     @supports (-webkit-appearance:none) {
     	.accpre-category-boxdiv .accpre-category-img{padding-bottom: calc(100% + 30px);}
     	.comparison-sliderwrap .accpre-category-boxdiv .accpre-category-img{padding-bottom: calc(100% + 50px);}
     	@media (max-width: 2800px) and (min-width: 2121px){
     		.comparison-sliderwrap .accpre-category-boxdiv .accpre-category-img{padding-bottom: calc(100% + 60px);}
     	}
     	@media (max-width: 1280px){
     		.comparison-sliderwrap .accpre-category-boxdiv .accpre-category-img{padding-bottom: calc(100% + 40px);}
     	}
        @media (max-width: 480px){          
           .form-control{ border: 2px solid #fff; box-shadow: -2px 2px 8px rgba(0, 0, 0, 0.1);}
           .accpre-category-boxdiv .accpre-category-img{padding-bottom: calc(100% + 30px);}
           .filter-preference-wrapbox.about-accpre-cat .accpre-category-boxdiv .accpre-category-img{padding-bottom: calc(100% + 20px);}
           .comparison-sliderwrap .accpre-category-boxdiv .accpre-category-img{padding-bottom: calc(100% + 30px);}
        }
        @media (max-width: 360px){
        	.accpre-category-boxdiv .accpre-category-img{padding-bottom: calc(100% + 30px);}
        	.filter-preference-wrapbox.about-accpre-cat .accpre-category-boxdiv .accpre-category-img{padding-bottom: calc(100% + 10px);}
            .comparison-sliderwrap .accpre-category-boxdiv .accpre-category-img{padding-bottom: calc(100% + 10px);}
        }
     }
}
@media (min-width: 1440px){
	.container { max-width: 1390px;}
}
@media (min-width: 1367px){
	.container {  max-width: 1280px;}
}
@media (max-width: 2800px) and (min-width: 2121px){
	.banner-content .banner-title{margin-bottom: 40px;}
	#status {  width: 120px;  height: 260px; position: absolute; left: 50%;   top: 50%;  margin: -130px 0 0 -60px;}
  	#status svg{  width: 120px;  height: 260px;}
  	.banner-content .defult-btn.pink-bg { min-width: 180px; text-transform: uppercase;   font-size: 18px;  line-height: 26px;  margin-top: 50px;   padding: 10px 10px;  border-radius: 40px;}
  	.nutritious.receipes .desk-left-img{width: 750px;}
  	.nutritious.receipes .desk-right-img{width: 680px;}
  	.comparison-sliderwrap .accpre-category-boxdiv p{font-size: 18px;}
  	.comparison-sliderwrap .accpre-category-boxdiv h4{font-size: 28px;}
  	.comparison-sliderwrap{padding: 0 22%;}
  	.comparison-title{font-size: 72px;}
  	.comparison-sliderwrap .accpre-category-boxdiv {  padding: 165px 30px 40px;}
  	.comparison-sliderwrap .accpre-category-boxdiv .accpre-category-img { top: -136px;}
  	/*.comparison-sliderwrap .slick-slide {  padding: 145px 15px 0px;}*/
	.comparison-sliderwrap .slick-slide {  padding: 60px 15px 55px;}
  	.comparison-section{padding: 50px 30px;}
  	.comparison-sliderwrap .accpre-category-boxdiv .accpre-category-img .homerbanner-iconover{ height: 100px; width: 100px; margin-left: -50px;}
  	.testimonial-slider .slick-arrow{ left: 15%; }
	.testimonial-slider .slick-next.slick-arrow{right: 15%;}
	.filterside-section h3, .markedcooked-titlediv h2{font-size: 22px;}
	.filterside-section h3{top: 16%;}
}
@media (max-width: 1680px) {
	.site-header .container {max-width: 96%;}
	.navigation-ul li{margin: 0 15px;}
	.banner-content .banner-title {  font-size: 66px;}
	.banner-content{max-width: 480px;}
	.banner-content h3{font-size: 24px;}
	.daily-inspiration {  padding: 50px 0;}
	.nutritious.receipes, .my-groceries-section{padding: 60px 0;}
	.filter-preference-section {  padding: 60px 0 80px;}
	.daily-tcbicon {  margin-bottom: 30px;}
	.become-friend-section { padding: 70px 0 50px;}
	.nutritious-receipe h2, .nutritious-receipe h4, .content-filter-preference h2, .content-my-groceries h2, .hot-topics-content h2 {margin-bottom: 40px;}
	.nutritious-receipe p, .content-filter-preference h4, .content-my-groceries h4{margin-bottom: 20px;}
	.nutritious-receipe .defult-btn, .content-my-groceries .defult-btn{margin-top: 30px;}
	.daily-inspiration-content p { max-width: 520px;  /*font-size: 28px;*/}
	.nutritious-receipe {  max-width: 500px;}
	.nutritious-receipe h4{font-size: 26px;}
	.content-filter-preference h2, .nutritious-receipe h2, .content-my-groceries h2, .hot-topics-content h2,.price-section h2{font-size: 56px; line-height: 1;}
	.content-filter-preference h4, .content-filter-preference h4, .content-my-groceries h4, .daily-inspiration-content h4{font-size: 26px;}
	.hot-topics-content h4{font-size: 28px; line-height: 1.2;}
	.hot-topics-content {  max-width: 620px;}
	.hot-topics-content .defult-btn{margin-top: 40px;}
	.hot-topics-content h4{margin-bottom: 30px;}
	.content-my-groceries {  max-width: 480px;}
	.content-filter-preference {  max-width: 500px;}
	.nutritious.receipes .desk-left-img{width: 500px;}
	.nutritious.receipes .desk-right-img{width: 420px;}
	.my-groceries-section .desk-left-img{width: 780px;}
	.my-groceries-section .desk-right-img{width: 810px;}
	.testimonial-afterbefore .beforeimg, .testimonial-afterbefore .afterimg { height: 540px;  width: 280px;}
	.testimonial-slider .slick-arrow {  left: 3%;}
	.testimonial-slider .slick-next.slick-arrow {  right: 3%;}
	.comparison-section .container{max-width: 100%;}
	.accpre-category-list {   margin: 0 -11px;}
	.comparison-sliderwrap .slick-arrow{left: -10%;}
	.comparison-sliderwrap .slick-arrow.slick-next{right: -10%;}
	.comparison-sliderwrap{padding: 0 11%;}
	.lowcalories-listsection .lowcal-col { padding: 0 15px;}
	.lowcalories-listsection .row {  margin: 0 -15px}
	@keyframes animateBubble { 0% { margin-top: 850px; } 100% {  margin-top: -100%; }}
	.daily-inspiration, .filter-preference-section, .nutritious.receipes, .my-groceries-section,.price-section{height: auto;}
	.testimonial-slider .slick-slide.lightpink-testimonial { padding: 107px 0;}
	.lightpink-testimonial .testimonial-content{padding: 130px 0;}
	
	.filterside-section { right: -410px;  width: 400px;}
	 .filterside-section h3 { top: 21%;}
}
@media (max-width: 1440px) {
	.comparison-sliderwrap{padding: 0 9%;}
}
@media (max-width: 1366px) {
	.banner-content .banner-title { font-size: 60px;  line-height: 1;}
	.banner-content { max-width: 440px;}
	.banner-content h3 { font-size: 22px;}
	.homerbanner-iconover img { width: 96px;}
	.logo-div img { max-width: 180px;}
	.site-header .logo-div{max-width: 180px;}
	.daily-inspiration-content p { max-width: 500px; /* font-size: 26px;*/}
	.daily-tcbicon img { left: -13px;  width: 100px;}
	.daily-inspiration-content .defult-btn{margin-top: 30px;}
	.daily-inspiration { padding: 40px 0;}
	.content-filter-preference h2, .nutritious-receipe h2, .content-my-groceries h2, .hot-topics-content h2, .content-tcbwebapp h5,.price-section h2 { font-size: 52px;  line-height: 1;}
	.nutritious-receipe p { font-size: 18px;}
	.nutritious-receipe {  max-width: 450px;}
	.nutritious.receipes:before { width: 480px; background-size: cover;  background-position: left center;}
	.nutritious.receipes:after { width: 380px;  background-size: cover;  background-position: right center;}
	.nutritious-receipe h4, .content-filter-preference h4, .content-filter-preference h4, .content-my-groceries h4,.daily-inspiration-content h4 { font-size: 24px;}
	.content-my-groceries { max-width: 460px;}
	.filter-preference-wrapbox {max-width: 440px;}
	.accpre-category-list li { margin-bottom: 35px;padding: 70px 10px 21px;}
	.accpre-category-boxdiv .accpre-category-img { top: -65px;}
	.accpre-category-boxdiv h4 { margin-bottom: 10px; font-size: 16px;}
	.accpre-category-boxdiv { padding: 85px 15px 50px;}
	.accpre-category-boxdiv p{font-size: 13px;}
	.accpre-category-boxdiv .round-cat { margin-left: -30px;  bottom: -30px; height: 60px;  width: 60px;  font-size: 24px;  line-height: 58px;}
	.nutritious-receipe h2, .nutritious-receipe h4, .content-filter-preference h2, .content-my-groceries h2, .hot-topics-content h2 {   margin-bottom: 30px;}
	.nutritious-receipe .defult-btn, .content-my-groceries .defult-btn {  margin-top: 25px;}
	.testimonial-afterbefore .beforeimg, .testimonial-afterbefore .afterimg {  height: 420px;  width: 220px;}
	.testimonial-content {  width: calc(100% - 560px);}
	.tcbwebapp-section{min-height: 540px;}
	.content-filter-preference {  max-width: 470px;}
	.handipicked{font-size: 16px;}
	.nutritious.receipes .desk-left-img {  width: 450px;}
	.nutritious.receipes .desk-right-img {  width: 390px;}
	.my-groceries-section .desk-left-img {  width: 700px;}
	.my-groceries-section .desk-right-img {  width: 730px;}
	.about-nutritious-content {  padding: 40px 50px 40px 30px;}
	.about-inspiration-section .daily-inspiration-content, .about-preference-section .about-preference-content{padding: 40px 30px 40px 50px;}
	/* .comparison-sliderwrap .accpre-category-boxdiv .accpre-category-img {  top: -110px;} */
	/* .comparison-sliderwrap .accpre-category-boxdiv {  padding: 130px 25px 40px;} */
	.recipes-bgdiv {  padding-bottom: 38%;}
	@keyframes animateBubble { 0% { margin-top: 800px; } 100% {  margin-top: -100%; }}
	.testimonial-slider .slick-slide.lightpink-testimonial{  padding: 77px 0;}
	.lightpink-testimonial .testimonial-content {  padding: 100px 0;}
	.lightpink-testimonial .testimonial-content:before{top: 10px;}
	.lightpink-testimonial .testimonial-content:after{bottom: 10px;}
	.filterside-section { border-radius: 30px 0 0 30px; right: -370px;  width: 360px;}
	.filterside-section h3{left: 50px;}
	.accpre-category-list li .accpre-category-img{height: 130px;}
}
@media (max-width: 1280px) {
	/* .comparison-sliderwrap .accpre-category-boxdiv {  padding: 120px 20px 40px;} */
	/* .comparison-sliderwrap .accpre-category-boxdiv .accpre-category-img {  top: -100px;} */
	.comparison-sliderwrap .accpre-category-boxdiv h4 { font-size: 22px;  margin-bottom: 20px;}
}
@media (max-width: 1199px) {
	.nutritious.receipes:before {  width: 420px;}
	.nutritious.receipes:after { width: 360px;}
	.testimonial-content {  width: calc(100% - 520px);}
	.testimonial-content p, .testimonial-user{font-size: 20px;}
	.testimonial-content p{height:90px;}
	.testimonial-corner:before {  top: -460px;  left: -210px;}
	.testimonial-corner:after {  bottom: -580px; right: -580px;}
	.testimonial-slider .slick-slide.lightpink-testimonial {  padding: 83px 0;}
	.nutritious-receipe h4, .content-filter-preference h4, .content-filter-preference h4, .content-my-groceries h4, .daily-inspiration-content h4 { font-size: 22px;}
	.content-filter-preference h2, .nutritious-receipe h2, .content-my-groceries h2, .hot-topics-content h2, .content-tcbwebapp h5,.price-section h2 { font-size: 48px; }
	.nutritious.receipes .desk-left-img { width: 390px;}
	.nutritious.receipes .desk-right-img { width: 330px;}
	.my-groceries-section .desk-left-img { width: 600px;}
	.my-groceries-section .desk-right-img { width: 630px;}
	.site-header .container {  max-width: 100%;}
	.navigation-ul li { margin: 0 5px;}
	.navigation-ul li a{letter-spacing: 0px;}
	.about-nutritious-content {  padding: 40px 30px;}
	.about-nutritious-content .nutritious-receipe{margin-top: 0;}
	.about-inspiration-section .daily-inspiration-content, .about-preference-section .about-preference-content{padding: 40x;}
	.nutritious-welcome-content h1{font-size: 56px; margin-bottom: 40px;}
	.nutritious-welcome-content h2 { font-size: 28px;  margin-bottom: 40px;}
	.nutritious-welcome-content { max-width: 740px;}
	.nutritious-welcome-content h3{font-size: 18px;}
	.comparison-section{padding: 20px;}
	.comparison-title{font-size: 44px;}
	.comparison-sliderwrap {  padding: 0 0; }
	.about-inspiration-section, .about-nutritious-section, .about-preference-section{align-items: inherit;}
	.about-inspiration-imagewrap, .about-nutritious-imagewrap, .about-preference-imagewrap{padding-bottom: 0; height: 100%;}
	.sharesocial-link{
		padding-right: 20px;
		right: 0;
	}
	.comparison-sliderwrap .accpre-category-img{
		height: 200px;
		margin-bottom: -100px;
	}
	.comparison-sliderwrap .accpre-category-boxdiv{
		height: calc(100% - 100px);
		min-height: 430px;
	}
	 .content-filter-preference {  max-width: 380px;}
}
@media (max-width: 1024px){
	.comparison-section .col-md-6 {  -webkit-box-flex: 0;   -ms-flex: 0 0 100%;  flex: 0 0 100%;   max-width: 100%;}
	.comparison-sliderwrap {margin: 30px auto 0;  padding: 0 0;   max-width: 480px;}
	.recipes-bgdiv {  padding-bottom: 56.25%;}
	/* .comparison-sliderwrap .accpre-category-boxdiv {  padding: 140px 20px 40px;} */
	.comparison-sliderwrap .accpre-category-boxdiv .accpre-category-img {  top: -110px;}
	.socialshare-sidebar .slidertop-heart{left: 30px;}
	.filterside-section { right: -370px;  width: 360px;}
	.filterside-section{padding-top: 0;}
	 .filterside-section .filter-social { bottom: 6%;}
	 .filterside-section h3 { top: 13%;}

}
@media (max-width: 991px) {
	.img-daily-inspiration img, .nutritious-receipes-col img { max-width: 80%; margin: 0 auto;  display: block;}
	.daily-inspiration-content { padding-top: 0;}
	.daily-tcbicon{display: none;}
	.daily-inspiration-content{text-align: center;}
	.daily-inspiration-content p{max-width: 100%;}
	.daily-inspiration-content .defult-btn {  margin-top: 20px;}
	.nutritious.receipes .mob-left-img{ display: block; position: absolute; top: 0;  left: 0; background-repeat: no-repeat; height: 100%;
    pointer-events: none; width: 182px; background-size: cover; background-position: left center; }
	.nutritious.receipes .mob-right-img{display: block; position: absolute; top: 0; right: 0; background-repeat: no-repeat; height: 100%;
    pointer-events: none; width: 126px; background-size: cover; background-position: right center;}
    .nutritious.receipes .desk-left-img, .nutritious.receipes .desk-right-img{display: none;}
    .my-groceries-section .mob-left-img{display: block; position: absolute; top: 0; left: 0; background-repeat: no-repeat; background-size: cover;  background-position: right center; width: 210px; height: 100%; pointer-events: none;}
    .my-groceries-section .mob-right-img{display: block; position: absolute; width: 213px; top: 0;  right: 0;  background-repeat: no-repeat; background-size: cover;  background-position: right center; height: 100%; pointer-events: none;}
    .my-groceries-section .desk-left-img, .my-groceries-section .desk-right-img{display: none;}
	.nutritious-receipe {  max-width: 500px;  margin: 0 auto;  text-align: center;}
	.content-filter-preference { max-width: 500px;  margin: 0px auto 50px;  text-align: center;}
	.content-my-groceries { max-width: 500px; text-align: center; margin: 0 auto;}
	.testimonial-section{padding: 0; width: 100%; margin: 0 auto 120px; }
	.testimonial-slider .slick-slide{padding: 0;}
	.testimonial-slider .slick-slide.lightpink-testimonial{padding: 0px 0;}
	.testimonial-slider .slick-arrow { left: 50%;  top: auto;  bottom: -70px;  margin-left: -52px;}
	.testimonial-slider .slick-next.slick-arrow{left: 50%; right: auto; top: auto;  bottom: -70px;  margin-left: 10px;}
	.testimonial-section .container{max-width: 100%; padding: 0; }
	.testimonial-section .row{margin: 0;}
	.testimonial-section .col-md-12{padding: 0;}
	.testimonial-boxdiv{position: relative;}
	.testimonial-afterbefore{position: absolute; float: none; top: 0; left: 0; width: 100%; height: 100%;}
	.testimonial-afterbefore:after{ position: absolute; content: ""; top: 0; left: 0; height: 100%; width: 100%; background: rgba(0,0,0,0.4);}
	.testimonial-afterbefore .beforeimg, .testimonial-afterbefore .afterimg { margin: 0; border-radius: 0; height: 100%;  width: 50%;}
	.testimonial-content{width: 100%; margin: 0 auto; padding: 150px 0; text-align: center; float: none;}
	.testimonial-content:before, .lightpink-testimonial .testimonial-content:before { left: 50%; top: 70px; margin-left: -36px;}
	.testimonial-content:after, .lightpink-testimonial .testimonial-content:after{left: 50%; bottom: 70px; margin-left: -36px; right: auto; }
	.testimonial-corner:before {  top: -214px; left: -870px;  z-index: 1;   pointer-events: none;}
	.lightpink-testimonial .testimonial-content {  padding: 150px 0;}
	.daily-inspiration-content h4{margin: 0 auto;}
	.daily-inspiration {  padding: 40px 0 60px;}
	.nutritious-receipes-col{order: 2; margin-top: 20px;}
	.filter-preference-col{order: 2;}
	.hot-topics-content{max-width: 500px;}
	.testimonial-corner:after { bottom: -580px;  right: -750px;  z-index: 1;}
	.defult-btn.pink-bg.topicstbl-btn{ display: block; min-width: 170px; position: absolute;  bottom: -160px;  left: 50%; padding: 10px 10px; margin-left: -85px;}
	.burger-click{display: block;}
	.burger-click svg{position: relative; top: 3px;}
	.burger-click svg.close-icon{display: none;}
	.burger-click.active svg.burger-icon{display: none;}
	.burger-click.active svg.close-icon{display: block; top: 0; height: 22px;  width: 22px;  left: 10px;}
	.site-header.sticky .burger-click svg path{fill: #fff;}
	.mobile-menudiv .slidercenter-courve { /* background: url(../images/slidebar-centerbg.svg) no-repeat;  height: 951px;  width: 210%;   bottom: 5px;  left: -140px; */ background: url(../images/slidebar-centerbg-lg.png) no-repeat; background-size: cover;     position: absolute;  z-index: -1; height: 570px;  width: 1000px;  bottom: -125px;  left: -40px;  transform: rotate(9deg);}
	.mobile-menudiv .sliderbtm-courve { background: url(../images/slidebar-bottombg.svg) no-repeat; background-size: cover; width: 110%;
    position: absolute;  left: -60px;  z-index: -1;  bottom: -80px;  height: 261px;  transform: rotate(-7deg);}
	.mobile-menudiv .slidercenter-courve, .mobile-menudiv .sliderbtm-courve, .mobile-menudiv .logodiv, .mobile-menudiv .social-nav{display: block;}
	.mobile-menudiv .logodiv{text-align: center; margin-bottom: 10%; margin-top: 15px;}
	.mobile-menudiv .logodiv a{display: inline-block;}
	.mobile-menudiv { position: fixed; opacity: 0; pointer-events: none; transition: all 0.3s ease;  top: 0;  height: 100vh; height: calc((var(--vh, 1vh) * 100));  width: 100%;   background: #f4f5f5;  left: 0;}
	.mobile-menudiv.active{pointer-events: all; opacity: 1;}
	.head-rightside{position: relative;}
	.navigation-ul {  display: block;}
	.navigation-ul li{display: block; margin: 35px 5px;}
	.navigation-ul li a{font-size: 22px; letter-spacing: 1px;}
	.social-nav {position: absolute; bottom: 30px; left: 0; right: 0; margin: 0 auto;}
	.social-nav .footer-social { text-align: center; margin-bottom: 0;}	
	.body-fixed{overflow: hidden;}
	.site-header.sticky .mobile-menudiv.active + .burger-click svg path {  fill: #6D6E71;}
	.innerpage-header .navigation-ul li a, .site-header.sticky .navigation-ul li a {  color: #404041;}
	.site-header.innerpage-header.sticky .mobile-menudiv.active + .burger-click svg path, .site-header.innerpage-header .mobile-menudiv.active + .burger-click svg path {  fill: #6D6E71;}
	.whytcb-content .daily-tcbicon{display: block;}
	.about-inspiration-section, .about-nutritious-section, .about-preference-section{display: block;}
	.about-inspiration-section.mobileImageBottom{display:flex;flex-direction:column-reverse;}
	.about-inspiration-section.mobileImageBottom .daily-inspiration-content{padding-bottom:0 !important;}
	.about-inspiration-section.mobileImageBottom .about-inspiration-image{margin-bottom:50px;}
	.about-inspiration-section.mobileImageBottom .about-inspiration-image{order: initial !important;}
	.about-inspiration-section.mobileImageBottom .content-filter-preference{margin-bottom:35px;}
	.about-inspiration-content, .about-nutritious-content, .about-preference-content{float: none; width: 100%;}
	.about-inspiration-image, .about-nutritious-image, .about-preference-image{float: none; width: 100%;}
	.about-inspiration-content .daily-tcbicon, .about-nutritious-content .daily-tcbicon, .about-preference-content .daily-tcbicon{display: block;}
	.about-inspiration-section .daily-inspiration-content, .about-preference-section .about-preference-content, .about-nutritious-content { padding: 40px 25px;}
	.about-nutritious-content .nutritious-receipe{ max-width: 500px; float: none; text-align: center;}
	.about-preference-section .content-filter-preference{margin-bottom: 0;}
	.about-inspiration-section .daily-inspiration-content, .about-preference-section .content-filter-preference{max-width: 500px; margin: 0 auto;}
	.nutritious-welcome-content h1, .comparison-title { font-size: 52px;}
	.included-section .col-md-6 {  -webkit-box-flex: 0;   -ms-flex: 0 0 100%;   flex: 0 0 100%;    max-width: 100%;}
	.image-include {  display: block;  padding-right: 0;  justify-content: inherit;}
	.image-include img.desk-img{display: none;}
	.image-include img.mob-img{display: block;}
	.included-section {  padding: 100px 0 50px;}
	.content-include {  padding-top: 50px;}
	.lowcalories-listsection .lowcal-col { -webkit-box-flex: 0;  -ms-flex: 0 0 50%;  flex: 0 0 50%;   max-width: 50%;}
	.mobile-menudiv.active .bubblebg-wrap {display: block;}
	.testimonial-content:before, .testimonial-content:after{height: 37px;    width: 60px;}
	.about-inspiration-imagewrap, .about-nutritious-imagewrap, .about-preference-imagewrap { padding-bottom: 100%;  height: 100%;}
	.meet-the-people-section.founder-people-section {  margin-top: -40px !important;}
	
	 .socialshare-sidebar .slidertop-heart{left: 35px;}
	/*  .sharesocial-link{top: 15px;}*/
	  .socialshare-sidebar .social-icon li {
		  padding: 0 5px;
	  }
	  .socialshare-sidebar .social-icon {
		  margin-left: -5px;
		  margin-right: -5px;
	  }
	  .socialshare-sidebar .footer-social{
		bottom: 20px;
	  }
	  .socialshare-sidebar .setting-sideinner h3{
		margin: 0 0 30px;
	  }
	  .socialshare-sidebar .setting-sideinner h6{
		margin-bottom: 15px;
	  }
	.filterside-section{padding-top: 0;}
	.filterside-section h3 {  top: 16%;}
	.testimonial-boxdiv{height:80vh;}
	.testimonial-afterbefore .beforeimg, .testimonial-afterbefore .afterimg{background-position:center top;}
}
@media (max-width: 767px) {
	.banner-content {  max-width: 440px;  padding: 0 30px;}
	.banner-content .banner-title{font-size: 42px; margin-bottom: 20px;}
	.banner-content h3{font-size: 18px;}
	.nutritious-receipe h4, .content-filter-preference h4, .content-filter-preference h4, .content-my-groceries h4, .daily-inspiration-content h4 {  font-size: 24px;}
	.content-filter-preference h2, .nutritious-receipe h2, .content-my-groceries h2, .hot-topics-content h2, .content-tcbwebapp h5,.price-section h2 {   font-size: 40px;  line-height: 1.2;}
	.nutritious-receipe .defult-btn{min-width: 160px;}
	.nutritious.receipes, .my-groceries-section { padding: 50px 0;}
	.filter-preference-section { padding: 50px 0 70px;}
	.accpre-category-list li:nth-child(3n + 1){clear: inherit;}
	.filter-preference-wrapbox{max-width: 100%;}
	.filter-preference-section .container{max-width: 100%;}
	.filter-category-slider .slick-list{padding-left: 0 !important;}
	.filter-preference-wrapbox{padding-left: 30px;}
	.filter-preference-col{padding-right: 0;}
	.accpre-category-boxdiv {  padding: 95px 15px 50px;}
	.filter-category-slider .slick-arrow{ position: absolute; bottom: -50px; left: 50%; margin-left: -60px; }
	.filter-category-slider .slick-next.slick-arrow{margin-left: 0px;}
	.accpre-category-list { margin: 0 -11px 50px;}
	.tcbwebapp-section { min-height: 400px;}
	.passt-icon-img { width: 62%; right: -115px;  margin-top: -187px;  opacity: 0.3;}
	.signup-btndiv .defult-btn { font-size: 13px;  min-width: 80px;  line-height: 16px;}
	.logo-div img {  max-width: 130px;}
	.site-header .logo-div {  max-width: 130px;}
	.header-innerwrap{min-height: 60px;}
	.site-header .logo-div{top: 0;}
	.innerpage-header .logo-div img, .site-header.sticky .logo-div img{height: 60px;}
	.innerpage-header.site-header .logo-div, .site-header.sticky .logo-div {  height: 60px;  width: 65px;}
	.head-center-nav { padding: 12px 0;}
	.head-rightside {  padding: 12px 0;}
	.meet-the-people-section { margin-top: 110px;  margin-bottom: 50px;}
	.whytcb-heading h2, .howitworks-content h2, .nutritious-welcome-content h1, .content-select-your-plan h2,.included-section .title{font-size: 40px;}
	.whytcb-section { padding: 90px 0 30px;}
	.whyfull-sec { padding: 20px 25px 27px;}
	.whytcb-content .daily-tcbicon{display: block;}
	.howitworks-plan-section {  padding-left: 25px; padding-right: 25px;}
	.founder-shar-sault{margin: 0 auto; float: none;}
	.founder-row .col-md-6:last-child .founder-shar-sault{float: none; margin-top: 30px;}
	.nutritious-welcome-content h2{font-size: 22px;}
	.nutritious-welcome-section, .lowcalories-title-section{margin-top: 110px;}
	.select-your-plan-section{padding-bottom: 50px;}
	.nutritious-welcome-content h1{margin-bottom: 30px;}
	.nutritious-welcome-content h2{margin-bottom: 30px;}
	.nutritious-welcome-content h3{font-size: 16px;}
	.filter-preference-wrapbox.about-accpre-cat {  margin-top: 50px;   padding: 0;}
	.comparison-section{width: 100%;}
	.nutritious-welcome-section {   margin-bottom: 0px;}
	.comparison-content img{max-width: 100px;}
	.plan-row .col-md-6{-webkit-box-flex: 0;  -ms-flex: 0 0 50%;  flex: 0 0 50%;  max-width: 50%;}
	.price-section .go-pro p{max-width: 100%;}
	.price-section a.plan-btn{margin-left: auto;margin-right: auto;}
	/* .price-section .preemiun a.plan-btn,.price-section .go-pro .pro-text,.price-section .go-pro .month{font-size: 14px;} */
	/* .content-select-your-plan p,.price-section .go-pro .price{font-size: 18px;} */
	.content-select-your-plan h2,.included-section .title{margin-bottom: 30px;}
	.content-select-your-plan p{margin-bottom: 50px;}
	.lowcalories-title-section h2 {  margin-bottom: 30px;}
	.recipes-bgsection {   padding-top: 58px;}
	.recipes-bgdiv { box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);width: 110%; margin-left: -5%; border-radius: 0 0 100% 100%; height:65vh; }
	.rectab-pills .nav-tabs .nav-link {padding: 12px 10px 10px;  font-size: 14px;}
	.rectab-pills { margin: 0 -10px;  float: none;}
	.rectab-pills .nav-tabs .nav-item{margin: 0; text-align: center; min-width: 33.33%;}
	.rectab-pills .nav-tabs .nav-item.show .nav-link, .rectab-pills .nav-tabs .nav-link.active { border-radius: 8px 8px 0 0;}
	.fixed-recipesheader .rectab-pills {  margin: 0 -10px 0 10px;}
	.instructions-tabcontent ol li:before{top: 0;    font-size: 44px;}
	.instructions-tabcontent ol li {  padding: 60px 0 30px 30px;}
	.instructions-tabcontent ol li h5 { font-size: 18px; margin-bottom: 15px;}
	.sticky-recipes-header .back-resices-btndiv a { height: 38px;  width: 38px;}
	.sticky-recipes-tabar {  padding-top: 0;  top: -50px;}
	.recipes-tabar-contentsec {  margin-top: 50px;}
	.fixed-recipesheader{top: 0px;     padding-top: 0;}
	.fixed-recipesheader .rectab-pills .nav-tabs .nav-item.show .nav-link, .fixed-recipesheader .rectab-pills .nav-tabs .nav-link.active { background: transparent;  color: #1cb14d;  border-radius: 0;}
	.sticky-recipes-header .back-resices-btndiv { top: 0; position: fixed; left: 0px;}
	.sticky-recipes-header .back-resices-btndiv a svg polyline, .sticky-recipes-header .back-resices-btndiv a svg line {stroke: #404041;}
	.recipesdetail-header .signup-btndiv{display: none;}
	.recipesdetail-header.innerpage-header{background: transparent; position: absolute;}
	.recipesdetail-header .burger-click{display: none;}
	.back-resices-btndiv a { height: 42px;  width: 42px;  background-color: #f2715c;  transition: all 0.2s ease;  display: flex;  align-items: center;  justify-content: center;  border-radius: 50%;}
	.back-resices-btndiv{position: absolute;  top: 10px;  left: 10px;  display: block;}
	.back-resices-btndiv a svg polyline, .back-resices-btndiv a svg line{stroke: #fff;}
	.sticky-recipes-header .back-resices-btndiv { top: 0; position: fixed; left: 0px;}
	.sticky-recipes-header .back-resices-btndiv a { height: 50px; width: 50px; background: transparent;}
	.sticky-recipes-header .back-resices-btndiv a svg polyline, .sticky-recipes-header .back-resices-btndiv a svg line {stroke: #404041;}
	.recipes-descontent .short-text{font-size: 13px;  line-height: 20px;}
	.parallax {  background-attachment: scroll;   background-size: auto 160%;}
	.mobile-menudiv .sliderbtm-courve {  width: 120%;  left: -90px; bottom: -110px;  height: 261px;  transform: rotate(-16deg);}
	.mobile-menudiv .slidercenter-courve {height: 570px;  width: 800px;  bottom: -150px;  left: -30px;  transform: inherit;}

	.site-header.recipesdetail-header .logo-div .sticky-logo{ opacity: 0.6; height: 75px; }
	.site-header.recipesdetail-header .header-innerwrap {  min-height: 75px;}
	.site-header.recipesdetail-header .logo-div {  height: 75px;  width: 81px;}

	.price-section{height: auto;}
	/* .price-section .defult-btn{font-size: 14px;padding: 8px 10px;min-width: 120px;margin-top: 0;} */
	.price-section .content-include {
		padding: 50px 48px 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
	}
	.price-section .preemiun .content-include {
		padding-top: 0;
	}
	.btn-select{
		margin: 15px 0 0px 0;
	}
	.price-section .sign-icon img{
		max-width: 100%;
	}
	.price-section .defult-btn{
		margin-top: 40px;
	}
	.price-section{
		padding: 35px 0 70px;
	}
	.price-section .btn-wrap{
		left: 0;
		right: 0;
	}
	.price-section .preemiun > div{
		height: auto;
	}
	.filterside-section h3{left: 30px;}
	.filterside-section {   border-radius: 40px 0 0 40px;}
	.filterside-section{padding-top: 0;}
	.accpre-category-list li a{
		max-width: 130px;
		margin: 0 auto;
	}
}
@media (max-width: 600px){
	.testimonial-boxdiv{height:70vh;}
}
@media (max-width: 480px) {
	.img-daily-inspiration img, .nutritious-receipes-col img  { max-width: 100%;}
	.daily-inspiration-content p{
		font-size: 14px;
		font-weight: 300;
		letter-spacing: 0.3px;
		line-height: 1.4;
		color: #2e2925;
		
	}
	.content-filter-preference h2, .nutritious-receipe h2, .content-my-groceries h2, .hot-topics-content h2, .content-tcbwebapp h5 {    font-size: 40px;}
	.nutritious-receipe h4 {  font-size: 22px;}
	.nutritious-receipe p {   font-size: 15px;}
	.content-filter-preference h4, .content-filter-preference h4, .content-my-groceries h4 {  font-size: 22px;}
	.handipicked {  font-size: 15px;}
	.hot-topics-content h4 {  font-size: 22px;}
	.become-friend-section { padding: 50px 0 30px;}
	.become-friend-section h2{font-size: 22px;margin-bottom: 20px;}
	.become-friend-section p{font-size: 14px;     margin: 0 auto 40px;}
	.footer-logo {  top: -90px;  margin-left: -85px;}
	.footer-logo img{max-width: 180px;}
	.site-footer { margin-top: 90px; padding: 115px 0 30px;}
	.site-footer p{font-size: 14px; margin-bottom: 15px;}
	.nutritious-receipe {  max-width: 260px;}
	.content-filter-preference { max-width: 300px;}
	.nutritious.receipes .mob-left-img{width: 152px;}
	.nutritious.receipes .mob-right-img{width: 106px;}
	.my-groceries-section .mob-left-img{width: 190px;}
	.my-groceries-section .mob-right-img{width: 250px;}
	.content-my-groceries{max-width: 320px;}
	.handipicked{margin-top: 25px;}	
	.become-friend-form .defult-btn {  min-width: 150px;  padding: 10px 10px;  font-size: 16px;  margin-top: 25px;}
	.become-friend-section .container{max-width: 90%;}
	.passt-icon-img { width: 100%;}
	.hot-topics-content p{font-size: 18px;}
	.nutritious.receipes, .my-groceries-section { padding: 40px 0;}
	.accpre-category-boxdiv h4{font-size: 14px;}
	.accpre-category-boxdiv p{font-size: 11px;}
	.accpre-category-boxdiv .round-cat { margin-left: -25px;  bottom: -25px;  height: 50px;  width: 50px;  font-size: 20px;  line-height: 48px;}
	.testimonial-content, .lightpink-testimonial .testimonial-content{padding: 110px 0;}
	.testimonial-content:before, .testimonial-content:after{height: 31px;margin-left: -25px;  width: 50px;}
	.testimonial-content:before, .lightpink-testimonial .testimonial-content:before { top: 50px;}
	.testimonial-content:after, .lightpink-testimonial .testimonial-content:after{bottom: 50px;}
	.testimonial-content p, .testimonial-user { font-size: 15px;  padding: 0 30px;}
	.testimonial-content p {height:90px;margin-bottom: 25px}
	.hot-topics-content { max-width: 290px;}
	.hot-topics-section {  padding: 60px 0;}
	.hot-topics-content p {  font-size: 16px;}
	.testimonial-corner:before { top: -214px;  left: -940px;}
	.testimonial-corner:after { bottom: -580px;  right: -780px;}
	.mobile-menudiv .slidercenter-courve { background: url(../images/slidebar-centerbg.png) no-repeat;  height: 333px;    width: 492px;  left: -10px;  bottom: -35px;  transform: rotate(6deg);}
	.mobile-menudiv .sliderbtm-courve {width: 130%;  left: -90px;  bottom: -140px;  height: 271px;  transform: rotate(2deg);}
	.mobile-menudiv .logodiv img{max-width: 80px;}
	.navigation-ul li a {   font-size: 20px; line-height: 1.2;}
	.navigation-ul li {  margin: 25px 5px;}
	.mobile-menudiv .logodiv {  margin-bottom: 15%;   margin-top: 5px;}
	.content-meet-the-people h3{font-size: 24px; max-width: 260px;  margin:0 auto 30px;}
	.content-meet-the-people h4{font-size: 15px;  margin-bottom: 30px;}
	.content-meet-the-people p{font-size: 14px; margin-bottom: 20px;}
	.content-meet-the-people { max-width: 320px;}
	.img-founder {  width: 220px; margin: 0 auto 30px;  height: 220px;}
	.founder-shar-sault, .founder-row .col-md-6:last-child .founder-shar-sault{float: none; width: 100%;}
	.founder-row {  margin-top: 10px;}
	.founder-name .defult-btn {  min-width: 160px;  padding: 8px 10px;}
	.founder-shar-sault{margin: 25px 0;}
	.whytcb-content .whytcb-box h4{font-size: 16px;}
	.whytcb-content .daily-tcbicon img {  height: 75px;  left: -22px;}
	.whytcb-content .whytcb-box p{font-size: 14px;}
	.howitworks-content p{font-size: 14px; max-width: 320px;}
	.howitworks-section {  padding-top: 60px;}
	.howitworks-content h2{margin-bottom: 30px;}
	.howitworks-content h6{font-size: 15px; max-width: 240px;}
	.howitworks-round-circle { top: -100px;  margin-left: -100px;  height: 200px;  width: 200px;}
	.howitworks-round-circle img {  height: 130px;}
	.howitworks-plan-section {  padding: 130px 25px 130px;}
	.howitworks-box-content h3 { margin-bottom: 25px;  font-size: 26px;}
	.howitworks-box-content p, .howitworks-box-content li{font-size: 14px;}
	.howitworks-box-content h4{font-size: 15px;}
	.tcbwebapp-section{padding: 50px 0;}
	.content-tcbwebapp{padding: 0 10px;}
	.howitworks-section .howitworks-plan-section:last-child { padding-bottom: 30px;}
	.howitworks-content {  margin-bottom: 140px;}
	.nutritious-welcome-content{max-width: 320px;}
	.nutritious-welcome-section{margin-bottom: 60px;}
	.content-tcbwebapp p{line-height: 1.3;}
	.nutritious-receipe h4, .content-filter-preference h4, .content-filter-preference h4, .content-my-groceries h4, .daily-inspiration-content h4{font-size: 22px;}	
	.about-accpre-cat .accpre-category-boxdiv .accpre-category-img { top: -57px;}
	.about-accpre-cat .accpre-category-boxdiv {  padding: 75px 10px 40px;}
	.about-accpre-cat .accpre-category-list li {  margin-bottom: 15px;}
	.nutritious-welcome-content h1, .comparison-title { font-size: 32px;}
	.comparison-sliderwrap .accpre-category-boxdiv h4,.comparison-sliderwrap .accpre-category-boxdiv h4.fsm{font-size: 18px;}
	/* .comparison-sliderwrap .slick-slide {  padding: 130px 5px 30px;} */
	.comparison-section{padding: 20px 10px;}
	.comparison-sliderwrap .accpre-category-boxdiv .accpre-category-img {  top: -90px;}
	/* .comparison-sliderwrap .accpre-category-boxdiv {  padding: 115px 15px 30px;} */
	.comparison-sliderwrap .accpre-category-boxdiv p{font-size: 14px;}
	.comparison-sliderwrap .slick-arrow{top: auto; bottom: -35px; left: 50%;  margin-left: -52px;}
	.comparison-sliderwrap .slick-arrow.slick-next{right: auto; left: 50%; margin-left: 10px;}
	.comparison-title{margin-top: 20px;}
	.about-accpre-cat .accpre-category-list {  margin: 0 -11px 0px;}
	.round-box-plan{margin: 0;}
	.round-box-annual{width: 150px;}
	.round-box-plan{width: 150px;  height: 150px;}
	.round-box-plan h3{font-size: 22px;}
	.round-box-plan p{font-size: 14px;}
	.roundbox-content p {  margin: 20px 0 10px; font-size: 14px;}
	.btn-select .defult-btn {  min-width: 150px;  padding: 10px;}
    .content-include h6{text-align: center; margin-bottom: 40px;font-size: 20px; }
    .content-include li{font-size: 16px; line-height: 24px; margin-bottom: 20px; padding-left: 40px;}
    .content-select-your-plan h2,.included-section .title{font-size: 26px;}
    .content-select-your-plan p {   font-size: 16px;}
    .content-select-your-plan {   text-align: center;  max-width: 230px;   margin: 0 auto;}
    .included-section {  padding: 70px 0 40px;}
    .lowcalories-listsection .lowcal-col { -webkit-box-flex: 0;  -ms-flex: 0 0 100%;  flex: 0 0 100%;   max-width: 100%;}
    .fav-recipes-boxdiv { margin: 15px 0 50px;}
    .lowcalories-title-section p{font-size: 16px;}
    .recipes-descontent h2 {  margin-bottom: 20px; font-size: 19px;}
    .recipes-descontent .fav-recipe-sub{font-size: 13px;}
	.recipe-textdiv {  font-size: 14px;  margin-bottom: 10px;}
	.recipes-descontent .dietlist-ul {  margin-bottom: 30px;}
	.rectab-contentwrap .table tr td { font-size: 14px;}
	.rectab-contentwrap .table tr td:first-child { padding-left: 0;}
	.rectab-contentwrap .table tr td:last-child{text-align: right; padding-right: 0;}
	.table td, .table th { padding: .5rem;}
	.instructions-tabcontent ol li p { font-size: 14px;}
	.recipes-description-section { padding-top: 30px;}
	.sticky-recipes-header .back-resices-btndiv a { height: 38px;  width: 38px;}
	@keyframes animateBubble { 0% { margin-top: 800px; } 100% { margin-top: -100%; }}
	.comparison-sliderwrap .accpre-category-boxdiv .accpre-category-img .homerbanner-iconover { height: 80px;  width: 80px;  margin-left: -40px;}
	.meet-the-people-section.founder-people-section {  margin-top: -40px !important;}
	
	.socialshare-sidebar .slidertop-heart{left: 20px;}
	.filterside-section{/* width: 85%; right: -85%;*/ width: 330px; right: -340px;}
	.filterside-section h3{left: 40px;}
	.filterside-section {   border-radius: 30px 0 0 30px;}
	.filterside-section h3 {  top: 20%;}
	.comparison-sliderwrap .accpre-category-img{
		margin-bottom: -75px;
		height: 150px;
	}
	.comparison-sliderwrap .accpre-category-boxdiv {
		padding: 100px 15px 50px;
		height: calc(100% - 75px);
	}
	.comparison-sliderwrap .slick-slide{
		margin-bottom: 30px;
	}
}
@media (max-width: 375px){
	.accpre-category-boxdiv {  padding: 80px 15px 50px;}
	.mobile-menudiv .sliderbtm-courve { width: 646px;  left: -80px;  bottom: -130px;  transform: rotate(8deg);}
	.mobile-menudiv .slidercenter-courve { height: 491px;  width: 584px;   bottom: -170px;  left: -30px;   transform: rotate(2deg);}
	.about-accpre-cat .accpre-category-boxdiv .accpre-category-img { top: -50px;}
	.about-accpre-cat .accpre-category-boxdiv {  padding: 70px 10px 40px;}
	/* .comparison-sliderwrap .slick-slide {  padding: 95px 5px 30px;} */
	/* .comparison-sliderwrap .accpre-category-boxdiv {  padding: 105px 15px 30px;} */
	/* .comparison-sliderwrap .accpre-category-boxdiv .accpre-category-img {  top: -80px;} */
	.my-groceries-section .mob-left-img{width: 175px;}
	.my-groceries-section .mob-right-img {  width: 230px;}
	.comparison-sliderwrap .accpre-category-img {
		margin-bottom: -65px;
		height: 130px;
	}
	.comparison-sliderwrap .accpre-category-boxdiv {
		padding: 90px 15px 30px;
		height: calc(100% - 65px);
	}
}
@media (max-width: 360px) {
	.site-footer{padding: 105px 0 30px;}
	.site-footer p { font-size: 13px;  margin-bottom: 10px;}
	.navigation-ul li a {   font-size: 16px;}
	.navigation-ul li {  margin: 20px 5px;}
	.content-filter-preference h2, .nutritious-receipe h2, .content-my-groceries h2, .hot-topics-content h2, .content-tcbwebapp h5 {    font-size: 34px;}
	.whytcb-heading h2, .howitworks-content h2, .nutritious-welcome-content h1{font-size: 34px;}
	.hot-topics-content h4,	.nutritious-receipe h4, .content-filter-preference h4, .content-filter-preference h4, .content-my-groceries h4, .daily-inspiration-content h4, .nutritious-welcome-content h2{font-size: 20px;}	
	.about-accpre-cat .accpre-category-boxdiv .accpre-category-img { top: -42px;}
	.about-accpre-cat .accpre-category-boxdiv { padding: 60px 5px 35px;}
	.accpre-category-boxdiv .round-cat {  margin-left: -20px;  bottom: -20px;  height: 40px;  width: 40px;   font-size: 16px;  line-height: 38px;}
	.about-accpre-cat .accpre-category-boxdiv h4 { font-size: 12px;}
	.about-accpre-cat .accpre-category-list li {padding-top: 50px;}
	.nutritious-welcome-content h1, .comparison-title { font-size: 40px;}
	/* .comparison-sliderwrap .accpre-category-boxdiv {  padding: 105px 5px 30px;} */
	/* .comparison-sliderwrap .accpre-category-boxdiv .accpre-category-img {  top: -70px;} */
	/* .comparison-sliderwrap .accpre-category-boxdiv {  padding: 95px 5px 30px;} */
	.plan-row .col-md-6{-webkit-box-flex: 0; -ms-flex: 0 0 100%;  flex: 0 0 100%;  max-width: 100%;}
	.content-include li {  font-size: 14px; line-height: 22px;}
	.round-box-annual{margin: 0 auto; float: none !important;}
	.round-box-annual { margin: 30px auto;}
	.content-select-your-plan p { margin-bottom: 30px;}
	.rectab-pills .nav-tabs .nav-link { padding: 12px 8px 10px;}
	/* .comparison-sliderwrap .accpre-category-boxdiv .accpre-category-img {  top: -64px;} */
	/* .comparison-sliderwrap .accpre-category-boxdiv {  padding: 90px 5px 30px;} */
	.comparison-sliderwrap .accpre-category-boxdiv .accpre-category-img .homerbanner-iconover { height: 70px;  width: 70px;  margin-left: -35px;}
	/* .price-section a.plan-btn {
		height: 130px;
		width: 130px;
	} */
	.price-section h2{font-size: 30px;}
	
	/* .plan-row .col-md-6, .price-btn-wrp .col-md-6{
		-ms-flex: 0 0 100%;
		flex: 0 0 100%;
		max-width: 100%;
	}
	.price-btn-wrp {
		-ms-flex-wrap: wrap !important;
    	flex-wrap: wrap !important;
	}
	.price-section .preemiun .content-include {
		padding-top: 0;
	}
	.price-section a.plan-btn{
		margin: 0 auto;
	}
	.price-section .preemiun .d-inline-block {
		display: block !important;
	}
	.price-section .go-pro p {
		max-width: 100%;
	} */
	.filterside-section{ width: 85%; right: -88%;}
	.filterside-section h3 {  font-size: 16px;top: 21%;left: 30px;}

}