@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&family=Roboto:wght@100;300;400;500;700;900&display=swap');

body {
    font-family: 'Roboto', sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.5;
    background-color: #fff;
    color:var(--color-gray1)}
html, body {
    width: 100%;
    /*overflow-x: hidden;*/
}
@media (max-width:767px) {
    body {
        overflow-x: hidden !important;
        width: 100vw imo !important;
    }
}
	
:root {
--color-green1: #0e3e30;
--color-green2: #1e665b;
--color-green3: #2a9d8e;	
--color-gray1: #343436;
--color-gray2: #f4f4f4;
--color-orange: #ffae2e;
--color-orange2: #e0a72e;
--green: #31985a; /*rgba(49, 152, 90, 1)*/
  --orange: #e59a1f; /*rgba(229, 154, 31, 1)*/
  --green-dark: #2f9457; /*rgba(47, 148, 87, 1)*/
  --orange-dark: #f36114; /*rgba(243, 97, 20, 1)*/
}	

.col_green1 {color:var(--color-green1)}
.col_green2 {color:var(--color-green2)}
.col_green3 {color:var(--color-green3)}
.col_gray1  {color:var(--color-gray1)}

.bg_green1 {background-color:var(--color-green1)}
.bg_lt_grey {background-color:#f1f1f2}

.fw500 {font-weight: 500;}
.fw700 {font-weight: 700;}

.fs20 {font-size:20px}
.fs25 {font-size:25px}
.fs30 {font-size:30px}
.fs35 {font-size:35px}
.fs40 {font-size:40px}

h1, h2, h3, h4, h5, h6, input, textarea, ul, li, ol {
    margin: 0;
    padding: 0;}

p {margin-bottom:20px;}

h1, h2, h3, h4 {
	font-family: 'Roboto Condensed', sans-serif;
    font-weight: normal;
    line-height: 1.2;
	font-weight:700 !important;
	margin:0;
	padding:0;	}
	
.h2 {font-size:32px;}
.h3 {font-size:25px;}
.h4 {font-size:20px;}

@media(min-width:400px){
.h2 {font-size:40px;}
.h3 {font-size:30px;}
.h4 {font-size:25px;}	
}	
.pad_t50 {padding-top:50px;}	
.pad_t60 {padding-top:60px;}
.pad_t80 {padding-top:80px;}

.pad_b50 {padding-bottom:50px;}	
.pad_b80 {padding-bottom:80px;}		
	

* {
    border: medium none;
    box-sizing: border-box;
    margin: 0;
    outline: medium none;
    padding: 0;
    /*position:relative;*/
    text-decoration: none;
    /* transition:all 400ms ease; */
}


*::selection {
    background-color: #403f3f;
    color: #fff;
}

* {
    -webkit-user-select: initial;
    -khtml-user-select: initial;
    -moz-user-select: initial;
    -ms-user-select: initial;
    user-select: initial;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a {color:var(--color-gray1)}
a:hover {color:var(--color-green1)}

h2 {
    font-size: 30px;
    /*font-family: 'dearjoe_1_msregular';*/
    font-weight: normal;
}

img {max-width: 100%;}

.mr_0{margin-right:0 !important;} 

/*================================
	Buttons
=================================*/

.btn {
	border-radius:15px;
	padding-left:30px;
	padding-right:30px;
	font-weight:500;
	letter-spacing:1px;}
	
.btn-primary {
  background-color:var(--color-green1);
  border-color:var(--color-green1);
}
.btn-primary:hover {
  background-color:var(--color-green1);
  border-color:var(--color-green1);
}
.btn-check:focus + .btn-primary, .btn-primary:focus {  
  background-color:var(--color-green1);
  border-color:var(--color-green1);
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-check:checked + .btn-primary, .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active, .show > .btn-primary.dropdown-toggle {
  
  background-color:var(--color-green1);
  border-color:var(--color-green1);
}
.btn-check:checked + .btn-primary:focus, .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.25rem rgba(49, 132, 253, 0.5);
}
.btn-primary:disabled, .btn-primary.disabled {  
  background-color:var(--color-green1);
  border-color:var(--color-green1);
}


.btn-orange {
    background: #e0a82d;
    color: #000;
}

/*===========================
	Header
============================*/

.offer_line {
    color: #fff;
    background-color: #1e665c;
    text-align: center;
    font-size: 16px;
    padding: 10px;
}

header {
    background-color: rgba(255,255,255,0);
    transition: all 0.3s;}
	
header._scrolled {background-color: rgba(255,255,255,1);}


header._scrolled .offer_line{display: none;}


.navbar {
    padding: 0;
}
.navbar-light {
    background: #fff;
}
/* .navbar-light .navbar-nav .nav-link {
	color:#133f30;
} */
.navbar-collapse {
    flex-grow: 0;
    height: 60px;
    position: relative;
    padding-left: 30px;
}
.navbar-light .navbar-nav .nav-link,
.navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show >.nav-link {
    /* color: #fff; */
    color:#133f30;
    font-weight: 600;
}
.navbar-light .navbar-nav .nav-link {
    padding-right: 1.5vw;
    padding-left: 1.5vw;
    /* padding-right: 0.5vw;
    padding-left: 0.5vw; */
    text-transform: uppercase;
    font-size: 15px;}

.product-page .navbar-light .navbar-nav .nav-link {
    color: #133f30;
}
.product-page .navbar-collapse:after {
    background-color: #fff;
}
.cart-qty {
    position: absolute;
    top: -7px;
    /* top: 0; */
    left: 50%;
    transform: translateX(-50%);
    background: var(--color-green2);
    color: #fff;
    width: 15px;
    height: 15px;
    font-size: 10px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.user-nav {
    display: flex;
    list-style: none;
    margin: 0;
    padding: 0;
}
.user-nav li {
    margin: 0 2px;
}
.user-nav li .nav-link {
    width: 30px;
    height: 30px;
    border: solid 1px #0e3e30;
    color: #0e3e30;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    font-weight: 600;
    padding: 0;
}
.user-nav li a img {
    width: 16px;
}
.user-nav .dropdown-toggle::after {
    display: none;
}
.user-nav .dropdown-menu {
    right: -31px;
}

/* @media all and (max-width: 767px) {
    .user-nav li .nav-link {
        width: 30px;
        height: 30px;
        font-size: 14px;
    }
    .user-nav li a img {
        width: 16px;
    } 
} */
.navbar .nav-item:hover .dropdown-menu{ display: block; }
@media all and (min-width: 992px) {
    .navbar .nav-item .dropdown-menu{ display: none; }
    .navbar .nav-item:hover .dropdown-menu{ display: block; }
    .navbar .nav-item .dropdown-menu{ margin-top:0; }
    .navbar .nav-item .dropdown-menu .dropdown-item:hover{ background: var(--color-orange); }
    .navbar .nav-item .dropdown-menu {
        border: 1px solid #000;
        border-radius: 5px;
    }
    .navbar .nav-item .dropdown-menu:after, .navbar .nav-item .dropdown-menu:before {
        bottom: 100%;
        left: 70%;
        border: solid transparent;
        content: "";
        height: 0;
        width: 0;
        position: absolute;
        pointer-events: none;
    }
    .navbar .nav-item .dropdown-menu:after {
        border-color: rgba(255, 255, 255, 0);
        border-bottom-color: #fff;
        border-width: 6px;
        margin-left: -6px;
    }
    .navbar .nav-item .dropdown-menu:before {
        border-color: rgba(0, 0, 0, 0);
        border-bottom-color: #000;
        border-width: 7px;
        margin-left: -7px;
    }
}   

/* @media(min-width:1300px){
	.navbar-light .navbar-nav .nav-link {
    padding-right: 0.4vw;
    padding-left: 0.4vw;}
}    */
@media(min-width:1300px)and(max-width:1399px){
    .navbar-light .navbar-nav .nav-link {
    font-size:14px;}
}

/* @media(min-width:1400px){
	.navbar-light .navbar-nav .nav-link {
    padding-right: 0.65vw;
    padding-left: 0.65vw;}
}

@media(min-width:1600px){
	.navbar-light .navbar-nav .nav-link {
    padding-right: 1vw;
    padding-left: 1vw;}
} */
	
.navbar-brand {
    max-width:80px;
}
/* @media (min-width: 1200px) {
    .inside-header .navbar-light .navbar-nav .nav-link {
        padding-right: 1.5vw;
        padding-left: 1.5vw;
    }
} */
@media (max-width: 1199px) {
    .inside-header .navbar-light .navbar-nav .nav-link {
        padding-right: 1vw;
        padding-left: 1vw;
    }
}
@media (max-width: 767px) {
	header {
        background-color: rgba(255,255,255,1);
    }
    .offer_line {
        font-size: 12px;
    }
    .navbar-brand {
        max-width: 75px;
    }
}
@media (min-width: 360px) and (max-width: 400px) {
    .navbar-brand {
        max-width: 65px;
        margin-right: 0;
    }
    .mobile-nav li:last-child {
        padding-right: 0;
    }
}
@media (max-width: 359px) {
    .d-xs-none {display: none;}
    .mobile-nav li:last-child {
        padding-right: 0;
    }
}
@media (max-width: 991px) {
    .navbar-collapse {
        position: fixed;
        top: 0;
        left: 0;
        background-color: #f9f9f9;
        color: #1e665b;
        width: 250px;
        height: 100%;
        min-height: 100vh;
        transform: translateX(-100%);
        transition: all 0.3s;
		padding-top:30px;
        z-index: 1;
    }
    .navbar-collapse.show {
        transform: translateX(0);
    }
    .navbar-light .navbar-nav .nav-link,
    .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .show>.nav-link {
        color: #1e665b;
		font-size:18px;
		font-weight:700;
    }
    .navbar-toggler {
        background-color: #fff;
        border:none;
        padding: .25rem .5rem;
        color: #1e665b;
    }
    .navbar-toggler:focus {
        outline: none;
        box-shadow: none;
    }
    .navbar-toggler .bi {
        color: #1e665b;
        font-size: 24px;
    }
    .navbar-toggler.active {
        background-color: #1e665b;
    }
    .navbar-toggler.active .bi {
        color: #fff;
    }
}
@media (min-width: 992px) {
    .navbar-collapse:after {
        content:'';
        position: absolute;
        top: 0;
        left: 0;
        width: 200%;
        background-color: #2a9d8e;
        height: 60px;
        z-index: -1;
        transition: all 0.3s;
        transform: translateY(-100%);
    }
    header._scrolled .navbar-collapse:after {
        transform: translateY(0);
    }
}
@media (min-width: 1400px) {
    .container-fluid {
        padding-right: 50px;
        padding-left: 50px;
    }
}

.mobile-nav {
    list-style: none;
    padding: 0;
    margin-left: auto;
}
.mobile-nav li {
    padding-right: 15px;
}
@media (min-width: 768px) {
    .mobile-nav li {
        padding-right: 6vw;
    }
}
@media (max-width: 767px) {
    .mobile-nav {
        margin-right: 5px;
    }
    .mobile-nav li {
        padding: 0 7px;
    }
}
.mobile-nav li a {
    text-transform: uppercase;
    font-size: 14px;
    color: var(--color-green1);
    /*color: #2a9d8e;*/
    text-decoration: none;
    font-weight: 600;
}

.ymal-carousel .bs_prod_disc h4 {
    font-size: 14px;
    min-height: 39px;
}

.cart-box {
    width: 100%;
    max-width: 550px;
    /* max-width: 500px; */
    position: absolute;
    top: 60px;
    right: 0;
    /*display: none;*/
    transition: all 0.2s;
    opacity: 0;
    visibility: hidden;
}
.cart-box.show {
    display: block;
    opacity: 1;
    visibility: visible;
}
.cart-box.show .cart-you-may-like {
    visibility: visible;
    opacity: 1;
}
.cart-box--inside {
    position: relative;
    background: #fff;
    border: 2px solid #000;
    padding: 20px 30px;
    border-radius: 10px;
    margin-top: -2px;

    max-height: 83vh;
    overflow-y: auto;
    overflow-x: hidden;
}
.cart-box--inside:after, .cart-box--inside:before {
    bottom: 100%;
    left: 88%;
    border: solid transparent;
    content: "";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.cart-box--inside:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}
.cart-box--inside:before {
    border-color: rgba(0, 0, 0, 0);
    border-bottom-color: #000;
    border-width: 13px;
    margin-left: -13px;
}
@media (max-width:1200px) {
    .cart-box--inside:after {
        margin-left: -52px;
    }
    .cart-box--inside:before {
        margin-left: -53px;
    }
}
.cart-box-close {
    position: absolute;
    top: 0px;
    right: 20px;
    font-size: 20px;
}
.cart-title {
    font-weight: 400;
    border-bottom: solid 1px #000;
    padding-bottom: 10px;
}
/* .cart-box-content {
    max-height: 75vh;
    overflow-y: auto;
    overflow-x: hidden;
} */
.cart-box-list {
    list-style: none;
    padding: 0;
    margin: 0;
    /* max-height: 121px; */
    /* max-height: 111px; */
    /* max-height: 62vh; */
    /* overflow-y: auto;
    overflow-x: hidden; */
}
.cart-box-item {
    padding: 10px 20px 10px 0;
    border-bottom: solid 1px #000;
}
.cart-box-item h6 {
    font-weight: 400;
}
.cart-image {max-width: 100px;}
@media (min-width:992px) {
    .cart-box--inside {
        padding: 20px 30px;
        /* max-height: 83vh;
        overflow-y: auto; */
    }
    /* .cart-box-list {
        max-height: 171px;
    }
    .cart-image {
        max-width: 100px;
    } */
}
/* .cart-image {max-width: 80px;} */
.qty {
    border-radius: 10px;
    border: solid 2px #000;
    position: relative;
    display: flex;
    align-items: center;
    width: 150px;
    margin-top: 10px;
}
.qty .minus, .qty .plus {
    height: 30px;
    padding: 0 10px;
    width: 35px;
    font-weight: 600;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.qty .minus {
    border-right: solid 2px #000;
}
.qty .plus {
    border-left: solid 2px #000;
}
.qty input {
    width: 80px;
    height: 30px;
    text-align: center;
}
.cart-total {
    padding: 5px 0;
}
.btn-full {width: 100%; text-align: center;}
.product-card {
    border: solid 1px #000;
    overflow: hidden;
    text-align: center;
    border-radius: 10px 10px 5px 5px;
}
.product-card h6 {
    font-weight: 400;
}
.product-image img {
    height: 100px;
    width: auto;
    display: inline-block !important;
}
.product-card .btn {
    border-radius: 5px;
    border-top: solid 1px #000;
    padding-right: 5px;
    padding-left: 5px;
}
.ymal-carousel {
    list-style: none;
}
.ymal-carousel .slide {
    padding: 10px 5px;
}
.ymal-carousel .slick-prev:before,
.ymal-carousel .slick-next:before {
  font-family: bootstrap-icons !important;
  color:var(--color-green2);
}
.ymal-carousel .slick-prev:before {
    content: "\f22d" !important;
}
.ymal-carousel .slick-next:before {
    content: "\f231" !important;
}



.mobile-cart-box {
    width: 100%;
    max-width: 500px;
    padding: 15px;
    height: 90vh;
    overflow-y: auto;
    position: fixed;
    top: 80px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 9999;
    visibility: hidden;
    opacity: 0;
    transition: all 0.2s;
}
.mobile-cart-box.show {
    visibility: visible;
    opacity: 1;
}
.mobile-cart-box .cart-box--inside:after, .mobile-cart-box .cart-box--inside:before {
    display: none;
}
.mobile-cart-box .cart-box--inside {
    padding: 15px 0;
    border-radius: 30px;
}
.mobile-cart-box .cart-box-close {
    position: absolute;
    top: 3px;
    right: 20px;
    font-size: 30px;
}
.mobile-cart-box .cart-box-item {
    padding: 15px;
}
.mobile-cart-box .cart-total {
    padding-right: 15px;
    padding-left: 15px;
}
.mobile-cart-box .cart-box-btn-container {
    padding: 0 15px;
}
.mobile-cart-box .slick-next {
    right: -15px;
}
.mobile-cart-box .slick-prev {
    left: -15px;
}

/*================================
	Mighty - Millets home banner
=================================*/
.mm_baner_wrap {
    overflow: hidden;
    position: relative;
    background-color: #2a9d8e;
}

.mm_baner_wrap .slick-track {
    position: relative;
}

.mm_baner_wrap .slider {
    position: relative;
    z-index: 50;
}

.mm_baner_wrap .slide {
    position: relative;
}

.mm_baner_wrap .slide .slide__content--headings .animated {
    transition: all 0.5s ease;
}

.mm_baner_wrap .slider [data-animation-in] {
    opacity: 0;
    -webkit-animation-duration: 1.5s;
    animation-duration: 1.5s;
    transition: opacity 0.5s ease 0.3s;
}

.mm_baner_wrap .slick-dots {
    position: absolute;
    bottom: 70px;
    list-style: none;
    display: block;
    text-align: center;
    padding: 0;
    margin-left: 36.708860759494%;
    width: 63.291139240506%;
}

.mm_baner_wrap .slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    cursor: pointer;
}

.mm_baner_wrap .slick-dots li button {
    border: 0;
    display: block;
    outline: none;
    line-height: 0px;
    font-size: 0px;
    color: transparent;
    padding: 5px;
    cursor: pointer;
    transition: all 0.3s ease;
}

.mm_baner_wrap .slick-dots li.slick-active button:before {	
	border-color:#000;
	color:#000;
}

.mm_baner_wrap .slick-dots li button:before {
	color:#dddddd;
	opacity:1;
	width:6px;
	height:6px;
	border-color:#dddddd;}

.slide .brSl_left {
    background-color: #fff;
	padding:150px 0 50px;}

.slide .brSl_right {
    background-color: #2a9d8e;
    width: 100%;
    padding: 0;}

@media(min-width: 992px) {
    
	.baner_d_flex {
		display:flex;
	height:100vh;
	align-items:center;
    }

    .slide .brSl_left {
        width: 36.708860759494%;
        padding: 100px 100px 80px 50px;
		height: 100vh;
		display: flex;
		align-items: center;
		justify-content: center;
    }

    .slide .brSl_right {
        position: relative;
        width: 63.291139240506%;
        padding: 100px 100px 80px 50px;
		height: 100vh;
    }
	
	.mm_baner_wrap {
	height: calc(100vh - 42px);
	margin-top:42px;
    }

    .mm_baner_wrap .slider, .mm_baner_wrap .slick-slider .slick-track, .mm_baner_wrap .slick-slider .slick-list, .mm_baner_wrap .slick-initialized .slick-slide {
        height:100vh;
        
    }
}

.slide .slide__content--headings {
	/*background:gold;*/
}

.slide .slide__content--headings h2 {
    color: #343436;
    font-size: 45px;
    font-weight: 700;
    line-height: 1;
    margin: 0 auto 20px;
    text-align: center;
    max-width: 260px;
}

.slide .slide__content--headings h2 span {
    display: inline-block;
}

.slide .slide__content--headings p {
    font-size: 20px;
    font-weight: 500;
    margin: 0 auto 0;
    text-align: center;
    max-width: 260px;
}


@media(min-width: 992px) {
    .slide .slide__content--headings h2 {
        font-size:60px;
        text-align: left;
    }

    .slide .slide__content--headings p {
        font-size: 25px;
        text-align: left;
    }
}

.br_img_slide1 {
    position: relative;
    width: 70%;
    left: 0;
    z-index: 2;
    padding: 30px;}

.curley_arrow {
    width: 50%;
    position: absolute;
    top: 20%;
    left: 80%;
    z-index: 1;
}

.baner_tagline {
    position: absolute;
    bottom: 13%;
    max-width: 50%;
    font-size: 16px;
    font-weight: 400;
    color: #fff;
    right: 0;
}

@media(min-width: 992px) {
    .curley_arrow {
        width: 230px;
        position: absolute;
        top: 14%;
        left: 300px;
        z-index: 1;
    }

    .baner_tagline {
        position: absolute;
        bottom: 20%;
        max-width: 300px;
        font-size: 32px;
        font-weight: 400;
        color: #fff;
        left: 200px;
    }
}

@media(min-width: 992px){
    .br_img_slide1 {
        position:absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 300px;
        left: -88px;
        z-index: 2;
        padding: 0;}
}

/*=================
	bootstrap 5 icons
===================*/

@font-face {
    font-family: "bootstrap-icons";
    src: url("fonts/bootstrap-icons.woff2?856008caa5eb66df68595e734e59580d") format("woff2"), url("fonts/bootstrap-icons.woff?856008caa5eb66df68595e734e59580d") format("woff");
}

[class^="bi-"]::before, [class*=" bi-"]::before {
    display: inline-block;
    font-family: bootstrap-icons !important;
    font-style: normal;
    font-weight: normal !important;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    vertical-align: -.125em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.bi-search::before {
    content: "\f52a";
}

/*=============
Section Category
==============*/

._sec_home_category .h4{
	font-size:20px;}
	
@media(min-width:700px){
	._sec_home_category .h4{
	font-size:35px;}
}	

.category_box {position:relative;
}
.category_box h4, .category_box img {
    transition: all 0.3s ease;
}
.category_box:hover h4, .category_box:hover img {
    transform: translateY(-15px);
}

.category_box .border_r{
	background-color:var(--color-green1);
	width:3px;	
	position:absolute;
	top:0;
	right:-15px;
	bottom:0;}
.col-4:last-child .category_box .border_r{
	display: none;}

.category_box img {
	width:200px;
	margin:0 auto;}

/*=============
Section about
==============*/
	
.photo_box {
	width:100%;
	border-radius:100%;
	background-color:#ccc;
	overflow:hidden;
	max-width:200px;
	margin:30px auto 20px;}
	
@media(min-width:768px){
	.photo_box {
	max-width:300px;}
}

@media(min-width:992px){
	.photo_box {
	margin:70px auto 0;}
}

@media(min-width:1200px){
	.photo_box {
	max-width:300px;
	margin:30px auto 0;}
}		

._sec_home_about .content_align {
	text-align:center;}	
	
@media(min-width:992px){
	._sec_home_about .content_align {
	text-align:left;}	
}	

.moretext {display: none;}

/*=====*/

.__hai_list {
	margin:0;
	padding:0;
	list-style:none;
    display: flex;
    flex-wrap: wrap;
}

.__hai_list li {
	float:left;
	width:25%;
	margin-bottom:30px;}
	
@media(min-width:992px){
	.__hai_list li {
	width:12.5%;}
}	

._ha_icon {
	max-width:150px;
	margin:0 auto;
	text-align:center;}
	
._hai {
	max-width:50px;
	margin:0 auto 10px;}

._hat {	
text-transform:uppercase;
font-size:10px;
font-weight:500;
color:var(--color-gray1);}

@media(min-width:600px){
	._hai {
	max-width:70px;
	margin:0 auto 10px;}

	._hat {	
	font-size:14px;}
}
@media(max-width:767px){
    .collapse-container .btn,
    .collapse-container-sahil .btn {
        padding-right: 10px;
        padding-left: 10px;
    }
    .collapse-container-sahil .collapse-btn:hover,
    .collapse-container-sahil .collapse-btn:focus {
        color: #fff !important;
    }
}
@media(max-width:360px){
    .collapse-container .btn {
        margin-left: 14px;
        font-size: 13px;
    }
    .collapse-container-sahil .btn {
        margin-right: 0;
        font-size: 13px;
    }
}



/*=============
Section Testimonials
==============*/
.__testi_stars {
	max-width:200px;
	margin:0 auto 30px;}

.slider_testimonials {
	color:#fff;
	max-width:700px;
	margin:0 auto;
	text-align:center;}
	
.__htesti_user {
	width:150px;
	height:150px;
	border-radius:100%;
	background:#ccc;
	margin:0 auto 20px;}

.__htesti_doubleComma {
	width:40px;
	margin:0 auto 20px;}	
	
.testi_leaf_left {
	width:80px;
	position:absolute;
	left:0;
	top:50%;
	transform:translateY(-50%);}	
	
.testi_leaf_right {
	width:80px;
	position:absolute;
	right:0;
	top:50%;
	transform:translateY(-50%);}

@media(max-width:765px) {
	.testi_leaf_left {
	width:40px;
	left:0;
	top:auto;
	bottom:5%;
	transform:none}	
	
.testi_leaf_right {
	width:40px;
	right:0;
	top:auto;
	bottom:5%;
	transform:none;}
}	

.slider_testimonials .slick-dots li {
	margin:0;
}

.slider_testimonials .slick-dots li button {
	width:8px;
	height:8px;
	opacity:1;
}

.slider_testimonials .slick-dots li button:before {
	content:'';
	background:#fff;
	border:none;
	border-radius:100%;
	width:8px;
	height:8px;
	opacity:1;}
	
.slider_testimonials .slick-dots li.slick-active button:before {
	content:'';
	background:#fff;
	width:8px;
	height:8px;
	opacity:1;}

.recipe-carousel .slick-dots li button:before {
    content:'';
    background:#111;
    border:none;
    border-radius:100%;
    width:8px;
    height:8px;
    opacity:1;}
    
.recipe-carousel .slick-dots li.slick-active button:before {
    content:'';
    background:#fff;
    width:8px;
    height:8px;
    opacity:1;}	

.also-love-carousel .slick-dots li button:before {
    content:'';
    background:#999;
    border:none;
    border-radius:100%;
    width:8px;
    height:8px;
    opacity:1;}
    
.also-love-carousel .slick-dots li.slick-active button:before {
    content:'';
    background:#1a675e;
    width:8px;
    height:8px;
    opacity:1;}     
.also-love-carousel .slick-dots {
    display: none !important;} 
	
/*=============
Section Home News
==============*/

.slider_news {
	border:1px solid var(--color-green1);
	/*margin-left:47px;
	margin-right:47px;*/
}	


/*== arrow ==*/	

/*.slider_news .slick-prev::before {
	font-family: 'bootstrap-icons';
	content:'\f284';
	font-size:40px;
	color:#111;
	width:40px;
	height:40px;
	display:block;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;}	
	
.slider_news .slick-next::before {
	font-family: 'bootstrap-icons';
	content:'\f285';
	color:#111;
	font-size:40px;
	width:40px;
	height:40px;
	text-align:center;
	display:block;
	padding:0;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;}		
	
.slider_news .slick-prev, 
.slider_news .slick-next {
	width:40px;
	height:40px;}
	
.slider_news .slick-prev {left:-40px; transition:all ease 0.5s}
.slider_news .slick-next {right:-40px; transition:all ease 0.5s} */


/*===============
Home Facebook
=================*/

._sec_home_fb {
	background-color:#e6edeb;
}

a.__home_fbc_wrap {
	max-width:870px;
	margin:0 auto 10px;
	display:block;
	text-decoration:none;}

.text_fb_com {font-style:italic; text-align:center; font-weight:500; }

@media(min-width:768px){
	.text_fb_com {text-align:left; font-size:20px; margin-bottom:0; margin-top:10px; }
}

.btn_fb_join {width:170px; display:inline-block;}



/*=========================
Also available at
==========================*/

._carousel_available {
	margin-left:35px;
	margin-right:35px;}

._carousel_available .client_logo {
	width:100%;
	height:90px;
    margin: 0 auto;
}
	
@media(min-width:768px){
	._carousel_available .client_logo {
	width:90%;
	height:50px;}
}	

@media(min-width:1200px){
	._carousel_available .client_logo {
	width:90%;
	height:60px;}
}	

._carousel_available .client_logo img {
	object-fit:contain;
	width:100%;
	height:100%;}
	
	
/*== arrow ==*/	
._carousel_available .slick-prev, 
._carousel_available .slick-next {
	width:30px;
	height:30px;}

._carousel_available .slick-prev:before,
._carousel_available .slick-next:before {
	width:30px;
	height:30px;
	display:block;}

._carousel_available .slick-prev:before {
	content:'';	
	background:url(../img/arrow_l.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	}	
	
._carousel_available .slick-next:before {
	content:'';	
	background:url(../img/arrow_r.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	}		
	
._carousel_available .slick-prev {left:-40px; transition:all ease 0.5s}
._carousel_available .slick-next {right:-40px; transition:all ease 0.5s}

@media(min-width:768px){
._carousel_available .slick-prev, 
._carousel_available .slick-next {
	width:60px;
	height:50px;}

._carousel_available .slick-prev::before {
	content:'';
	width:50px;
	height:50px;}	
	
._carousel_available .slick-next::before {
	content:'';
	width:50px;
	height:50px;
	margin-left:10px;}
	
._carousel_available .slick-prev {left:-60px; transition:all ease 0.5s}
._carousel_available .slick-next {right:-60px; transition:all ease 0.5s}
	
._carousel_available .slick-prev:hover {left:-70px;}
._carousel_available .slick-next:hover {right:-70px;}
}

/*=====================
 _slider_bestsellers 
 ====================*/

._slider_bestsellers {
	margin-left:40px;
	margin-right:40px;}

._slider_bestsellers .prod_image img {
    max-height: 300px;
    margin: 0 auto;
}
	
@media(min-width:992px){
	._slider_bestsellers {
	max-width:70%;
	margin:0 auto;}
}	

@media(min-width:1400px){
	._slider_bestsellers {
	max-width:auto;
	margin:0 auto;}
}	
	
._slider_bestsellers .bs_pBox {
	border-radius:30px;
	background:#fff;
	text-align:center;
	border:0px solid #ccc;
	margin:22% 10px 10px 10px;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
-moz-box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
box-shadow: 5px 5px 5px 0px rgba(0,0,0,0.3);
/*-webkit-transform: scale(0.8);
   transform: scale(0.8);
   transition:all ease 0.2s;*/
   /*background-color:green;*/
   transform: scale(1);
   transition: all .5s ease; 
   overflow: hidden;
}	
	

._slider_bestsellers .slick-current .bs_pBox {
	margin:0 10px 10px 10px;
    transform: scale(1);
	/*margin:10px 10px 10px 10px;
	-webkit-transform: scale(0.8);
   transform: scale(0.8);
   transition:all ease 0.2s; 
   background-color:gold;*/ }  

._slider_bestsellers .bs_prod_disc{
	display:block;
	padding:0 15px 20px;}
	
@media (min-width:768px) {
._slider_bestsellers .bs_prod_disc{
	/* display:none; */
    visibility: hidden;
    opacity: 0;
    transform: scaleY(0);
    /* height: 0; */
	padding:0 15px 20px;
    margin-top: -79px;
transition: all .5s ease;}
	
	}   
  
._slider_bestsellers .slick-current .bs_prod_disc{
	/* display:block; */
    visibility: visible;
    opacity: 1;
    transform: scaleY(1);
    /* height: 100%; */
    margin-top: 0;
	padding:0 15px 20px;}	

.bs_prod_disc h4 {
	font-size:16px;
	padding-bottom:5px;}
	
.bs_prod_disc h4 span {
	font-weight:400;}
	
.bs_prod_disc .price {margin-bottom:8px; font-size:14px;}
.bs_prod_disc .price_old { color:#999; padding-right:10px; text-decoration: line-through; }	
.bs_prod_disc .price_new {font-weight:700;}

.btn-add-to-cart {
	background-color:var(--color-green1);
	color:#fff;
	font-size:14px;
	padding:3px 8px;}
	
@media(max-width:767px){
	
	.bs_prod_disc h4 {
	font-size:22px;
	padding-bottom:5px;}
	
	.bs_prod_disc h4 span {
	display:block}
	
	._slider_bestsellers .bs_pBox {	
	margin:10px 10px;	
-webkit-transform: scale(1);
   transform: scale(1);}

._slider_bestsellers .slick-current .bs_pBox {
	margin:10px 10px;
	-webkit-transform: scale(1);
   transform: scale(1);} 

.bs_prod_disc .price {margin-bottom:8px; font-size:18px;}
.bs_prod_disc .price_old { padding-right:0px;}	
.bs_prod_disc .price_new {display:block;}

.btn-add-to-cart {
	font-size:16px;
	padding:8px 15px;}   
}

@media(max-width:600px){
._slider_bestsellers  .prod_image {
	max-width:70%;
	margin:0 auto;}
}

	
/*== arrow ==*/	
._slider_bestsellers .slick-prev, 
._slider_bestsellers .slick-next {
	width:30px;
	height:30px;}

._slider_bestsellers .slick-prev:before,
._slider_bestsellers .slick-next:before {
	width:30px;
	height:30px;
	display:block;}

._slider_bestsellers .slick-prev:before,
.category_carousel .slick-prev:before {
	content:'';	
	background:url(../img/arrow_l.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	}	
	
._slider_bestsellers .slick-next:before,
.category_carousel .slick-next:before {
	content:'';	
	background:url(../img/arrow_r.png);
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center;
	}		
	
._slider_bestsellers .slick-prev,
.category_carousel .slick-prev {left:-40px; transition:all ease 0.5s}
._slider_bestsellers .slick-next,
.category_carousel .slick-next {right:-40px; transition:all ease 0.5s}

@media(min-width:768px){
._slider_bestsellers .slick-prev, 
._slider_bestsellers .slick-next {
	width:60px;
	height:50px;}

._slider_bestsellers .slick-prev::before {
	content:'';
	width:50px;
	height:50px;}	
	
._slider_bestsellers .slick-next::before {
	content:'';
	width:50px;
	height:50px;
	margin-left:10px;}
	
._slider_bestsellers .slick-prev {left:-60px; transition:all ease 0.5s}
._slider_bestsellers .slick-next {right:-60px; transition:all ease 0.5s}
	
._slider_bestsellers .slick-prev:hover {left:-70px;}
._slider_bestsellers .slick-next:hover {right:-70px;}

/* ==== */
.category_carousel .slick-prev, 
.category_carousel .slick-next {
	width:60px;
	height:50px;}

.category_carousel .slick-prev::before {
	content:'';
	width:50px !important;
	height:50px !important;
    display: block;
}	
	
.category_carousel .slick-next::before {
	content:'';
	width:50px;
	height:50px;
	margin-left:10px;
    display: block;}
	
.category_carousel .slick-prev {left:-60px; transition:all ease 0.5s}
.category_carousel .slick-next {right:-60px; transition:all ease 0.5s}
	
.category_carousel .slick-prev:hover {left:-70px;}
.category_carousel .slick-next:hover {right:-70px;}
}

.slick-dots li {
	width:6px;
	height:6px;}

.slick-dots li button {
	border:1px solid var(--color-green1);
	width:6px;
	height:6px;
	border-radius:100%;
	padding:0;
}

.slick-dots li button:before {
	content:'';
	color:#dddddd;
	opacity:1;
	width:6px;
	height:6px;
	background-color:#fff;
	border:1px solid var(--color-green1);
	border-radius:100%;
}

.slick-dots li.slick-active button:before {
	width:6px;
	height:6px;
	background-color:var(--color-green1);
	opacity:1;
}

/*================
	Home Connect with us
=================*/
.__connect_gutters .border {
	border:1px solid var(--color-green1) !important;
	}
	
.__connect_gutters a {
	position:relative;
	display:block;
	overflow:hidden;
}	

.__connect_gutters a:before {
	content:'';
	position:absolute;
	background-color:rgba(0,0,0,0);
	transition:all ease 0.5s;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:1;}
	
.__connect_gutters a:hover:before {
	background-color:rgba(0,0,0,0.2);
}	

.__connect_gutters a img{
	transform: scale(1.01);
	transition:all ease 0.2s;
} 	
	
.__connect_gutters a:hover img{
	transform: scale(1.1);
	transition:all ease 0.2s;
} 	
/*===================
Footer
====================*/

.footwrap {
	background-color:#f8f8f8;
    border-top: solid 1px #000;
	padding-top:50px;
	padding-bottom:30px;}
	
	.footwrap p{
	text-align:center;
}	

@media(min-width:768px){
    .footwrap p{
    	text-align:left
    }	
    .fs-i {font-style: italic;}
}
	
.newsletter_box {
	position:relative;
	margin-bottom:30px;}

.newsletter_box .nsl_input  {
	padding-right:115px;}
	
.newsletter_box .nsl_btn {
	position:absolute;
	top:0;
	right:0;}  
.newsletter_box .nsl_btn .btn {
    border-radius: 15px;}
	
.newsletter_box .nsl_input .form-control{
	border-radius:15px;
	padding-left:20px;
	background-color:transparent;
    border-color: var(--color-green1);
} 
footer a {text-decoration: none;}
@media (max-width: 767px) {
    .newsletter_box .nsl_input .form-control, .nsl_btn .btn {
        border-radius:10px;
    }
    .newsletter_box .nsl_input {
        padding-right: 90px;
    }
    .nsl_btn .btn {
        padding-right: 15px;
        padding-left: 15px;
    }
}


/*===*/

.social_box {margin-top:20px;}	

.social_box .footer_title{
	text-decoration:underline;
	font-size:18px;
	font-weight:700;
	margin-bottom:15px;
	letter-spacing:1px;}
	
.footer_title2{
	font-size:18px;
	font-weight:700;
	letter-spacing:1px;}

.footer_title2 a {
	text-decoration:none;
	border-bottom:1px solid transparent}

.footer_title2 a:hover {
	text-decoration:none;
	border-bottom:1px solid var(--color-green1)}	
		

.social_box ul {margin:0; padding:0; list-style:none;}	

.social_box ul li {
	display:inline-block;
	padding:0 5px;}

.social_box ul li a {
	display:block;
	width:35px;
	height:35px;
	border-radius:100%;
	background-color:var(--color-green1);
	text-align:center;
	color:#fff;
	overflow:hidden;
	padding:8px;
	line-height:10px;}
	
ul.footer_list {
	margin:0; 
	padding:0; 
	list-style:none;}	

ul.footer_list li a {
	display:inline;
	text-decoration:none;
	border-bottom:1px solid transparent}

ul.footer_list li a:hover {
	text-decoration:none;
	border-bottom:1px solid var(--color-green1)
}	

/*@media(min-width:992px){
.shop_alignment {
	margin-bottom:88px;}
}

@media(min-width:1200px){
	.shop_alignment {
	margin-bottom:63px;}
}	

@media(min-width:1400px){
	.shop_alignment {
	margin-bottom:40px;}
}*/	
@media(max-width:991px){
    .shop_alignment {
        margin-bottom:40px;
    }
}
	
/*=====*/

.sub_footer {
	background-color:var(--color-green1);
	color:var(--color-gray2);
	font-size:12px;
	padding:8px 0;
	line-height:2;}
.product-page .sub_footer {
    padding:8px 0 131px;
}
	
.sub_footer a {
	color:var(--color-gray2);
	text-decoration:none;
	display:inline-block;}

.rights {padding-top:10px;}	

@media(min-width:768px){
	.rights {padding-top:0;}
}
@media(max-width:991px){
    ul.footer_list li {
        margin-bottom: .25rem;
    }
    ul.footer_list li a {
        font-size: 18px;
        font-weight: 700;
        letter-spacing: 1px;
    }
    .footer_title2.home {margin-bottom: .25rem !important}
}

/*=====================================
PRODUCT
=====================================*/

@font-face {
  font-family: "bootstrap-icons";
  src: url("../fonts/bootstrap-icons.woff2?231ce25e89ab5804f9a6c427b8d325c9") format("woff2"),
url("../fonts/bootstrap-icons.woff?231ce25e89ab5804f9a6c427b8d325c9") format("woff");
}

[class^="bi-"]::before,
[class*=" bi-"]::before {
  display: inline-block;
  font-family: bootstrap-icons !important;
  font-style: normal;
  font-weight: normal !important;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  vertical-align: -.125em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.bi-caret-up-fill::before { content: "\f235"; }
.bi-caret-down-fill::before { content: "\f229"; }

.page-offset {
    padding-top: 145px;
}
.breadcrumb-container {
    padding: 0 15px 0;
    border-bottom: solid 1px #133f30;
    display: inline-block;
}
.breadcrumb a {text-decoration: none;}
.breadcrumb-item.active {color: #e1a72e; font-weight: 600;}
.product-image-container {
    padding: 30px 0;
}
.slider-nav {
    list-style: none;
    width: 80px;
}
.slider-nav .slide .thumb-image {border:solid 1px #000 !important;}
.slider-nav .slick-slide .thumb-image{
    margin: 0 auto 5px;
    border: 1px solid #EBEBEB;
}
.slider-for {
    width: calc(100% - 120px);
}

.slider-nav .slick-prev,
.slider-nav .slick-next {
    z-index: 1;
    height: 1em;
    width: 100%;
    background-color: #fff;
    opacity: 1;
    transition: opacity 300ms ease;
    font-size: 1.5em;
    color: #000;
    font-size: 0;
}
.slider-nav .slick-prev:before,
.slider-nav .slick-next:before {
    content: '';
    font-size: 16px;
}
.slider-nav .slick-prev:hover,
.slider-nav .slick-next:hover {
    opacity: 0.5;
}
.slider-nav .slick-prev {
    left: unset;
    top: -20px;
}
.slider-nav .slick-next {
    top: unset;
    right: unset;
    bottom: -0px;
}
.slider-nav .slick-prev:before,
.slider-nav .slick-next:before {
  font-family: bootstrap-icons !important;
  color: #000;
}
.slider-nav .slick-prev:before {
    content: "\f286";
}
.slider-nav .slick-next:before {
    content: "\f282";
}
@media (max-width: 991px) {
   .product-image-container {
        padding: 0 0 30px 0;
    }     
}
@media (max-width: 767px) {
    .slider-nav  {display: none !important;}
    .slider-for {
        width: 100%;
        text-align: center;
    }
}


.product-reverse-container {
    display: flex;
    flex-direction: column;
}
.product-discription {font-size: 20px;}
.icon-box {
    height: 160px;
    display: flex;
    align-items: center;
    justify-content: center;
}
/*.icon-box img {
    height: 60px;
    width: auto;
}*/
.icon-box img {
    max-width: 90px;
}
.icon-box img.eh {
    height: 80px;
}
.icon-box img.w50p {
    width: 50px;
}
/*.product-discription h4 {
    font-weight: 400 !important;
}*/
.product-cta {
    padding: 60px 0 0;
}
.qty-price-container {
    display: flex;
    align-items: center;
    border: solid 2px #000;
    border-radius: 15px;
    font-size: 18px;
    font-weight: 600;
    height: 45px;
}
.product-page .qty-price-container {
    border-right: transparent;
    border-left: transparent;
    border-radius: 0;
}
.qty-box {
    width: 50%;
    border-right: solid 2px var(--color-green1);
    /*padding: 5px;*/
}
.bottom-bar .qty-box {
    width: 45%;
}
.qty-box select {
    height: 41px;
    border-radius: 15px 0 0 15px;
}
.qunatity-counter {
    text-align: center;
    font-size: 20px;
    display: flex;
    align-items: center;
}
.qunatity-counter .minus, .qunatity-counter .plus {
    width: 60px;
    height: 45px;
    border-right: solid 2px #000;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    font-size: 34px;
}
.qunatity-counter .plus {
    border-left: solid 2px #000;
}
.qunatity-counter input {
    width: 100%;
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
}
.price-box {
    width: 50%;
    padding: 5px;
}
.strike-price {
    margin-right: 15px;
    text-decoration: line-through;
    color: #939598;
}
.discount {
    color: var(--color-green2);
    line-height: 1;
    margin-right: 15px;
}

.bn-atc-ss .bas-child {
    width: 48%;
    /* width: 32%; */
}
.bn-atc-ss .bas-child .product-btn {
    width: 100%;
}
.bn-atc-ss .bas-child-full {
    width: 100%;
}
.product-btn {
    padding: 10px 30px;
    border: solid 2px #000;
    border-radius: 15px;
    background-color: transparent;
    height: 45px;
    text-transform: uppercase;
    font-weight: 600;
    color: #000;
    letter-spacing: 1px;
}
.product-btn:hover {
    background-color: var(--color-orange);
}
.product-btn.d-block {
    display: block;
    width: 100%;
}
.bn-atc-ss .bas-child .product-btn {
    padding: 10px 5px;
}
.bn-atc-ss .bas-child select.product-btn {
    padding-right: 10px;
    padding-left: 10px;
}
.product-select {
    position: relative;
}
.product-select select {
    appearance: none;
    -ms-appearance: none;
    -webkit-appearance: none;
    background-color: transparent;
    background-image: none;
    text-align-last:center;
    width: 100%;
    font-weight: 600;
    padding-right: 10px;
    padding-left: 10px;
    transition: all 0.3s;
}
.product-select select:hover {
    background-color: #e1a72e;
}
/*.product-select:after {
    font-family: bootstrap-icons !important;
    color: #000;
    content: '\f22c';
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    background-image: none;
}*/
.product-select option {
    background-color: #fff;
    border-radius: 50px !important;
}


/*=================*/

.select-hidden {
  display: none;
  visibility: hidden;
  padding-right: 10px;
}

.select {
  cursor: pointer;
  display: inline-block;
  position: relative;
  font-size: 16px;
  color: #000;
  width: 100%;
  height: 45px;
  border: solid 2px var(--color-green1);
  border-radius: 15px;
  background-color: #fff;
}
.qty-box .select {
    height: 41px;
}
.qty-box .select, .qty-box .select-styled {
    border:none;
    border-radius: 15px 0 0 15px !important;
}

.select-styled {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 9px 15px 8px 15px;
  -moz-transition: all 0.2s ease-in;
  -o-transition: all 0.2s ease-in;
  -webkit-transition: all 0.2s ease-in;
  transition: all 0.2s ease-in;
  border-radius: 15px;
  z-index: 2;
  transition: all 0s;
  text-transform: uppercase;
  font-weight: 600;
  text-align: center;
}
.select-styled:after {
    font-family: bootstrap-icons !important;
    color: #000;
    content: '\f22c';
    position: absolute;
    top: 21px;
    transform: translateY(-50%);
    right: 11px;
    background-image: none;
}
.select-styled:hover {
  background-color: #e1a72e;
}
.select-styled:active, .select-styled.active {
  background-color: #e1a72e;
}

.style-2 .select { 
  border-radius: 10px !important;
  border: solid 1px #000;
}
.style-2 .select-styled { 
  border-radius: 5px !important;
  text-align: left;
  text-transform: initial !important;
}
.style-2 .select-options { 
  border-width: 1px !important;
}

/*.select-styled:hover:after {
    top: 19px;
  content: '\f238';
}*/
.select-styled:active:after, .select-styled.active:after {
 top: 19px;
  content: '\f238';
}

.select-options {
  display: none;
  position: absolute;
  top: 20px;
  right: -2px;
  left: -2px;
  z-index: 999;
  margin: 0;
  padding: 20px 0 0;
  list-style: none;
  background-color: #fff;
  color: #000;
  border-radius: 0px 0px 20px 20px;
  border: 2px solid var(--color-green1);
  overflow: hidden;
  z-index: 1;
  text-align: left;
  text-transform: uppercase;
}
.bottom-bar .select-options {
  display: none;
  position: absolute;
  top: auto;
  bottom: 20px;
  right: -2px;
  left: -2px;
  z-index: 999;
  margin: 0;
  padding: 0 0 20px;
  list-style: none;
  background-color: #fff;
  color: #000;
  border-radius: 20px 20px 0px 0px;
  border: 2px solid var(--color-green1);
  overflow: hidden;
  z-index: 1;
  text-align: left;
  text-transform: uppercase;
}
.select-options li {
  margin: 0;
  padding: 12px 0;
  text-indent: 15px;
  border-bottom: 1px solid #ddd;
  -moz-transition: all 0.15s ease-in;
  -o-transition: all 0.15s ease-in;
  /* -webkit-transition: all 0.15s ease-in;
  transition: all 0.15s ease-in; */

}
.select-options li:hover {
  color: #000;
  /* background: #fff; */
  background: var(--color-orange);
}
.select-options li[rel="hide"] {
  display: none;
}

/*=================*/


.pincode {
    border: solid 2px var(--color-green1);
    border-radius: 50px;
    background-color: transparent;
    height: 45px;
    padding: 0 15px;
    width: 100%;
    text-align: center;
}

.bottom-bar {
    padding: 5px 0 15px;
    position: fixed;
    bottom: -100%;
    width: 100%;
    z-index: 11;
    transition: all 0.3s;
}
.bottom-bar.active {
    bottom: 0;
}
.bottom-bar label {
    font-weight: 500;
    font-size: 20px;
}
.bottom-bar .product-btn {
    padding-right: 15px;
    padding-left: 15px;
}
.bottom-bar .qty-price-container-fixed {
    max-width: 756px;
    /* max-width: 620px; */
    margin: 0 auto
}

/*@media (max-width: 1200px) {
    .discount {font-size: 15px;}
}*/
@media (max-width: 991px) {
    .md-text-center {text-align: center;}
}
@media (max-width: 767px) {
    .product-reverse-container {
        flex-direction: column-reverse;
    }
    .qty-box {
        width: 50%;
        flex: 0 0 50%;
    }
    .price-box {
        width: 50%;
        flex: 0 0 50%;
    }
    .qty-box, .price-box {
        font-size: 16px;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .strike-price {
        margin-right: 10px;
    }
    .discount {margin-right: 10px;}
    .qty-box, .product-select {
        width: 100%;
    }
    /*.qty-box .product-select {
        padding-right: 5px;
    }*/
    .qty-box .product-select:after {
        right: 3px;
    }
    .product-cta {
        padding: 40px 0;
    }
    .bn-atc-ss .bas-child {
        width: 43%;
        margin: 1rem 10px 0 10px !important;
    }
    .bn-atc-ss .bas-child .product-btn {
        margin-top: 0;
        font-size: 16px;
    }
    .bn-atc-ss .bas-child:nth-child(3) {
        width: 60%;
    }
    .bn-atc-ss .bas-child:last-child .product-btn {
        padding-right: 15px;
        padding-left: 15px;
    }
    .icon-box {
        height: auto;
        padding: 50px 0 30px;
    }
    .icon-box + h4 {
        margin-bottom: 30px;
    }
    .xs-text-center {text-align: center;}
    .slider-for .slick-prev,
    .slider-for .slick-next {
      top: auto;
      bottom: -38px;
      z-index: 9;
    }
    .slider-for .slick-prev:before,
    .slider-for .slick-next:before {
      font-family: bootstrap-icons !important;
      color: #000;
    }
    .slider-for .slick-prev {
        left:20%;
    }
    .slider-for .slick-next {
        right:20%;
    }
    .slider-for .slick-prev:before {
        content: "\f284" !important;
    }
    .slider-for .slick-next:before {
        content: "\f285" !important;
    }
    .bottom-bar .product-btn {
        margin-top: 10px;
    }
    .bottom-bar .qty-box .product-select {
        padding-right: 0;
    }
}

.fw-n {font-weight: 300;}
.testi-photo {
    display: inline-block;
    margin: 0 auto 20px;
    width: 60px;
    height: 60px;
}
.testi-photo img {
    border-radius: 50%;
    border: solid 2px #fff;
}
.product-page .slider_testimonials {padding: 0 30px;}
.product-page .slider_testimonials .slick-dots {left:0;}
.product-page .slider_testimonials .slick-prev:before,
.product-page .slider_testimonials .slick-next:before,
.before-after-slider .slick-prev:before,
.before-after-slider .slick-next:before,
.slider_testimonials .slick-prev:before,
.slider_testimonials .slick-next:before {
  font-family: bootstrap-icons !important;
  color: #fff;
}
.product-page .slider_testimonials .slick-prev:before, .slider_testimonials .slick-prev:before, .before-after-slider .slick-prev:before {
    content: "\f284" !important;
}
.product-page .slider_testimonials .slick-next:before, .slider_testimonials .slick-next:before, .before-after-slider .slick-next:before {
    content: "\f285" !important;
}
.before-after-slider .slick-prev:before,
.before-after-slider .slick-next:before {
  color: #000;
}
.product-page .slider_testimonials .slick-track {display: flex !important;}
.product-page .slider_testimonials .slick-track .slick-slide {height: auto; display: flex; flex-direction: column; justify-content: center;}
@media (max-width: 767px) {
    .product-page .slider_testimonials {padding: 0;}
}

.bg_orange {background-color:var(--color-orange)}
.bg_orange2 {background-color:#e1a82e}
.bg_green2 {background-color:var(--color-green2)}
.col_black {color: #000;}
.col_white {color: #fff;}
.fs18 {font-size: 18px;}
.fs22 {font-size: 22px;}

.toggle-btn .bi {font-size:24px;}
/*.toggle-box p {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
}*/
.more-text {
    display: none;
}

.more-text ol {
    counter-reset: list;
    margin: 0 0 20px 0;
    text-align: left;
}
.more-text ol > li {
    list-style: none;
    padding-left: 30px;
    position: relative;
}
.more-text ol > li:before {
    content: counter(list) ") ";
    counter-increment: list;
    position: absolute;
    top: 0;
    left: 0;
}
/*.toggle-box.toggle-text p {
    display: block;
    -webkit-line-clamp: auto;
    -webkit-box-orient: vertical;
    overflow: visible;
}*/
.drbwb {
    font-size: 22px;
    color: #000;
}
.toggle-btn {
    position: relative;
    width: 25px;
    height: 25px;
    text-decoration: none;
}
.toggle-btn:before {
    content: '\f229';
    font-family: bootstrap-icons !important;
    font-size: 24px;
}
.toggle-box.toggle-text .toggle-btn:before {
    content: '\f235';
}

.fav-bar-icon-box {color: #000;}
.fav-bar-icon {
    padding: 20px 0;
    display: block;
}
.fav-bar-icon img {
    width: auto;
    height: 60px;
}
.fav-bar-icon.reverse img {
    filter: invert(1);
}
.fw400 {font-weight: 400 !important}

.ingradient-image {
    position: relative;
}
.dot-connector {
    display: none;
    position: absolute;
    z-index: 9;
}
@media (min-width: 1200px) {
    .dot-connector {
        display: block;
        top: 176px;
        right: -78px;
    }
}
@media (min-width: 1400px) {
    .dot-connector {
        top: 178px;
        right: -85px;
    }
}
@media (min-width: 992px) and (max-width: 1200px) {
    .ssh {font-size: 1rem;}
}
.bg-white.rfull:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    background-color: #fff;
    width: 50%;
    height: 100%;
}
.ingradient-h4 {
    padding: 3px 10px;
    border: solid 2px var(--color-green2);
    display: inline-block;
    width: auto;
    line-height: 1;
    font-size: 1.4rem;
    font-weight: 700;
    border-radius: 10px;
    margin-left: -15px;
}
.ul-dash {
    list-style: none;
    padding: 0;
    margin: 5px 0;
}
.ul-dash li {
    position: relative;
    padding-left: 20px;
    text-align: left;
}
.ul-dash li:before {
    content: '';
    position: absolute;
    top: 10px;
    left: 0;
    width: 10px;
    height: 1px;
    background-color: #000;
}
.se-box {
    width: 100%;
}
.se-1, .se-2, .se-3 {
    padding: 25px;
    display: flex;
    align-items: center;
    font-weight: 600;
    text-align: left;
    font-size: 19px;
}
.se-1 {width: 50%; background-color: #fbae2c;}
.se-2 {width: 40%; font-weight: 700; background-color: #46b6a3;}
.se-3 {width: 10%; background-color: #7dccc0;}
.se-3 span {transform: rotate(-90deg) translateY(-41px); white-space: nowrap;}

@media (max-width: 1420px) {
    .ingradient-h4 {
        font-size: 1.1rem;
    }
}
@media (min-width: 992px) and (max-width: 1199px) {
    .ingradient-h4 {font-size: 0.9rem;}
    .se-1, .se-2, .se-3 {font-size: 15px;}
}
@media (max-width: 991px) {
    .bg-white.rfull {
        position: relative;
    }
    .bg-white.rfull:before {
        content: '';
        position: absolute;
        top: 0;
        right: -25%;
        background-color: #fff;
        width: 150%;
        height: 100%;
    }
    .ul-dash {
        /*max-width: 230px;*/
        margin: 10px auto 0 auto;
    }
    /*.ul-dash li {
        display: inline-block;
    }*/
}
@media (max-width: 767px) {
    .archieves-container {
        margin-bottom: 30px;
    }
    .ingradient-h4 {
        margin-left: 0;
    }
    .bg-white.rfull:before {
        right: 0;
        width: 100%;
    }    
    .se-box {
        height: auto;
        margin: 10px auto 0 auto;
    }
    .se-1, .se-2, .se-3 {
        padding: 15px;
        font-size: 14px;
    }
    .se-3 span {
        transform: rotate(-90deg) translateY(-32px);
    }
    .ssh {
        text-align: left;
        width: auto;
        display: inline-flex;
        margin: 0 auto 10px;
        font-size: 34px;
    }
}


.recipe-carousel .slide {
    padding: 10px;
}
.recipe-carousel .slide .recipe-description {
    display: none;
}
.recipe-carousel .slide.slick-current .recipe-description {
    display: block;
    width: 200%;
}
.recipe-carousel .recipe-description p {
    margin-bottom: 10px;
}
.recipe-description {
    padding: 15px 0 0;
    color: #000;
}
.recipe-description .strike-price {
    color: var(--col_green1);
}

.recipe-carousel .btn {
    border-radius: 5px;
    padding: 7px 10px;
    margin: 0 auto;
    line-height: 1;
}
.recipe-carousel .slick-prev,
.recipe-carousel .slick-next {
  top: 40%;
}
.recipe-carousel .slick-prev:before,
.recipe-carousel .slick-next:before {
  font-family: bootstrap-icons !important;
  color: #000;
}
.recipe-carousel .slick-prev:before {
    content: "\f284" !important;
}
.recipe-carousel .slick-next:before {
    content: "\f285" !important;
}
.recipes-section h2 {width: 150px;}

@media (max-width: 767px) {
    .recipes-section h2 {width: 100%;}    
    .recipe-carousel .slide .recipe-description {display: block;}
    .recipe-carousel .slide.slick-current .recipe-description {width: 100%;}
}
@media (max-width: 500px) {
    .recipe-carousel {margin: 0 20px !important;}
    .recipe-carousel .slick-dots {width: 100%;}
    .recipes-section h2 {width: 100%;}
}


.faqs .accordion-item {
    border: none;
    background-color: transparent;
}
.faqs .accordion-button {
   padding: 0.5rem 1.25rem;
}
.faqs .accordion-button,
.faqs .accordion-button:not(.collapsed) {
    color: #fff;
    background-color: transparent;
    box-shadow: none;
    padding-left: 30px;
    font-size: 20px;
}
.faqs .accordion-button::after {
    font-family: bootstrap-icons !important;
    content: '\f229';
    margin-left: 0;
    position: absolute;
    top: 8px;
    left: 0;
    color: #fff;
    background: none;
}
.faqs .accordion-body {
    padding: 1rem 2.25rem;
    /* font-size: 18px; */
    text-align: left;
}

.recipe-carousel.also-love-carousel  .slide .recipe-description {
    display: block;
    text-align: center;
}
.recipe-carousel.also-love-carousel  .slide .recipe-description h4,
.recipe-carousel.also-love-carousel  .slide .recipe-description p {
    color: var(--color-green1);
    font-size: 16px;
    font-weight: 400 !important;
}
.recipe-carousel.also-love-carousel  .slide img {
    display: inline-block;
}
.recipe-carousel.also-love-carousel .slide.slick-current .recipe-description {width: 100%;}


@media screen and (min-width: 992px) and (max-height: 600px) {
    .slider-nav {width: 55px;}
    .slider-for {padding: 0 50px;}
    .product-page .h2 {font-size: 30px; margin-bottom: 10px !important;}
    .product-discription {font-size: 16px;}
    .icon-box {padding: 20px 0; height: 70px;}
    .icon-box img {height: 35px;}
    .icon-box img.eh {height: 50px;}
    .product-discription h4 {font-size: 18px;}
    .product-cta {padding-top: 25px;}
}
@media (max-width: 767px) {
    .drbwb.pt-5, .yfbi.pt-5 {padding-top: 2rem !important;}
    .drbwb.pb-5, .yfbi.pb-5 {padding-bottom: 2rem !important;}
    .ing-img {padding: 0rem !important;}
    .ing-img {}
    .faqs {padding-top: 1rem !important; padding-bottom: 1rem !important;}
    .position-relative.pt-5 {padding-top: 0 !important;}
    .position-relative.pb-5 {padding-bottom: 0 !important;}
}

video {
  width: 100%;
  max-height: 100%;
}
.video-container {
    position: relative;
}
.video-control {
    position: absolute;
    top: 45%;
    left: 50%;
    transform: translate(-50%, -45%);
    width: 40px;
    height: 40px;
    z-index: 9;
}
.video-control button {
    background-color: transparent;
    padding: 0;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 60px;
    color: #ee1c25;
}

.os-note {font-size: 0.9rem;}
@media (max-width: 767px) {    
    .checkout .bag_list.os h4 {
        font-size: 1rem;
    }
}

/*================
My Account Pages
===================*/

.ma-tab {
    list-style: none;
    padding: 0;
    width: 100%;
	display:flex;}
	
.ma-tab li {
    padding: 0 10px;
    flex: 1;
}
.ma-tab li a {
    width: 100%;
    padding: 10px;
    text-align: center;
    border: solid 1px #000;
    display: block;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 500;
    transition: all 0.3s;
    white-space: nowrap;
	font-size:20px;
}
.ma-tab li a:hover, .ma-tab li a.active {
    background: var(--color-orange2);}
	
@media(max-width:575px){
	.ma-tab {
	display:block;}
	
	.ma-tab li {
    padding:3px 0;
    flex-basis: 100%;}	
}	

/*=== My Account Table ===*/

.my_acc_table {
    border-collapse: separate;
    border-spacing: 0; 
	color:#000;
	border:1px solid #000;
    border-radius:20px;
	width: 100%;}

.my_acc_table tr th,
.my_acc_table tr td {
  border-right: 1px dashed #000;
  border-bottom: 1px dashed #000;
  padding: 5px;}

.my_acc_table tr th {	
    background-color:#f1f1f2;
	padding:5px 15px;
	text-align:center;}

.my_acc_table tr td {
	padding:20px 15px;
	border-width:0 0 1px 0;}
	
.my_acc_table tr th:first-child,
.my_acc_table tr td:first-child {
  border-left: 1px dashed #000;}	
	
.my_acc_table tr:first-child th:first-child {
  border-top-left-radius: 20px;
  border-width:0 1px 1px 0;
  font-size:19px;}

.my_acc_table tr th:last-child {
  width: 215px;
}
.my_acc_table tr:first-child th:last-child {
  border-top-right-radius: 20px;
  border-width:0 0 1px 0;
}
  
 .my_acc_table tr th:last-child {
  border-width:0 0 1px 0;} 

/* .my_acc_table tr:last-child td:first-child {
  border-bottom-left-radius: 20px;
  border-width:0 1px 0 0;}

.my_acc_table tr:last-child td:last-child {
  border-bottom-right-radius: 20px;
  border-width:0 0 0 0;}	
  
  .my_acc_table tr td:first-child {
	  border-width:0 1px 1px 0; } */

      .my_acc_table tr:last-child td:first-child {
        border-bottom-left-radius: 20px;
        border-width:0 0 0 0;}

      .my_acc_table tr:last-child td:last-child {
        border-bottom-right-radius: 20px;
        border-width:0 0 0 0;}	

      .my_acc_table tr td:first-child {
        border-width:0 0 1px 0; }
	  
.my_acc_table tr:last-child td {
  border-width:0 0 0 0;}		  
  
/*==*/

.my_acc_table tr th .th_data {
	font-weight:500;
	font-size:16px;
	color:var(--color-green1);
	display:block;}
	
.my_acc_table .btn-sm {
	letter-spacing:0;}	
	
.checkout .my_acc_table .btn{
	font-weight:400;}

.my_acc_table .ma_prod_img {
	max-width:80px;}

/*===*/

.my_acc_table .addressee_person {
	position:relative;}

.my_acc_table .ap_inner {
	font-weight:500;
	font-size:16px;
	color:var(--color-green1);
	cursor:pointer;}

.my_acc_table .delevery_address {  
  display: none;
  position:absolute;
  top:60px;
  right:0;
  border:1px solid #000;
  background-color:#e0a72e;
  padding:10px 20px;
  min-width:250px;
  border-radius:10px;
  text-align:left;
  font-weight:400;
  font-size:14px;}

.my_acc_table .bi {
  transition: transform .2s;
}

.my_acc_table .bi.active {
  transform: rotate(180deg);
}

/*===== My Order On Mobile ===*/

.My_order_mobile {
	list-style:none;}
	
.My_order_mobile li {
	border-bottom:1px solid var(--color-gray1);
	padding-bottom:20px;
	margin-bottom:10px;}

.My_order_mobile .ma_prod_img {
	max-width:80px;}	
	
.My_order_mobile .btn-link {
	text-decoration:none;
	color:#000;}
	
.checkout .My_order_mobile .btn {
	letter-spacing:none !important;}

/*==*/
.My_order_mobile .btn-link.collapsed .bi-caret-down-fill{ display:inline-block}
.My_order_mobile .btn-link.collapsed .bi-caret-up-fill{display:none}

.My_order_mobile .btn-link .bi-caret-down-fill{ display:none}
.My_order_mobile .btn-link .bi-caret-up-fill{display:inline-block}

/*==*/

.myOrders_on_mobile {display:block;}
.myOrders_on_desktop{display:none;}

@media(min-width:768px){
.myOrders_on_mobile {display:none;}
.myOrders_on_desktop{display:block;}
}

/*=================
My Subscriptions
=================*/

.ma-tab-sub {
    list-style: none;
    padding: 0;
    max-width:500px;
	display:flex;}
	
.ma-tab-sub li {
    padding: 0 5px;
    flex: 1;
}
.ma-tab-sub li a {
    width: 100%;
    padding: 10px;
    text-align: center;
    border: solid 1px #000;
    display: block;
    border-radius: 10px;
    text-decoration: none;
    font-weight: 600;
    transition: all 0.3s;
    white-space: nowrap;
	font-size:14px;
	color:#000;}
	
.ma-tab-sub li a:hover, .ma-tab-sub li a.active {
    background: var(--color-orange2);}
	
@media(min-width:577px){
	.ma-tab-sub li a {    
	font-size:20px;}
}

/*=== My Suscription Table ===*/

.my_subscri_table {
    border-collapse: separate;
    border-spacing: 0; 
	color:#000;
	border:1px solid #000;
    border-radius:20px;
	width: 100%;}

.my_subscri_table tr th,
.my_subscri_table tr td {
  border-right: 1px dashed #000;
  border-bottom: 1px dashed #000;
  padding: 5px;}

.my_subscri_table tr th {	
	padding:10px 8px;
	text-align:center;
	border-width:0 1px 0 0;}

.my_subscri_table tr td {
	padding:15px 8px;
	border-style:dashed;
	border-color:#000;
	border-width:1px 0 0 1px;}	
	
.my_subscri_table tr:first-child th:first-child {
  border-top-left-radius: 20px;
  border-width:0 1px 0 0;}

.my_subscri_table tr:first-child th:last-child {
  border-top-right-radius: 20px;
  border-width:0 0 0 0;}  

.my_subscri_table tr:last-child td:first-child {
  border-bottom-left-radius: 20px;
  border-width:1px 0 0 0;}

.my_subscri_table tr:last-child td:last-child {
  border-bottom-right-radius: 20px;
  border-width:1px 0 0 1px;}
  
  .my_subscri_table tr td:first-child {
  border-width:1px 0 0 0;} 
  
/*===*/  
 
 .my_subscri_table tr.active_dates td {
	 padding:0;}
	 
.my_subscri_table tr.active_dates td table{
	 width:100%;
	 border-collapse:seperate;}

.my_subscri_table tr.active_dates td table tr td{
	 width:16.6666667%;
	 text-align:center;
	 padding:10px 20px;
	 font-size:14px;
	 color:var(--color-green1)}
	 
.my_subscri_table tr.active_dates td table tr .is_done {
	position:relative}
	
.my_subscri_table tr.active_dates td table tr .is_done:before {
	content:'\2713';
	font-size:30px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%)}

.my_subscri_table .fill_gray {
	background-color:#f1f1f2;
}

/*==*/
	
.my_subscri_table dl {
  display: grid;
  grid-template-columns: max-content auto;
  color:var(--color-green1);}

.my_subscri_table dt {
  width:100px;
  margin-bottom:0;}

.my_subscri_table dd {
	margin-bottom:0;
}	
  
/*==*/

.my_subscri_table tr th .th_data {
	font-weight:500;
	font-size:16px;
	color:var(--color-green1);
	display:block;}
	
.my_subscri_table .btn-sm {
	letter-spacing:0;}	
	
.checkout .my_subscri_table .btn{
	font-weight:400;}

.my_subscri_table .ma_prod_img {
	max-width:80px;}
	
	

/*===*/

.my_subscri_table .addressee_person {
	position:relative;}

.my_subscri_table .ap_inner {
	font-weight:500;
	font-size:16px;
	color:var(--color-green1);
	cursor:pointer;}

.my_subscri_table .delevery_address {  
  display: none;
  position:absolute;
  top:60px;
  right:0;
  border:1px solid #000;
  background-color:#e0a72e;
  padding:10px 20px;
  min-width:250px;
  border-radius:10px;
  text-align:left;
  font-weight:400;
  font-size:14px;}

.my_subscri_table .bi {
  transition: transform .2s;
}

.my_subscri_table .bi.active {
  transform: rotate(180deg);
}	
	
	
/*=== My Suscription Table EXPIRED ===*/

.my_subscri_table.expired {
    background-color:#f1f1f2;}	
	
.my_subscri_table.expired td:nth-child(2) {
	border-left:0px solid red;}

.my_subscri_table.expired td:nth-child(3) {
	border-left:0px solid red !important;}	

/*==== My Subscription on Mobile ====*/	

.sbsc_next_delivery {
	border-radius:10px;
	text-align:center;
	background-color:var(--color-green1);
	padding:10px 0 10px 10px;
	color:#fff;}
	
.my_sub_mob_list {
	padding:20px 10px;
	border:1px solid #ccc;
	border-radius:10px;
	padding:20px;}
	
.my_sub_mob_list .item {
	background-color:#fff;
	display:inline-block;
	position:relative;
	padding:0 10px 0 0;
	font-weight:700;
	z-index:3;}
	
.my_sub_mob_list .item_line {
	height:1px;
	width:100%;
	position:absolute;
	z-index:1;
	border-top:1px dashed #111;
	top:50%;}	
	
.my_sub_mob_list .item_content {
	background-color:#fff;
	float:right;
	width:130px;
	position:relative;
	z-index:3;
	padding-left:10px;}

/*==*/	

.table_active_sub_mobile {
	width:100%;
	border-collapse:separate;
	border-top-left-radius: 10px;
	border-spacing: 0px;}
	
.table_active_sub_mobile tr td {
	padding:15px 10px;
	border:1px solid #ccc;
	position:relative;}	
		
.table_active_sub_mobile tr:first-child td:first-child {
  border-top-left-radius: 10px;}

.table_active_sub_mobile tr:first-child td:last-child {
  border-top-right-radius: 10px;}  

.table_active_sub_mobile tr:last-child td:first-child {
  border-bottom-left-radius: 10px;}

.table_active_sub_mobile tr:last-child td:last-child {
  border-bottom-right-radius: 10px;}
  
 .table_active_sub_mobile tr .is_done {
	  position:relative  }	
  
.table_active_sub_mobile tr .is_done:before {
	content:'\2713';
	font-size:20px;
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%)} 

.review-mob-container {
    padding: 30px 0;
    background: #f0f0f0;
}

.subscription-card {
    border-radius: 29px;
    border: #143f30 solid 2px;
    overflow: hidden;
}
.card-image {border-bottom: solid 2px #143f30;}
.subscription-title {
    font-size: 1.6rem;
    font-weight: 400 !important;
}
.subscription-amount {
    font-size: 1.7rem;
    font-weight: 600 !important;
}
.subscription-label {
    font-size: 1.2rem;
}
.border-input.datepicker, .border-input {
    border-radius: 15px !important;
    border-width: 2px;
    height: 45px;
    border-color: #000;
    padding: 0 20px;
    background: transparent;
}
.border-input ~ .input-group-addon {
    border-radius: 15px;
    height: 45px;
    border: #000 solid 2px;
    padding: 0 10px;
    line-height: 43px;
}
.subscription-card .product-btn {
    padding-right: 5px;
    padding-left: 5px;
}

@media (min-width:992px) {    
    .subscription-card .card-body {
        padding: 15px 40px;
    }
    .subscription-card .product-btn {
        padding-right: 10px;
        padding-left: 10px;
    }
}
@media (min-width:1024px) {
    .subscription-container {
        padding: 0 50px;
    }
}
  
.input-group.theme .input-group-text {
    padding: 10px 15px;
    background: #fff;
    border: solid 2px #0e3e30;
    border-radius: 15px;
    font-size: 1.2rem;
}
.input-group.theme .input-group-text img {
    width: 30px;
}
.input-group.theme .input-group-text:last-child {
    width: 350px;
    justify-content: center;
}

@media (max-width:767px) {
    .input-group.theme .input-group-text {
        padding: 5px;
        font-size: 1rem;
    }
    .input-group.theme .input-group-text:last-child {
        width: 280px;
        justify-content: center;
    }
}
	
	
.bg-gray {
    background: #f1f1f2;
}
.select.text-start ~ .select-styled {
    text-align: left !important;
}
.contact-form .select {
    background: #f1f1f2 !important;
}
textarea.border-input {
    height: 228px;
}
@media (max-width:767px) {
    .contact-form .select, textarea.border-input, .border-input {
        background: #fff !important;
    }
}

.searchbox {
    position: relative;
}
.searchbox .form-control {
    padding-right: 40px;
}
.searchbox img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 15px;
    width: 25px;
}

.blog-card {
    border-radius: 20px;
    border: #143f30 solid 2px;
    overflow: hidden;
    height: calc(100% - 30px);
}
.blog-card .card-image {
    border: none;
    position: relative;
    padding-bottom: 60%;
}
.blog-card .card-image img {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.blog-card .card-body {
    padding: 10px 20px 20px;
}
.blog-card .card-body .date, .blog-date {
    color: #143f30;
}
.blog-title {
    padding: 10px 0;
}
.blog-card .btn {
    font-weight: 600;
    letter-spacing: 0;
    border-radius: 10px;
    padding: 12px 15px;
}

.page-link {
    border: none;
    color: #000;
    border-radius: 5px;
}
.page-item.active .page-link {
    background: #e0a82d;
    border-color: #e0a82d;
    color: #000;
}

.subscribe-newsletter-container {
    max-width: 633px;
    margin: 0 auto;
}
.subscribe-newsletter-container .btn {
    height: 45px;
}

@media (max-width:767px) {
    .blog-card .card-body, .subscribe-newsletter-container {
        text-align: center;
    }
}

.social-share {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.social-share li {
    padding: 10px;
}
.social-share li a {
    padding: 10px 30px;
    border-radius: 10px;
    border: solid 2px #000;
}

.blog-comment-form {
    background: #0f3e2f;
    color: #fff;
}
.blog-comment-form .form-control {
    background: transparent;
    border-color: #fff;
    border-radius: 10px;
    font-weight: 300;
}
.blog-comment-form .form-control::-webkit-input-placeholder { /* Edge */
    color: rgba(255,255,255,0.6);
  }
  
  .blog-comment-form .form-control:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: rgba(255,255,255,0.6);
  }
  
  .blog-comment-form .form-control::placeholder {
    color: rgba(255,255,255,0.6);
  }
  .blog-comment-form .btn {
    border-radius: 10px;
}

@media (max-width:767px) {
    .blog-comment-form .fw-light {
        font-size: 85%;
    }
    .blog-comment-form .btn {
        padding: 5px 10px;
    }

    .social-share li {
        padding: 5px;
    }
    .social-share li a {
        padding: 10px 15px;
        border-radius: 10px;
        border: solid 2px #000;
    }
}

.blog-slider-item {margin: 0 10px;}
.blog-slider .slick-prev:before, .blog-slider .slick-next:before {
    color: #000;
}
.blog-slider .slick-prev {
    left: 0;
}
.blog-slider .slick-next {
    right: 0;
}

.filter-btn {
    height: 45px;
    border-width: 2px;
    padding: 0 10px;
}
.filter-btn .bi {
    font-size: 20px;
    font-weight: 600;
}
.border-h2 {
    display: inline;
    /* border: solid 2px var(--color-green2); */
    /* padding: 8px 15px; */
    padding-block: 8px;
    /* border-radius: 15px; */
    font-size: 24px;
}

.product-card {
    /* border-radius: 20px;
    border: solid 2px #000;
    padding: 15px; */
    border: none;
    padding: 0;
}

.cart-box-content .bs_prod_disc {
    padding: 15px;
}
.product-card .card-body {
    font-size: 1.5rem;
    color: var(--color-green2);
}
.product-card .card-title {
    font-size: 2rem;
}
.product-card .strike-price, .product-card .price {
    color: var(--color-green2);
}
.product-card .btn {
    padding: 10px 30px;
    font-size: 1rem;
    letter-spacing: 0;
}
.product-card .btn-orange {border:none;}


.cart-box-content .product-card {
    padding: 0;
}
.cart-box-content .product-image {
    padding: 15px;
}
.cart-box-content .bs_prod_disc {
    padding: 0 15px 5px !important;
}
.cart-box .product-card .btn-orange {
    border-radius: 0;
    border-top: solid 1px #000;
}
@media (max-width:767px) {
    .cart-box .product-card {
        border-radius: 0;
    }
    .cart-box-content .product-image {
        padding: 0 0 5px;
    }
    .cart-box-content .bs_prod_disc {
        padding: 0 0 5px !important;
    }
    .cart-box .product-card .btn-orange {
        font-size: 13px;
        padding: 5px;
        /* border-radius: 5px; */
        border: solid 1px #000;
    }
    .cart-box .price {
        margin-bottom: 0;
    }
    .cart-box .bs_prod_disc h4 {
        font-size: 17px;
    }
}


.green-dots.recipe-carousel .slick-dots {
    bottom: 0;
}
.green-dots.recipe-carousel .slick-dots li, .green-dots.recipe-carousel .slick-dots li button {
    width: 22px;
    height: 22px;
}
.green-dots.recipe-carousel .slick-dots li button:before {
    content: '';
    background: #fff;
    border: solid 1px var(--color-green2);
    border-radius: 100%;
    width: 13px;
    height: 13px;
    opacity: 1;
}
.green-dots.recipe-carousel .slick-dots li.slick-active button:before {
    content: '';
    background: var(--color-green2);
    border: none;
    border-radius: 100%;
    width: 13px;
    height: 13px;
    opacity: 1;
}
/* @media (min-width:1024px) {
.archieves-container .recipe-carousel .slick-track {width: 100% !important;}
} */
@media (max-width:767px) {
    .product-card {
        border: none;
        padding: 5px;
    }
    .product-card .btn {
        padding: 8px 10px;
        font-size: 1.3rem;
    }
    .archieves-container .recipe-carousel {
        margin: 0;
    }    
    .archieves-container .recipe-carousel .slick-prev {
        left: 0;
        z-index: 99999;
    }  
    .archieves-container .recipe-carousel .slick-next {
        right: 0;
        z-index: 99999;
    } 
    .archieves-container .recipe-carousel .slick-prev:before, .archieves-container .recipe-carousel .slick-next:before {
        font-size: 2rem;
        
    }
    .green-dots.recipe-carousel .slick-dots li, .green-dots.recipe-carousel .slick-dots li button {
        width: 14px;
        height: 14px;
    }
    .green-dots.recipe-carousel .slick-dots li button:before,
    .green-dots.recipe-carousel .slick-dots li.slick-active button:before {
        width: 8px;
        height: 8px;
    }
}


.about-text {
    margin-top: 70px;
    font-size: 2.5rem;
    line-height: 1.4;
    font-weight: 500;
}
mark {
    background: var(--color-orange);
}
.btn-outline-primary {
    border-color: var(--color-green2);
    border-width: 2px;
    color: #000;
}
.btn-outline-primary:hover {
    border-color: var(--color-green2);
    background-color: var(--color-green2);
    color: #fff !important;
}
.btns-container .btn {
    border-radius: 10px;
    border-width: 2px;
    padding: 10px 5px;
    text-transform: uppercase;
    letter-spacing: 0;
    font-size: 1rem;
    display: flex;
    height: 100%;
    align-items: center;
    justify-content: center;
}
.ab-text {
    font-size: 2rem;
    color: #000;
    line-height: 1.4;
}
.vision-container {
    background-color: var(--color-green2);
    padding: 20px;
    position: relative;
}
.fs-1-b {
    font-size: 40px;
}
.mission-container h4 {font-size: 1rem;}
.mission-icons {
    display: flex;
    flex-wrap: wrap;
}
.mission-icons .col {
    flex: 0 0 auto;
    width: 50%;
}
@media (max-width:767px) {
    .mission-container .ab-text {
        text-align: center;
    }
}
/*.about-meena {
    padding-left: 400px;
    padding-top: 150px;
    background: url(../img/about/meena-jain.png) no-repeat top left;
    background-size: 325px;
    min-height: 500px;
    color: var(--color-green2);
}*/
.about-meena .btn {
    color: var(--color-green2);
}
.about-meena .btn:hover {
    color: var(--color-green2) !important;
    background-color: #fff;
}
.collapse-container .container {
    margin-top: -100px;
    margin-bottom: 60px;
}
.collapse-container .card {
    margin-top: -2px;
    font-size: 1.2rem;
    z-index: 9999;
    /* position: relative; */
    border-radius: 25px;
    border: solid 2px var(--color-green2);
}
.collapse-btn {
    margin-left: 400px;
    border-radius: 15px 15px 0 0;
    position: relative;
    background: #fff;
}
.collapse-btn:hover {
    background: #fff;
    color: #000 !important;
}
.collapse-btn:after {
    content:'';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    z-index: 999999;
}
.collapse-btn.collapsed {
    border-radius: 15px;
    background: transparent;
}
.collapse-btn.collapsed:after {
    display: none;
}


/* ========= */
/*.about-sahil {
    padding-right: 400px;
    padding-left: 100px;
    padding-top: 100px;
    background: url(../img/about/sahil-jain.png) no-repeat bottom right;
    background-size: 325px;
    min-height: 500px;
}*/
.collapse-container-sahil {
    position: relative;
}
.collapse-container-sahil:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: calc(100% - 60px);
    background-color: var(--color-green2);
    z-index: -1;
}
.collapse-container-sahil .container {
    margin-top: -100px;
    margin-bottom: 60px;
}
.collapse-container-sahil .card {
    margin-top: -2px;
    font-size: 1.2rem;
    z-index: 9999;
    /* position: relative; */
    border-radius: 25px;
    border: solid 2px var(--color-green2);
}
.collapse-container-sahil .collapse-btn {
    margin-left: 100px;
    border-radius: 15px 15px 0 0;
    position: relative;
    background: #fff;
}
.collapse-container-sahil .collapse-btn:hover {
    background: #fff;
    color: #000 !important;
}
.collapse-container-sahil .collapse-btn:focus {
    color: #fff !important;
}
.collapse-container-sahil .collapse-btn:after {
    content:'';
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background: #fff;
    z-index: 999999;
}
.collapse-container-sahil .collapse-btn.collapsed {
    border-radius: 15px;
    background: transparent;
    border:solid 2px #fff;
    color: #fff;
}
.collapse-container-sahil .collapse-btn.collapsed:after {
    display: none;
}
.faqs.ocv .accordion-button, .faqs.ocv .accordion-button:after {color: #000;}

.count-number {
    font-size: 70px;
}
.ab-btn-cntr .btn {
    border-width: 2px;
    font-size: 1.4rem;
}
.our-story .green-dots.recipe-carousel .slick-dots {
    bottom: -35px;
}
.our-story .slick-track {
    display: flex !important;
}

.our-story .slick-slide {
    height: inherit !important;
}
.our-story .slick-slide .card {
    height: 100%;
}

.steps {
    list-style: none;
    padding: 0;
    margin: 40px 0 0;
    display: flex;
}
.steps li {
    width: 33.33%;
    padding: 20px 50px;
    text-align: center;
    position: relative;
}
.steps li:before {
    content: '';
    position: absolute;
    top: 100px;
    left: 62%;
    width: 70%;
    height: 2px;
    background-color: #000;
}
.steps li:last-child:before,
.steps li:last-child:after {
    display: none;
}
.steps li:after {
    content: '';
    position: absolute;
    top: 87px;
    right: 0;
    content: "\f285" !important;
    font-family: bootstrap-icons !important;
    color: #000;
    font-weight: 700;
    font-size: 1.2rem;
}
.step-number {
    font-size: 40px;
    font-weight: bold;
}
.step-icon {
    height: 80px;
}
.step-icon img {
    width:auto;
    height: 60px;
}
.step-text {
    font-size: 1.4rem;
}
@media (min-width:992px) {
    .vision-container {
        background-color: transparent;
        padding: 0;
    }
    .vision-container .container {
        background-color: var(--color-green2);
        padding: 40px;
        border-radius: 20px;
    }
    .vision-container:before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 50px;
        background: var(--color-gray2);
        z-index: -1;
    }
    .mission-icons .col {
        flex: 0 0 auto;
        width: 12.5%;
    }
}
@media (max-width:991px) {
    /*.about-meena {
        padding-left: 300px;
        padding-top: 100px;
        background: url(../img/about/meena-jain.png) no-repeat top left;
        background-size: 225px;
        min-height: 500px;
        color: var(--color-green2);
    }*/
    .collapse-btn {
        margin-left: 300px;
    }
    /*.about-sahil {
        padding-left: 0;
        padding-top: 0px;
        background: url(../img/about/sahil-jain.png) no-repeat bottom right;
        background-size: 225px;
        min-height: 500px;
    }*/
    .collapse-container-sahil  .collapse-btn {
        margin-left: 50px;
    }
}
@media (max-width:767px) {
    .about-text {
        font-size: 1.5rem;
        text-align: center;
        margin-top: 10px;
    }
    .ab-text {
        font-size: 1.5rem;
    }
    .fs-1-b {
        padding: 0 50px;
    }
    /*.about-meena {
        padding-left: 20px;
        padding-right: 150px;
        padding-top: 0px;
        background: url(../img/about/meena-jain-2.png) no-repeat bottom right;
        background-size: 150px;
        min-height: 400px;
        color: var(--color-green2);
    }*/
    .about-meena .fs-3 {
        font-size: 0.9rem !important  ;
        line-height: 1.4;
    }
    .collapse-btn {
        margin-left: 25px;
    }

    /*.about-sahil {
        padding-right: 0;
        padding-left: 150px;
        padding-top: 0;
        background: url(../img/about/sahil-jain.png) no-repeat bottom left;
        background-size: 200px;
        min-height: 500px;
    }*/
    .about-sahil .fs-3 {
        font-size: 0.9rem !important  ;
        line-height: 1.4;
    }
    .collapse-container-sahil {
        text-align: right;
    }
    .collapse-container-sahil  .collapse-btn {
        margin-left:0;
        margin-right: 20px;
    }

    .steps {
        flex-wrap: wrap;
    }
    .steps li {
        width: 100%;
        padding-bottom: 50px;
    }
    /* .steps li:before,
    .steps li:after {
        display: none;
    } */

    .steps li:before {
        width:1px;
        height: 60px;
        left: 50%;
        transform: translateX(-50%);
        top: auto;
        bottom: 0;
    }
    .steps li:after {
        content: "\f282" !important;
        font-family: bootstrap-icons !important;
        color: #000;
        top: auto;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        bottom: -10px;
    }
}


.hero-testi {
    margin-top: 50px;
    padding: 50px 60px;
    background: var(--color-orange);
    color: #000;
    font-size: 1.5rem;
    border-radius: 20px;
    position: relative;
    width: 70%;
}
.hero-testi-container {
    width: 90%;
    height: 100%;
    min-height: 500px;
    background: url(../img/testimonials/banner-img.png) no-repeat bottom right;
    background-size: 300px;
}
.hero-testi-container.hero-consultation-container {
    width: 100%;
    height: 100%;
    min-height: 480px;
    background: url(../img/consultation/meena-jain.png) no-repeat bottom right;
    background-size: 350px;
}
.hero-testi-container.hero-consultation-container .hero-testi {
    width: 77%;
    margin-top: 114px;
}
@media (max-width:600px) {
    .hero-testi-container.hero-consultation-container .hero-testi {
        width: 63%;
        margin-bottom: 10px;
    }
}
.quote-top, .quote-bottom {
    position: absolute;
    width: 80px;
}
.quote-top {
    top: -30px;
    left: -30px;
}
.quote-bottom {
    bottom: -30px;
    right: 30px;
}
.hero-testi-btns {
    width: 75%;
    margin-bottom: 50px;
}
.hero-testi-btns .btn {
    padding: 10px;
    width: 40%;
    border-radius: 10px;
    font-size: 1.5rem;
}
.hero-testi-img {
    margin-left: -80px;
}
@media (max-width:992px) {
    .hero-testi-container.hero-consultation-container {
        background-size: 300px;
    }
}
@media (max-width:767px) {
    .hero-testi-container {
        width: 100%;
        height: 100%;
        background: url(../img/testimonials/banner-img.png) no-repeat bottom right;
        background-size: 150px;
        min-height: 300px;
    }
    .hero-testi-container.hero-consultation-container {
        min-height: 283px;
        background-size: 46%;
        background-position-x: 112%;
    }
    .hero-testi {
        margin-top: 0;
        padding: 20px 30px;
        font-size: 1rem;
        border-radius: 20px;
        position: relative;
        width: 58%;
    }
    .hero-testi-container.hero-consultation-container .hero-testi {
        margin-top: 50px;
    }
    .hero-testi .fs-4 {
        font-size: 16px !important;
    }
    .hero-testi-btns {
        width: 100%;
        margin-bottom: 50px;
    }
    .hero-testi-btns .btn {
        width: 45%;
        font-size: 1rem;
    }
    .quote-top, .quote-bottom {
        width: 40px;
    }
    .quote-top {
        top: -10px;
        left: -10px;
    }
    .quote-bottom {
        bottom: -10px;
        right: 10px;
    }
}

/* .before-after-slider .slick-track, .before-after-slider .item {width: 100% !important;} */
.before-after-slider .item {
    background: #fff;
    border-radius: 25px;
    padding: 50px 50px 0px;
}
.ba-title {
    background-color: #fff;
    color: #000;
    font-size: 1.4rem;
    text-align: center;
    padding: 10px;
}
.testi-text {
    font-size: 1.1rem;
}
.testi-name {
    color: var(--color-green2);
    margin-top: 30px;
}
.favourite-products-left {
    max-width: 500px;
    height: 100%;
    display: flex;
    flex-direction: column;
    position: relative;
}
.favourite-products-left:before {
    content: '';
    position: absolute;
    top: 0;
    left: 10%;
    width: 80%;
    height: 100%;
    background: #f1f1f2;
    z-index: -1;
}
.fpr-card {
    padding: 50px 30px;
    border-radius: 25px;
    background: #f1f1f2;
}
.fpl-text {
    width: 80%;
    margin-left: 10%;
    padding: 50px 30px;
    font-size: 2rem;
    font-weight: 600;
    text-align: left;
}
.fpl-img {
    margin-top: auto;
}

.fpr-text {
    padding:20px 0;
    position: relative;
    font-size: 1.2rem;
}
.fpr-text:before {
    content: '';
    position: absolute;
    top: -10px;
    left: 0;
    width: 15px;
    height: 15px;
    background: url(../img/testimonials/quote-1.png) no-repeat top left;
    background-size: 15px;
}
.fpr-text:after {
    content: '';
    position: absolute;
    bottom: -10px;
    right: 0;
    width: 15px;
    height: 15px;
    background: url(../img/testimonials/quote-2.png) no-repeat bottom right;
    background-size: 15px;
}
.fpr-name {
    margin-top: 20px;
    color: var(--color-green2);
    font-size: 1.3rem;
}

.green-slider .slick-slide {
    padding: 23px;
    position: relative;
}
.green-slider-card {
    padding: 50px;
    font-size: 1.4rem;
    border: solid 2px #fff;
}
@media (max-width:500px) {
    .green-slider-card {
        padding: 30px;
    }
}
.gsc-qt, .gsc-qb {
    position: absolute;
    width: 65px;
    height: 65px;
    background: var(--color-green2);
    display: flex;
    align-items: center;
    justify-content: center;
}
.gsc-qt {
    top: 0;
    left: 0;
}
.gsc-qb {
    bottom: 0;
    right: 0;
}
.gsc-qt img, .gsc-qb img {
    width: 40px;
}


/* Coupon Radio */ 
.couponRadio {
    display: block;
    position: relative;
}
.couponRadio input {
   position: absolute;
   top: 0;
   right: 0;
   bottom: 0;
   left: 0;
   opacity: 0;
   cursor: pointer;
}

.couponText {
	margin-bottom:10px;
}

.couponText .code {
    font-size:20px;
    font-weight:700;
    border-radius:10px;
    color:#000;
    border:1px solid #000;
    text-align:center;
    text-transform:uppercase;
    padding:4px 20px;
    width:100%;
}	
    
.couponText .code_status {
    font-style:italic;
    font-size:12px;
    display:block;
    color:#ec263b
}
.couponRadio .applicableCouponText {
    display: none;
}
.couponRadio input:checked ~ .couponText .code {
    background-color:#e0a72e;
}

@media (max-width:991px) {
    .couponRadio .couponText {
        padding: 10px 15px;
        border-top: 1px solid rgba(0,0,0,0);
        border-bottom: 1px solid rgba(0,0,0,0);
    }
    .couponRadio input:checked ~ .couponText {
        background-color: #fff;
        border-top: 1px solid rgba(0,0,0,1);
        border-bottom: 1px solid rgba(0,0,0,1);
    }
    .couponRadio .couponText .code {
        background-color:transparent;
        padding: 0;
        border: none;
        text-align: left;
        font-weight: 400;
    }	
    .couponRadio input:checked ~ .couponText .applicableCouponText {
        display: block;
    }
    .couponRadio input:checked ~ .couponText .code {
        background-color:transparent;
        font-weight: 400;
    }
    .couponRadio input:checked ~ .couponText .code_status {
        color: #111;
    }
    .couponRadio .couponText .btn-yellow {
        border: dashed 2px #111;
        background-color: transparent;
    }
    .couponRadio input:checked ~ .couponText .btn-yellow {
        border: solid 2px #111;
        background-color: #e0a72e;
    }
    #modalCouponCode .modal-body {
        padding: 50px 0 10px;
    }
}

.fs--1 {font-size: 30px;}
.fs--2 {font-size: 24px;}
.fs--3 {font-size: 20px;}
.fs--4 {font-size: 18px;}
.lh--1 {line-height: 1.3;}
.np-box {
    padding: 30px 10px;
    background: var(--color-green2);
    color: #fff;
    border-radius: 30px;
    display: flex;
    flex-direction: column;
    height: 100%;
}
a.np-box {
    text-decoration: none;
}
a.np-box:hover {
    color: #fff;
}
.np-box h6 {
    min-height: 50px;
    margin: 20px 0;
    font-size: 24px;
}
.np-icon img {
    width: auto;
    height: 90px;
}
.arrow-list {
    list-style: none;
}
.arrow-list li {
    padding-left: 50px;
    position: relative;
    margin-bottom: 35px;
}
.arrow-list li:before {
    content: '\F26B';
    font-family: bootstrap-icons !important;
    font-size: 30px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}
.text-black {color: #000;}
.btn-form-container-height {height: 64px;}
.btn-form-container {
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
}
.d-outline-btn {
    border: solid 2px #000;
    border-radius: 12px;
    min-width: 250px;
    min-height: 50px;
    line-height: 1;
    text-decoration: none;
    display: inline-block;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: 500;
    align-self: start;
    margin: 5px;
}
.text-white .d-outline-btn {
    border-color: #fff;
    color: #fff;
}
.text-white .show-form.d-outline-btn {
    border-color: #000;
    color: #000;
}
.callback-form {
    background: #fff;
    overflow: hidden;
    border-radius: 0 0 12px 12px;
    display: none;
}
.callback-form .form-control {
    border-radius: 0;
    border: none;
    text-align: center;
    height: 40px;
}
.btn {border-width: 2px;}
.show-form {
    background-color: #fff;
}
.show-form .callback-form {
    display: block;
}
@media (max-width:767px) {
    .arrow-list li {
        font-size: 18px;
        padding-left: 55px;
        margin-bottom: 30px;
        line-height: 1.1;
    }
    .arrow-list li:before {
        font-size: 40px;
    }
    .btn-form-container-height {height: 124px;}
    .btn-form-container {
        flex-direction: column;
        width: 100%;
    }
    .d-outline-btn {width: 100%;}
}

.table-div {
    display: table;
    width: 100%;
    /* font-size: 18px; */
}
.table-div__tr {
    display: table-row;
}
.table-div__th {
    border-bottom: solid 2px #000;
    font-weight: 600;
}
.bg_green2 .table-div__th {
    border-bottom: solid 2px #fff;
}
.table-div__th, .table-div__td {
    display: table-cell;
    min-width: 150px;
    padding: 5px 10px;
}
.table-div__th:first-child, .table-div__td:first-child {
    padding-left: 0;
}
.table-div__th:not(:last-child), .table-div__td:not(:last-child) {
    border-right: solid 2px #000;
}
.bg_green2 .table-div__th:not(:last-child), .table-div__td:not(:last-child) {
    border-right: solid 2px #fff;
}
@media (max-width:767px) {
    .table-div {
        display: flex;
        width: 100%;
        font-size: 18px;
    }
    .table-div__tr {
        display: flex;
        flex-direction: column;
    }
    .table-div__th {
        border-bottom: none;
        font-weight: 600;
    }
    .table-div__th, .table-div__td {
        display: table-cell;
        min-width: 130px;
        padding: 5px 10px;
    }
    .table-div__th:first-child, .table-div__td:first-child {
        padding-left: 10px;
    }
    .table-div__th:not(:last-child), .table-div__td:not(:last-child) {
        border-right: none;        
        border-bottom: solid 2px #000;
    }
    .table-div__td {
        border-left: solid 2px #000;
    }
    .bg_green2 .table-div__th:not(:last-child), .bg_green2 .table-div__td:not(:last-child) {
        border-right: none;        
        border-bottom: solid 2px #fff;
    }
    .bg_green2 .table-div__td {
        border-left: solid 2px #fff;
    }
    .table-div__th,
    .table-div__td {
        font-size: 14px;
    }
}

.consultation-form-container textarea.form-control {
    height: 130px;
}
.fotp dl {
    font-size: 18px;
}
.fotp dt {
    width: 50px;
}
.fotp dt img {
    width: 60%;
}
.fotp dd {
    padding-top: 5px;
}
@media (max-width:767px) {
    .fotp dt {
        width: 40px;
        flex: 0 0 40px;
        margin-right: 15px;
    }
    .fotp dt img {
        width: 100%;
    }
    .fotp dd {
        padding-top: 0;
    }
}

.hiw .nav-pills {
    width: 40%;
    flex: 0 0 40%;
    margin-top: 24px;
}
.hiw .tab-content {
    background: #fff;
    position: relative;
    padding: 20px 20px 20px 40px;
    height: 100%;
    display: flex;
    width: 100%;
    min-height: 400px;
}
.hiw .tab-content:after {
    content: '';
    background: #fff;
    position: absolute;
    top: 0;
    left: 100%;
    width: 400%;
    height: 100%;
}
.hiw .nav-link.active:before {
    content: '';
    position: absolute;
    top: 0;
    right: -36px;
    border-left: solid 25px var(--color-orange);
    border-top: solid 25px transparent;
    border-bottom: solid 25px transparent;
}
.hiw .nav-link {
    position: relative;
    padding: 0 0 40px;
    z-index: 2;
}
.hiw .nav-link:not(:last-child):after {
    content: '';
    position: absolute;
    top: 0;
    left: 30px;
    width: 2px;
    height: 100%;
    border-left: dashed 2px #000;
}
.hiw .nav-link button {
    padding: 7px 10px;
    background: var(--color-orange);
    color: #000;
    font-size: 24px;
    text-transform: uppercase;
    border: solid 2px transparent;
    position: relative;
    text-align: left;
    display: inline;
    line-height: 1;
    border-radius: 10px;
    z-index: 1;
    transition: all 0.3s ease;
}
.hiw .nav-link.active {
    background: transparent;
}
.hiw .nav-link button:hover,
.hiw .nav-link.active button {
    border-color: #000;
}
/* .hiw .tab-pane {
    font-size: 24px;
} */

@media (max-width:767px) {
    .hiw .nav-pills {
        width: 35%;
        flex: 0 0 35%;
    }
    .hiw .tab-content {
        padding: 5px 5px 5px 20px;
        width: 65%;
        /* flex: 0 0 65%; */
    }
    .hiw .nav-link button {
        font-size: 12px;
    }
    .hiw .nav-link.active:before {
        content: '';
        position: absolute;
        top: 0;
        right: -26px;
        border-left: solid 15px var(--color-orange);
        border-top: solid 15px transparent;
        border-bottom: solid 15px transparent;
    }
    .hiw .tab-pane {
        font-size: 16px;
    }
}
@media (max-width:360px) {
    .hiw .nav-link.active:before {
        content: '';
        position: absolute;
        top: 0;
        right: -15px;
        border-left: solid 15px var(--color-orange);
        border-top: solid 15px transparent;
        border-bottom: solid 15px transparent;
    }
}

/* .action_on_address .btn {
    width: 48%;
} */

.nutritional-info-container .container-fluid {
    padding: 0 15px !important;
}
.ingradient-image img {
    margin-left: -5px;
}
.title-text {
    font-size: 35px;
}

.collapse-header {
    padding: 20px 0;
    border-top: solid 1px #0e3e30;
    /* border-bottom: solid 1px #0e3e30; */
    cursor: pointer;
    font-size: 22px;
}

.bg-transparent {
    background: transparent;
}
textarea.bg-transparent {
    resize: none;
}

.bg-transparent::-webkit-input-placeholder { /* Edge */
    color: #000;
    opacity: 1;
}

.bg-transparent:-ms-input-placeholder { /* Internet Explorer 10-11 */
    color: #000;
    opacity: 1;
}

.bg-transparent::placeholder {
    color: #000;
    opacity: 1;
}

.flex-btns .btn {
    width: 48%;
    padding: 10px;
}

.theme-dropdown-menu {
    border: solid 2px #000;
    padding: 0;
    border-radius: 0 0 10px 10px;
    margin-top: -14px !important;
}
/* .theme-dropdown-menu li {
    border: solid 1px #000;
} */
.theme-dropdown-menu li .dropdown-divider {
    margin: 0;
}
.theme-dropdown-menu li a.dropdown-item {
    text-transform: uppercase;
    color: #000;
}
.theme-dropdown-menu li a.dropdown-item:focus, .theme-dropdown-menu li a.dropdown-item:hover {
    background-color: var(--color-orange2);
}

.filter-form .form-control, .filter-form .btn {
    border-radius: 10px !important;
}
.filter-form .form-control:focus, .filter-form .btn:focus {
    box-shadow: none;
}

.select-btn {
    background: #fff;
    color: #000;
    font-weight: 600;
    width: 100%;
    height: 45px;
    border: solid 2px var(--color-green1);
    border-radius: 15px !important;
}
.select-btn.show {
    background-color: #e1a72e;
    border-bottom: none;
}

.btns-container .dropdown {
    position: relative;
    z-index: 2;
}
.btns-container .dropdown .dropdown-menu {
    border-radius: 15px !important;
    width: 100%;
    padding-top: 20px;
    margin-top: -25px !important;
    z-index: -1;
    border: solid 2px var(--color-green1);
}
.btns-container .dropdown .dropdown-menu a {
    text-transform: uppercase;
    padding: 12px 15px;
}
.btns-container .dropdown .dropdown-menu li:not(:last-child) a {
    border-bottom: solid 1px #ccc;
}
.btns-container .dropdown .dropdown-toggle:after {
    font-family: bootstrap-icons !important;
    color: #000;
    content: '\f22c';
    position: absolute;
    top: 24px;
    transform: translateY(-50%);
    right: 15px;
    background-image: none;
    border: none;
    font-weight: 600;
}

.hero_banner {
    padding-top: 103px;
}



/*================================*/
/* Questionnaire Form */
/*================================*/
.tandc {
    padding-top: 100px;
}

.questionnaire__form .nuts_3, .questionnaire__form .nuts_4, .questionnaire__form .nuts_5, .questionnaire__form .nuts_6 {
	position: fixed;
	z-index: -1;
}
.questionnaire__form a {
	border-bottom: none;
}
.qn__box {
	/*background: #fff;*/
	/*background: #31985a;*/
	/*color: #fff;*/
	/*max-width: 900px;*/
	margin: 30px auto 0 auto;
	border-radius: 10px;
	position: relative;
}
@media (max-width: 767px) {
	.qn__box {
		margin-top: 0;
	}
}

.qn__form_container .panel {
	background: #fff;
    margin-bottom: 0;
    border-radius: 10px;
}
.qn__form_container .panel-default > .panel-heading + .panel-collapse > .panel-body {
    border-top: none !important;
    border-left: none !important;
    margin-left: 0;
    padding: 15px;
    /*color: #fff;*/
    /*border-color: #666;*/
}
.qn__form_container .panel-group .panel + .panel {
    margin-top: 1px;
}

.qn__form_title {
	display: flex;
	align-items: center;
	color: #fff;
	background: var(--green);
	padding: 10px 25px;
	box-shadow: 0 10px 25px rgba(0,0,0,0.1);
	border-radius: 10px;
	position: relative;
}
.qn__form_content {
	padding: 30px 15px 15px;
	margin-top: -15px;
	background: #fff;
	border-radius: 10px;
}
.qn__number {
	width: 26px;
	height: 26px;
	border-radius: 50%;
	/*background: #333;*/
	/*background: rgba(0,0,0,0.1);*/
	border: dashed 1px #666;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 14px;
	margin-right: 15px;
}
.qn__heading {
	font-size: 14px;
	font-weight: 600;
	text-transform: uppercase;
	letter-spacing: 1px;
	position: relative;
	/*color: #31985a;*/
	color: #fff;
}/*
.qn__heading:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 50px;
	height: 2px;
	background: #555;
	display: block;
}*/
.qn__icon {
	margin-left: auto;
	width: 26px;
	height: 26px;
	border-radius: 50%;
	/*background: #31985a;*/
	color: var(--green);
	/*background: rgba(0,0,0,0.2);*/
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 18px;
	padding-top: 5px;
	display: none;
}
.back {
	margin-left: auto;
	display: none;
}
.active .back {
	display: inline-flex;
}
.success .back {
	display: inline-flex;
}

.active .qn__form_title {
	background: #31985a;
	color: #fff;
	opacity: 1;
}
.active .qn__heading {
	color: #fff;
}
.panel.success .qn__form_title {
	opacity: 1;
}
.panel.success .qn__icon {
	display: flex;
}

.qn__form {
	padding: 10px 25px 25px;
}

@media (max-width: 767px) {
	.qn__form {
		padding: 10px 10px 25px;
	}
}
.qn__form .form-group {
	margin-bottom: 30px;
	position: relative;
}
.qn__form .form-label {
	font-size: 14px;
	font-weight: 600;
	color: #111;
	display: block;
}
.qn__form .form-control {
	border-radius: 0px;
	border: none;
	border-top: solid 1px transparent;
	border-right: solid 1px transparent;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px transparent;
	/*border: solid 1px #ccc;*/
	padding-left: 32px;
	padding-right: 5px;
	/*background: #eee;*/
	/*border: none;*/
}
.qn__form .form-control.datepicker {
	border-radius: 5px;
	border: solid 1px #ddd;
	padding: 8px 10px !important;
	height: 40px;
}
.qn__form .no__icon .form-control {
	padding-left: 15px !important;
}
.qn__form .form-control:focus {
	box-shadow: none;
	border-color: #31985a;
	background-color:#c7f8db;
	border: solid 1px #31985a;
	border-radius: 3px;
}

.inputGroup {
	position: relative;
}
.input-icon {
	position: absolute;
	top: 10px;
	left: 10px;
	color: #666;
	font-size: 14px !important;
}
.line {
	width: 0;
	height: 1px;
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	background: #31985a;
	/*transform-origin: 0;*/
	transition: all 0.2s ease-in-out;
}
.qn__form .form-control:focus+.line {
	width: 100%;
}
/*.qn__form .form-control:not(:placeholder-shown) {
	border-color: #fff;
}*/
.qn__form textarea.form-control {
	resize: none;
	height: 100px;
	border: solid 1px #ccc;
	padding: 5px 15px !important;
}
.qn__form textarea.form-control.less-hungry {
	height: 80px;
}
.inner-question {
	margin-top: 20px;
}
.note {
	display: block;
	position: relative;
}
.fruit-child-box {
	padding-top: 15px;
}
@media (max-width: 767px) {
	.mobile-top-20 {
		margin-top: 20px;
	} 
	.qn__form .form-control {
		padding-left: 5px !important;
	} 
	.q-form-one .qn__form .form-control {
		padding-left: 32px !important;
	}
	.q-form-one .qn__form textarea.form-control {
		padding: 5px 15px !important;
	}
}

.qn__form textarea.form-control:focus {
	border-color: #31985a;
}

.qn__form select {
	padding: 8px 10px;
	border:solid 1px #ddd;
	width: 100%;
	background: url(../images/arrow-down.png) no-repeat 98% center;
	background-size: 15px;
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	color: #555;
	font-size: 14px;
	border-radius: 5px;
}

.qn__form select:focus{
color: #555;
    border-color: var(--green);
    background-color: #c7f8db;}
	
.qn__form select option {
	padding:10px;
	color: #111;
	background-color:#fff;
	 display:block;}

.qn__form_btn {
	padding-top: 20px;
	text-align: center;
}
.qn__form_btn button {
	margin: 0 5px;
}
.panel-button {
	background: #31985a;
	color: #fff;
}

/*=== Custom Radio ===*/
.qn__form .custom__radio label {
	font-size: 15px;
	font-weight: 400;
	margin-bottom: 10px;
}
.qn__form .custom__checkbox label {
	font-size: 14px;
	font-weight: 400;
	margin-bottom: 10px;
	padding-top: 2px;
}
.qn__form .custom__radio label:before {
	top: 0;
}
/*=== Custom Checkbox ===*/
.custom__checkbox {
	position: relative;
}
.custom__checkbox.inline {
	display: inline-block;
	padding-right: 30px;
}
.custom__checkbox input {
	position: absolute;
	left: 0;
	top: 0;
	min-width: 1em;
	width: 100%;
	height: 100%;
	z-index: 2;
	opacity: 0;
	margin: 0;
	padding: 0;
	cursor: pointer;
}
.custom__checkbox label {
	padding-left: 22px;
	position: relative;
	display: inline-block;
	cursor: pointer;
	line-height: 1;
}
.custom__checkbox label:before {
	content: '';
	position: absolute;
	top: 2px;
	left: 0;
	display: inline-block;
	width: 16px;
	height: 16px;
	border: solid 1px #ddd;
	border-radius: 3px;
	background: transparent;
	transition: all 0.1s;
}
.custom__checkbox label:after {
	content: '\f00c';
	position: absolute;
	top: 5px;
	left: 3px;
	display: none;
	transition: all 0.1s;
	color: #fff;

	font: normal normal normal 10px/1 FontAwesome;
}
.custom__checkbox input:checked + label:before {
	background: var(--green);
	border-color: var(--green);
}
.custom__checkbox input:checked + label:after {
	display: inline-block;
}

.input-group {
	position: relative;
	width: 100%;
}
.input-group input {
	width: 100%;
}
.input__group_addon {
	position: absolute;
	top: 3px;
	right: 10px;
	z-index: 999;
	color: #666;
}

.qn__form .value__box input {
	padding-right: 63px;
}


.qn__form small {
	font-size: 12px;
}

.prefix-group {
	position: relative;
}
.form-group.prefix-group .form-control {
	padding-right: 80px;
}
.prefix-group .form-label {
	position: absolute;
	top: 6px;
	right: 10px;
	color: #000;
}
.qn__form .link, .qn__form .link:active, .qn__form .link:focus {
	background: #f36114;
	padding: 5px;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	border: none;
	margin-top: 10px;
	border-radius: 5px;
}
@media (min-width: 769px) {
	.qn__form .link:hover {
		background: rgba(0,0,0,0.2);
		color: #fff;
		border: none;
		margin-top: 10px;
	}
}

.qn__form hr {
	border-color: rgba(0,0,0,0.2);
	margin: 15px 0;
}
.qn__form .value__box {
	/*background: #ddd;*/
	font-size:12px;
	padding: 7px;
	text-align:center;
	border: solid 1px var(--green);
}

.qn__form .value__box  .col_no{
	color: var(--orange-dark);
}

.qn__form .value__box input {
	background: transparent;
}
.form-title {
	font-size: 16px !important;
	margin: 20px 0;
	font-weight: 600;
	color: var(--green);
	position: relative;
	padding-bottom: 10px;
	text-transform: uppercase;
}
.form-title:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	display: block;
	width: 30px;
	height: 2px;
	background: var(--green);
}

.mar__t0 {margin-top: 0px !important;}
.mar__t10 {margin-top: 10px;}
.mar__t20 {margin-top: 20px;}

.mar__b10 {margin-bottom: 10px;}
.mar__b20 {margin-bottom: 20px;}

.section__title {
	font-size: 18px;
	margin-top: 40px;
	margin-bottom: 20px;
	font-weight: 600;
}

.fact__box {
	/*background: rgba(0,0,0,0.2);*/
	color: #666;
	padding: 20px;
	font-size: 14px;
	display: block;
	border: solid 1px #ddd;
	margin-right: 20px;
	background: #fff;
}
.fact__box h4 {
	color: #fff;
	padding: 10px 35px 10px 25px;
	position: relative;
	background: #888;
	border-top-right-radius: 50px;
	border-bottom-right-radius: 50px;
	margin-left: -25px;
	box-shadow: 2px 2px 3px rgba(0,0,0,0.15);
}
.fact__box h4:before {
	content: '';
	position: absolute;
	bottom: -4px;
	left: 0;
	border: solid;
	border-width: 2px;
	border-color: #333 #333 transparent transparent;
	display: block;
}
.fact__box ul {
	list-style: none;
}
.fact__box ul li {
	padding-left: 30px;
	padding-bottom: 15px;
	position: relative;
}
.fact__box ul li:before {
	content: '\f058';
	font: normal normal normal 16px/1 FontAwesome;
	position: absolute;
	top: 5px;
	left: 0;
	display: block;
	color: var(--green);
}
@media (max-width: 767px) {
	.fact__box {
		display: none;
	}
}




/*==========================================================*/
/* Animation */
/*==========================================================*/

.relative {position: relative;}

/*
Water
-------------------------*/
#glass__water_container {
margin-left:auto;
margin-right:auto;
width: 300px;
}
#glass {
/*background: rgba( 255, 255, 255, 0.1);*/
width: 300px;
height: 320px;
position: relative;

border-right: solid 2px #333;
border-bottom: solid 2px #333;
border-left: solid 2px #333;
  /*border-radius: 100%;*/
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  box-shadow: inset 0 0 25px rgba(0,0,0,0.3);
}
#water {
background-image: url("../images/waves.png");
background-position: top right;
position: absolute;
bottom: 0px;
width: 296px;
height: 50px;
  border-radius: 100%;
-webkit-transition: all 3s ease-out;
-moz-transition: all 3s ease-out;
-o-transition: all 3s ease-out;
transition: all 3s ease-out;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;

}
#glass:hover #water {
height: 350px;
background-position: top left;
-webkit-transition: all 3s ease-out;
-moz-transition: all 3s ease-out;
-o-transition: all 3s ease-out;
transition: all 3s ease-out;
}


/*Questionnaire Progressbar
-----------------------------------*/
.q__progressbar, .q__progressbar ul {
	display: flex;
	justify-content: center;
	margin-bottom: 10px;
}
.q__progressbar ul {
	list-style: none;
	width: 80%;
}
.q__progressbar ul li {
	position: relative;
	list-style: none;
	width: 10%;
}
.q__progressbar ul li:before {
	content: '';
	position: absolute;
	top: 15px;
	left: -50%;
	width: 100%;
	height: 2px;
	background: #ddd;
	display: block;
	z-index: -1
}
.q__progressbar ul li:first-child:before {
	display: none;
}
.q__progressbar ul li.visited:before, .q__progressbar ul li.active:before {
	background: var(--green);
}
.q__progressbar ul li a {
	color: #333;
	text-transform: uppercase;
}
.q__progressbar ul li a:hover {
	color: #333;
}
.q__progressbar ul li a .q__steps_container {
	display: block;
	text-align: center;
}
.q__progressbar ul li a .q__steps_container .q__step_number {
	width: 25px;
	height: 25px;
	border-radius: 50%;
	display: inline-flex;
	justify-content: center;
	align-self: center;
	align-items: center;
	background: #ddd;
	color: #333;
	font-size: 12px;
}
.q__progressbar ul li.visited a .q__steps_container .q__step_number,
.q__progressbar ul li.active a .q__steps_container .q__step_number {
	background: var(--green);
	color: #fff;
	box-shadow: 5px 5px 5px rgba(0,0,0,0.1);
}
.q__progressbar ul li a .q__steps_container .q__step_text {
	/*display: none;*/
	margin-top: 7px;
	font-size: 11px;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: 0.5px;
}
.q__progressbar ul li.active a .q__steps_container .q__step_text {
	display: block;
}
/*.q__progressbar ul li.active a .q__steps_container.visited .q__step_text {
	display: none;
}*/

@media (max-width: 991px) {	
	.q__progressbar ul {
		list-style: none;
		width: 100%;
	}
}
@media (max-width: 767px) {	
	.q__progressbar ul li {
		position: relative;
		list-style: none;
		width: 33.33%;
	}	
	.q__progressbar ul li.visited:before {
		display: none;
	}
}


/*
Questionnaire Radio Buttons
------------------------------------*/
.q__radio {
	display: inline-flex;
	position: relative;
	align-items: center;
}
.q__radio input {
	position: absolute;
	width: 100%;
	height: 100%;
	opacity: 0;
	cursor: pointer;
}
.q__radio label {
	color: #333;
	padding: 10px;
	margin: 0 10px 10px 0;
	border: solid 1px #ddd;
	font-size: 14px;
	font-weight: 400;
	cursor: pointer;
	border-radius: 5px;
}
.q__radio input:checked + label {
	color: #fff;
	border-color: var(--green);
	background-color:var(--green);
}
.q__radio input:checked + label.no {
	color: #fff;
	border-color: var(--orange-dark);
	background-color:var(--orange-dark);
}
.q__radio input:checked + label.blue {
	color: #fff;
	border-color: #007bff;
	background-color:#007bff;
}
.q__radio label .fa-check {
	display: none;
}
.q__radio input:checked + label .fa-check {
	display: inline-block;
}
.q__radio label .fa {
	margin-right: 10px;
}
.q__radio label {
	color: #333;
	padding: 7px 15px;
	margin: 0 10px 10px 0;
}

.transgender__icon {
	position: relative;
}
.transgender__icon .fa-female {
	position: relative;
}
.transgender__icon .fa-female:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	background: #fff;
}

/*
Questionnaire Toggle Buttons
------------------------------------*/
.toggle__button {
	position: relative;
	display: flex;
	width: 100px;
	background: #eee;
	box-shadow: inset 0 0 10px rgba(0,0,0,0.2);
	border-radius: 50px;
	margin-left: auto;
	/*border: solid 1px #ddd;*/
}
.active__state {
	content: '';
	position: absolute;
	width: 50%;
	height: 100%;
	display: block;
	background: var(--green);
	/*background: #fff;*/
	box-shadow: 0 0 7px rgba(0,0,0,0.1), inset 0 -5px 5px rgba(0,0,0,0.03);
	/*border: solid 1px #fff;*/
	border-radius: 50px;
	transition: all 0.3s ease-in-out;
	top: 0
	left: 0;
}
.option__2_btn.active + .active__state {
	transform: translateX(50px);
}
.toggle__button .toggle__text {
	width: 50%;
	text-align: center;
	padding: 4px 10px;
	position: relative;
	border: none;
	color: #666;
	z-index: 2;
	font-size: 13px;
}
.toggle__button .toggle__text.active {
	color: #fff;
}
.toggle__button .toggle__text:hover {
	border:none;
	color: #666;
}

.form-label.d-flex {
	display: flex !important;
	flex-direction: row;
	align-items: center;
}

/*Range Slider
---------------------------------*/
.range-slider {
  margin: 60px 0 0 0%;
}

.range-slider {
  width: 100%;
}

.range-slider__range {
  -webkit-appearance: none;
  width: calc(100% - (73px));
  height: 10px;
  border-radius: 5px;
  background: #d7dcdf;
  outline: none;
  padding: 0;
  margin: 0;
}
.range-slider__range::-webkit-slider-thumb {
  -webkit-appearance: none;
          appearance: none;
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #2c3e50;
  cursor: pointer;
  -webkit-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
}
.range-slider__range::-webkit-slider-thumb:hover {
  background: #1abc9c;
}
.range-slider__range:active::-webkit-slider-thumb {
  background: #1abc9c;
}
.range-slider__range::-moz-range-thumb {
  width: 20px;
  height: 20px;
  border: 0;
  border-radius: 50%;
  background: #2c3e50;
  cursor: pointer;
  -moz-transition: background .15s ease-in-out;
  transition: background .15s ease-in-out;
}
.range-slider__range::-moz-range-thumb:hover {
  background: #1abc9c;
}
.range-slider__range:active::-moz-range-thumb {
  background: #1abc9c;
}
.range-slider__range:focus::-webkit-slider-thumb {
  box-shadow: 0 0 0 3px #fff, 0 0 0 6px #1abc9c;
}

.range-slider__value {
  display: inline-block;
  position: relative;
  width: 60px;
  color: #fff;
  line-height: 20px;
  text-align: center;
  border-radius: 3px;
  background: #2c3e50;
  padding: 5px 10px;
  margin-left: 8px;
}
.range-slider__value:after {
  position: absolute;
  top: 8px;
  left: -7px;
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-right: 7px solid #2c3e50;
  border-bottom: 7px solid transparent;
  content: '';
}

::-moz-range-track {
  background: #d7dcdf;
  border: 0;
}

input::-moz-focus-inner,
input::-moz-focus-outer {
  border: 0;
}


.d-none {
	display: none;
}
.d-block {
	display: block;
}
@media (min-width: 768px) {
	.d-md-block {
		display: inline-block !important;
	}
	.d-md-none {
		display: none !important;
	}
}

.height-width-box {
	max-width: 105px;
}

/*===========================
11-8-2020
===========================*/
.value__box {
	display: flex;
	align-items: flex-start;
	justify-content: center;
}
.value__box.flex-column {
	flex-direction: column !important;
}
.value__box span {
	padding-left: 5px;
	text-align: left;
}
.range__slider_output {
	width: 20px;
	height: 20px !important;
	line-height: 1;
	padding: 0 !important;
	text-align: right;
}
.d__block {
	width: 100%;
	text-align: center;
}

/*==========================
	Buttons
==========================*/
.btn_white_rounded {
	height: 40px;
	line-height: 40px;
	display: inline-block;
	color: #333333 !important;
	background-color: #fff;
	letter-spacing: 1px;
	border-radius: 40px;
	font-size: 14px;
	text-transform: uppercase;
	padding: 0 30px;
	transition: all ease 0.5s;}

.btn_white_rounded:hover {
	background-color: #111;
	color: #fff;}

/*-----*/

.btn_green_rounded {
	height: 40px;
	line-height: 40px;
	display: inline-block;
	color: #fff;
	background-color: #2f9457;
	letter-spacing: 1px;
	border-radius: 40px;
	font-size: 14px;
	text-transform: uppercase;
	padding: 0 30px;
	transition: all ease 0.5s;}

.btn_green_rounded:hover {
	background-color: #111;
	color: #fff;}

.btn_black_rounded {
	height: 40px;
	line-height: 40px;
	display: inline-block;
	color: #fff;
	background-color: #111;
	letter-spacing: 1px;
	border-radius: 40px;
	font-size: 14px;
	text-transform: uppercase;
	padding: 0 30px;
	transition: all ease 0.5s;}

.btn_black_rounded:hover {
	background-color: var(--green);
	color: #fff;}

/*---*/

.btn_white_bordered {
	height: 40px;
	line-height: 2.6;
	display: inline-block;
	color: #333333;
	border:1px solid #333;
	background-color: #fff;
	letter-spacing: 1px;
	border-radius: 40px;
	font-size: 14px;
	text-transform: uppercase;
	padding: 0 30px;
	transition: all ease 0.5s;}

.btn_white_bordered:hover {
	border:1px solid #111;
	background-color: #111;
	color: #fff;}

    /*===========================================*/
.q-terms {
	position: relative;
}
/*.q-terms:before {
	content: '';
	position: absolute;
	bottom: 20%;
	left: 0;
	width: 100%;
	height: 50%;
	background-color: #fff; 
	z-index: -1;
}*/
.welcome-container {
	padding: 80px 0 0;
	text-align: center;
	max-width: 800px;
	margin: 50px auto 0;
}
.welcome-container h1 {
	font-weight: 900;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 15px;
	color: var(--green-dark);
}
.q-terms-box {
	background-color: #fff;
	padding: 40px;
	box-shadow: 15px 15px 30px rgba(0,0,0,0.15);
}
.questionnaire-terms {
	padding: 20px 0 30px;
}
.questionnaire-terms label {
	font-weight: 400;
}
.questionnaire-terms h2 {
	margin-bottom: 10px;
}
.bg-white {
	background-color: #fff;
}
.questionnaire-terms .numbers li {
	padding-left: 50px;
}
.terms-image {
	margin-top: 30px;
}
.footwrap, .sub_footer {
	position: relative;
}
.q-instructions {
	padding-top: 50px;
}
.instruction-list {
	padding-top: 50px;
}
.instruction-list .numbers li {
	padding-left: 50px;
}
@media (max-width: 767px) {
	.welcome-container {
		padding: 80px 0 0;
	}
	.q-terms-box {
		padding: 40px 20px;
	}
}
@media (min-width: 992px) {
	.instruction-list .numbers li {
		max-width: 400px;
	}
}

.thank-you-container {
	max-width: 800px;
	text-align: center;
	padding-top: 90px;
	margin: 0 auto;
}
.thank-you-container h1 {
	margin-bottom: 20px;
	margin-top: 15px;
	font-weight: 700;
	color: var(--green-dark);
}
.thank-you-container h4 {
	margin-top: 15px;
}
.tips-box {
	margin-bottom: 40px;
	text-align: center;
}
.tip-box-description {
	padding: 15px 0;
}
.tip-box-description h5 {
	font-weight: 600;
	color: var(--orange-dark);
	font-size: 16px;
	margin-bottom: 10px;
}
.tip-box-icon {
	width: 60px;
	text-align: center;
	display: inline-block;
}
.tips-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-top: 30px;
}
.tips-column-last {
	width: 100%;
	padding-bottom: 50px;
}
.tips-column-last h2 {
	font-size: 20px;
}
@media (min-width: 768px) {
	.tips-column {
		width: 50%;
		padding: 0 15px;
	}
}

.range-input {
	display: flex;
	align-items: center;
}
.range-input .range__slider_output.form-control, .range-input .form-control {
	/*border: solid 1px #ccc;*/
	width: 50px;
	height: auto !important;
	text-align: center;
	padding: 10px 15px !important;
}
.range-input span {
	padding: 0 10px;
	font-size: 14px;
}

.row.align-items-center {
	display: flex;
	align-items: center;
}

.mb-0 {
	margin-bottom: 0;
}

.exercise-intensity .irs-grid-text {
	font-size: 15px !important;
	color: #333 !important;
	padding-top: 5px !important;
}

.q-content {
	font-size: 14px; line-height: 2;
}
.q-content h6 {
	color:#111; font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
}
.s-or {
	display: flex;
	justify-content: space-between;
	align-items: center;
	width: 100px;
	margin-top: 30px;
}
.s-or span {
	height: 1px;
	background-color: #ccc;
	width: 33.33%;
	display: inline-block;
}
.s-or-t {
	padding: 0 3px;
}

/* Chrome, Safari, Edge, Opera */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

/* Firefox */
input[type=number] {
  -moz-appearance: textfield;
}


.numbers {
	list-style: none;
	counter-reset: circle-counter;
}
.numbers li {
	counter-increment: circle-counter;
	padding-left: 40px;
	position: relative;
	padding-bottom: 20px;
}
/* .diabetes__benefits .numbers {
	display: flex;
	flex-wrap: wrap;
}

.diabetes__benefits .numbers li {
	width: 50%;
	padding-right: 60px;
	padding-left: 60px;
} */
@media (max-width: 991px) {	
	.diabetes__benefits .numbers li {
		width: 100%;
		padding-right: 0px;
	}
}
.numbers li span {
	/*background: rgba(0,0,0,0.1);*/
	/*padding: 0 5px 3px 5px;*/
	color: var(--green);
}
.numbers li strong {
	font-weight: 900;
	font-size: 18px;
	cursor: pointer;
	text-decoration: underline;
}

.numbers li:before {
	content: counter(circle-counter);
	background-color: #666;
	width: 35px;
	height: 35px;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 16px;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 2px;
	left: 0;
}
.numbers li .tooltip > .tooltip-inner {
	padding: 20px;
	border-radius: 40px;
}


/* =================== */
.welcome-message h2 {
    margin-bottom: 30px;
}
#welcome_form {
    text-align: center;
}
#welcome_form .form-group {
    margin-top: 30px;
}
#welcome_form .btn_green_rounded {
    margin-bottom: 30px;
}


/* Swal modal */
.swal2-styled.swal2-confirm {
    background-color: #2f9457 !important;
    color: #fff;
    border-radius: 100px !important;
    padding: 10px 30px;
}

.add-btn, .remove-btn {
    width: 36px;
    aspect-ratio: 1;
    border-radius: 50%;
    color: #fff;
    font-size: 26px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    padding-top: 3px;
}
.add-btn {
    background: #2f9457;
}
.add-btn:hover {
    background: #237444;
    color: #fff;
}
.remove-btn {
    background: #333;
}
.remove-btn:hover {
    background: #444;
    color: #fff;
}
@media (min-width: 576px) {
    .col-sm {
        flex: 1 0 0% !important;
    }
}

.yellow_btn {
    background-color: var(--color-orange);
    transition: all 0.3s ease;
}
.yellow_btn:hover {
    background-color: var(--color-green1);
    color: #fff;
}

.key-team-members .card-image {
    width: 65%;
}

.category_carousel .slick-slide {
    padding-block: 30px !important;
}
.ymal-carousel .product-image img {
    height: 63px;
}

.os-box {
    text-align: center;
    color: #fff;
}
.os-box .os-title {
    font-size: 35px;
    margin-bottom: 5px;
}
.os-box .os-title span {
    color: #e0a72e;
}
.our-story-carousel .slick-dots li button:before {
    border: solid 2px #fff;
    background: transparent;
}
.our-story-carousel .slick-dots li.slick-active button:before {
    background: #fff;
}
@media (min-width:768px) {
    .os-box {
        display: block;
        border-left: solid 1px #fff;
        padding-block: 20px 40px;
        text-align: left;
    }
    .os-item:last-child .os-box {
        padding-block: 20px 10px;
    }
    .os-box .os-title {
        padding-left: 30px;
    }
    .os-box p {
        padding-left: 30px;
        margin-bottom: 0;
    }
    .os-box ul {
        margin-left: 30px;
        padding-left: 17px;
        margin-bottom: 0;
    }
    .os-box .os-title {
        font-size: 35px;
        position: relative;
        padding-left: 30px;
        margin-top: -34px;
        margin-bottom: 5px;
    }
    .os-box .os-title span {
        color: #e0a72e;
    }
    .os-box .os-title:before {
        content: '';
        position: absolute;
        top: 12px;
        left: -8px;
        --size: 16px;
        width: var(--size);
        height: var(--size);
        border-radius: 50%;
        background: #133f30;
        border: solid 2px #fff;
    }
}
@media (max-width:767px) {
    .os-box ul {
        list-style: none;
    }
    .toggle-box ul {
        margin-left: 15px;
    }
}