@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Ubuntu:ital,wght@0,300;0,400;0,500;0,700;1,300;1,400;1,500;1,700&display=swap');

@font-face {
    font-family: 'Tahoma-Regular';
    src: url('../fonts/Tahoma-Regular.ttf') format('opentype');
    font-weight: normal;
    font-style: normal;
 }

@font-face {
    font-family: 'Tahoma-Light';
    src: url('../fonts/Tahoma-Light.TTF') format('opentype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Tahoma-Bold';
    src: url('../fonts/Tahoma-Bold.TTF') format('opentype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Tahoma-Black';
    src: url('../fonts/Tahoma-Black.TTF') format('opentype');
    font-weight: bold;
    font-style: normal;
}

/**/
.cart_logout li {
    position: relative;
    display: inline-block;
}

.cart_logout li:hover > ul {
    left: 0;
}
.cart_logout ul ul{
    position: absolute;
    left: -9999px;
    z-index: 10;
    /* border: 1px solid #ccc; */
    width: 100%;
    background: #fff;
    min-width: 100px;
    text-align: left;
}

.cart_logout li ul li a {
    border-bottom: none;
    padding: 5px 10px;
    /* width: 170px; */
    font-size: 13px;
    text-decoration: none;
    color: #000;
    font-weight: 400;
    line-height: 17px;
    display: block;
}

.cart_logout li ul li a:hover {
    color: #2E9F91;
}


.cart_logout li>a {
    color: #fff;
}
/**/


body {
    color: #0D0D0D;
    font-family: 'Roboto', sans-serif;
    font-family: 'Open Sans', sans-serif;
    font-family: 'Tahoma-Regular';
    font-size: 16px;
    letter-spacing: 0.5px;
}


.error {
    color: #dc3545;
}

.font-roboto{
    font-family: 'Roboto', sans-serif;
}

.font-tahoma{
    font-family: 'Tahoma-Regular';
}

.font-ubuntu{
    font-family: 'Ubuntu', sans-serif;
}

.font-open-sans{
    font-family: 'Open Sans', sans-serif;
}

.font-bebas-neue{
    font-family: 'Bebas Neue', cursive;
}

.main_wrapper > section, body>section {
    padding: 70px 0;
}

.item_color_1{
    background:#f16b53 !important;
    color:#fff;
}
.item_color_2{
    background:#009e90 !important;
    color:#fff;
}
.item_color_3{
    background:#efc171 !important;
/*    color:#fff;*/
}
.item_color_4{
    background:#BFDAF0 !important;
/*    color:#fff;*/
}
.item_color_5{
    background:#32B8A8 !important;
/*    color:#fff;*/
}
.item_color_6{
    background:#6BD8CA !important;
/*    color:#fff;*/
}



img {
    max-width: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    line-height: 1.2;
    margin: 0;
    font-weight: 400;
    /* text-transform: uppercase; */
    /* font-family: 'Bebas Neue', cursive; */
}

h1, .h1{
    font-size: 48px;
}

h2, .h2{
    font-size: 40px;
}

h3, .h3{
    font-size: 30px;
}

h4, .h4{
    font-size: 20px;
}

h5, .h5{
    font-size: 16px;
}

h6, .h6{
    font-size: 16px;
}



/*
::selection {
    color: #fff;
    background: #0d74a6;
}

*/

strong,
b {
    font-weight: 700;
}

ol,
ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

figure,
p {
    margin: 0;
}

p {
    font-size: 18px;
    font-weight: 400;
    /* color: #000; */
    line-height: 26px;
}

.p1{
    font-size: 16px !important;
    line-height: 23px !important;
}

.p2{
    font-size: 14px !important;
    line-height: 18px !important;
}

.p3{
    font-size: 12px !important;
    line-height: 16px !important;
}

a {
    -webkit-transition: all .3s ease-in 0s;
    -moz-transition: all .3s ease-in 0s;
    -ms-transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    transition: all .3s ease-in 0s;
}

iframe {
    border: 0;
}

a,
a:focus,
a:hover {
    text-decoration: none;
    outline: 0;
}


a:focus,
a:hover {
    color: inherit;
}

.clear:before,
.clear:after {
    content: " ";
    display: table;
}

.clear:after {
    clear: both;
}

.clear {
    *zoom: 1;
}


.text-upper{
    text-transform: uppercase !important;
}

.text-inherit{
    text-transform: inherit !important;
}

.section-title {
     position: relative;
     /* z-index: 11; */
     /* max-width: 900px; */
     margin: 0 auto 50px;
}

.section-title h2 {
    position: relative;
    text-transform: uppercase;
    font-family: 'Bebas Neue', cursive;
}


.section-title h3 {
    line-height: 1.3;
    margin-bottom: 20px;
    text-transform: uppercase;
    font-family: 'Bebas Neue', cursive;
}


.section-title h4 {
    line-height: 35px;
    font-family: 'Tahoma-Regular';
    text-transform: inherit;
}


.section-title h5 {
    line-height: 30px;
    color: #EA5045;
    margin-bottom: 20px;
}


.heading-btns {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.normal-btn {
    min-width: 230px;
    position: relative;
    display: inline-block;
    opacity: 1;
    text-align: center;
    z-index: 9;
    padding: 10px 30px;
    border-radius: 50px;
    margin-top: 30px;
    background: #C4C4C4;
    border: none;
    /* text-transform: uppercase; */
    -webkit-transition: all .3s ease-in 0s;
    -moz-transition: all .3s ease-in 0s;
    -ms-transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    transition: all .3s ease-in 0s;
    font-size: 14px;
    color: #000;
    font-weight: 400;
    outline: none !important;
    overflow: hidden;
}

.normal-btn:hover {
    background: #E9C46A !important;
    color: #ffffff !important;
    -webkit-transition: all .3s ease-in 0s;
    -moz-transition: all .3s ease-in 0s;
    -ms-transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    transition: all .3s ease-in 0s;
}


 /* .normal-btn:hover {
    color: #000 !important;
    -webkit-transition: all .3s ease-in 0s;
    -moz-transition: all .3s ease-in 0s;
    -ms-transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    transition: all .3s ease-in 0s;
}  */


.dark-btn {
    /* min-width: 250px; */
    position: relative;
    display: inline-block;
    opacity: 1;
    text-align: center;
    z-index: 9;
    padding: 10px 30px;
    border-radius: 50px;
    color: #fff !important;
    margin-top: 30px;
    background: #2E9F91;
    border: none;
    /* text-transform: uppercase; */
    -webkit-transition: all .3s ease-in 0s;
    -moz-transition: all .3s ease-in 0s;
    -ms-transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    transition: all .3s ease-in 0s;
    font-size: 14px;
    color: #ffffff;
    font-weight: 700;
    outline: none !important;
    font-family: 'Open Sans', sans-serif;
}

.dark-btn:hover {
    background: #E9C46A !important;
    color: #ffffff !important;
    -webkit-transition: all .3s ease-in 0s;
    -moz-transition: all .3s ease-in 0s;
    -ms-transition: all .3s ease-in 0s;
    -o-transition: all .3s ease-in 0s;
    transition: all .3s ease-in 0s;
}


.small-btn {
    min-width: 130px;
    padding: 5px 15px !important;
    font-size: 14px;
}

.custom-row {
    max-width: 1350px;
    margin: auto;
}


.navbar-toggler {
    max-width: 65px;
}

.navbar-btns {
    text-align: right;
}

.login-icon i {
    background: #5B493B;
    width: 30px;
    height: 31px;
    line-height: 30px;
    text-align: center;
    border-radius: 50%;
    color: #fff;
}

.light_wrapper_bg{
    background-image: url(../img/unmeals.png);
}

.dark_wrapper_bg{
    background-image: url(../img/dark-texture.png);
}

.gray_wrapper_bg {
    background: rgba(18, 19, 21, 0.6);
}

.light_gray_wrapper_bg{
    background-color: #f9f9f9;
}

.bg-green {
    background: #2E9F91 !important;
}

.bg-yellow {
    background: #edc575 !important;
}

.bg-orange {
    background: #ef7259 !important;
}

.bg-light-orange {
    background: #f6dcd7 !important;
}

.bg-gray{
    background: #C4C4C4 !important;
}

.bg-light-gray{
    background: #f1f1f2 !important;
}

.bg-dark-blue{
    background: #173F5F !important
}

.bg-light-blue{
    background:#8cc0e3 !important;
}

.bg-purple{
    background: #686DE0 !important;
}

.text-green {
    color: #2E9F91 !important;
}

.text-yellow {
    color: #edc575 !important;
}

.text-orange {
    color: #ef7259 !important;
}

.text-gray{
    color: #727272 !important;
}

.text-dark-blue{
    color: #173F5F !important
}

.text-light-blue{
    color:#8cc0e3 !important;
}

.text-purple{
    color: #686DE0 !important;
}


.fw-medium{
    font-weight: 500;
}

.mw-auto{
    min-width: inherit !important;
}

/*============================================================
    login_main
============================================================*/


.login_main {
    min-height: 100vh;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom;
}

.login_btns a, .login_btns button {
    padding: 9px 45px;
    background: #fff;
    border-radius: 50px;
    /* max-width: 390px; */
    display: inline-block;
    margin: 35px auto 0;
    color: #757575;
    font-size: 14px;
    font-weight: 500;
    font-family: 'Roboto', sans-serif;
    line-height: 23px;
    text-align: center;
    border: none;
}

.login_btns a img {
    margin-right: 20px;
}

.facebook_login {
    background: #1877F2 !important;
    color: #fff !important;
}


.login_main_inner h3{
    font-family: 'Bebas Neue', cursive;
    text-transform: uppercase;
}


/*============================================================
    #header
============================================================*/
/* .trasparent_nav {
    padding-top: 80px;
} */


header {
    position: relative;
    z-index: 2;
}

.transparent_nav{
    position: absolute;
    width: 100%;
    z-index: 99;
    top: 0;
}

.dark_nav{
    background: #000;
}

.gradient_nav {
    background: linear-gradient(90deg, #242629 28.94%, rgba(36, 38, 41, 0) 196.26%);;
    box-shadow: 0px 4px 4px #2a9d8f; 
}

.white_nav {
    background: #fff;
}

.white_nav a {
    color: #000 !important;
}

.gradient_nav #cssmenu > ul > li > a {
    font-family: 'Bebas Neue', cursive;
}

.gradient_nav #cssmenu2 > ul > li > a {
    font-family: 'Bebas Neue', cursive;
}

.navigation {
    font-family: 'Ubuntu', sans-serif;
    padding: 25px 4%;
}

#header .navigation .navbar-brand img {
   height: 28px;
}


#header .navigation .navbar-nav .nav-link {
    font-size: 16px;
    font-weight: 600;
    padding: 0 15px;
    color: #0D0D0D;
}

#header .navigation .navbar-toggler {
    color: #ababab;
    border: none;
    outline: none;
}

/* .navbar-btns ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 148px;
} */

.navbar-btns .dropdown-menu{
    min-width: auto;
}

.navbar-btns .dropdown-toggle::after{
    display: none;
}

.login-btn {
    font-size: 18px;
    margin-left: 15px;
    display: inline-block;
    color: #fff !important;
}


.navbar-cart {
    position: relative;
}

.quantity-circle {
    position: absolute;
    top: 0;
    border-radius: 50%;
    line-height: 15px;
    background: #2A9D8F;
    color: #fff;
    text-align: center;
    min-width: 15px;
    height: 15px;
    right: -0.5em;
    top: -0.5em;
    font-size: 12px;
}



.dashboard-btn {
    padding-left: 15px;
    line-height: 1;
}

.dashboard-btn a {
    font-size: 25px;
        vertical-align: middle;
}

/*============================================================
   home-banner
============================================================*/

.home-banner {
    background-image: url(../img/un_home_bg.png);
    background-size: cover;
    background-position: center;
    padding: 0;
    min-height: 100vh;
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.home-banner-inner {
    max-width: 570px;
    margin: 0 auto;
    padding: 110px 0;
}

.home-banner-inner h1 {
    margin-bottom: 28px;
    font-family: 'Bebas Neue', cursive;
    text-transform: uppercase;
}

.home-banner-inner p {
    color: #fff;
    font-size: 20px;
    font-family: 'Open Sans', sans-serif;
    font-weight: 600;
}


.social_icon li {
    display: inline-block;
    margin: 0 4px;
    margin-right: 0 !important;
}

.social_icon li a {
/*    background: #E9C46AFA;*/
    width: 26px;
    height: 26px;
    display: inline-block;
    border-radius: 50px;
    color: #000;
    line-height: 26px;
}


.home_zipcode a {
    font-size: 16px;
    color: #fff;
    text-align: center;
    font-weight: 700;
}

.home_zipcode a span {
    color: #C4C4C478;
    display: block;
}


.home-banner-bottom{
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 40px;
}


/*============================================================
   what-offer-main
============================================================*/
.what-offer-main {
    background-color: #F9F9F9;
}


.what-offer-box {
    text-align: center;
    /* padding: 0 17%; */
}

.what-offer-box h4 {
    margin: 35px 0 10px;
    font-family: 'Tahoma-Bold';
    text-transform: inherit;
}

.what-offer-box p {
    font-family: 'Tahoma-Regular';
    padding: 0px 17%;
}

.what-offer-box img {
    height: 90px;
}



/*============================================================
    menu-slider-main
============================================================*/

.menu-box img {
    width: 100%;
}

.menu-box p {
    margin-top: 10px;
    text-align: center;
}

.menu-slider {
    overflow: hidden;
}

.menu-slider .slick-list {
    overflow: visible;
}

.menu-slider .slick-slide {
    padding: 15px;
}

.menu-slider .slick-prev, .menu-slider .slick-next {
    top: 44%;
    background: #E76F51FA;
    z-index: 19;
    right: 32px;
    width: 30px;
    height: 30px;
    border-radius: 50px;
}

.menu-slider .slick-prev {
    left: 0;
}

.menu-slider .slick-next {
    right: 0;
}

.menu-slider .slick-prev:before, .menu-slider .slick-next:before {
    opacity: 1;
    color: #fff;
    font-size: 30px;
    line-height: 0;
}



/*============================================================
    testimonial-main
============================================================*/

.testimonial-main {
    background-color: #F9F9F9;
}

.testi-box {
    padding: 15px;
}

.testi-box img {
    width: 100%;
}

.quote-image {
    margin-top: -70px;
}


.testi-box h5 {
    font-family: 'Tahoma-Bold';
    text-align: center;
    margin: 10px 0;
    text-transform: inherit;
}

.testi-box p {
    font-size: 16px;
}

.testi-box p a {
    color: #2E9F91;
}


/*============================================================
    site-footer
============================================================*/


.site-footer {
    padding: 50px 0;
    background: #0D0D0D;
    position: relative;
}


.footer_logo {
    margin-bottom: 35px;
}


.footer_links ul li a{
    font-size: 16px;
    margin-bottom: 8px;
    display: block;
    color: #ffffff;
    font-weight: 400;
}

.footer_links ul li a:hover {
    color: #EA5045;
}



/*============================================================
    meals-tabs
============================================================*/


.meals_box {
    text-align: center;
    background: #FFFFFF;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    padding: 25px;
    margin-bottom: 30px;
}

.meals_box h4 {
    font-family: 'Tahoma-Bold';
    margin-bottom: 10px;
    text-transform: inherit;
}

.select-quantity {
    display: flex;
    justify-content: space-around;
}

.select-quantity .form-select {
    border: 1.5px solid rgb(204 201 201 / 30%);
    box-shadow: 0px 0.2px 1px rgb(3 3 3 / 50%);
    border-radius: 5px;
}

.select-quantity .input-group {
    border: 1.5px solid rgb(204 201 201 / 30%);
    box-shadow: 0px 0.2px 1px rgb(3 3 3 / 50%);
    border-radius: 5px;
    flex-wrap: inherit;
}

.select-quantity>* {
    width: 45%;
}

.meals_box_image {
    margin-bottom: 30px;
}

.meals_box p {
    font-size: 16px;
}

.meals_box h3 {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 28px;
    line-height: 33px;
    text-align: center;
    color: #E76F51;
    margin: 30px 0;
}

.select-quantity .input-group button {
    background: transparent;
    border: none;
    width: 35px;
    color: #2E9F91;
    font-size: 25px;
}

.select-quantity .input-group input {
    background: #F5F5F5;
    color: #2E9F91;
    text-align: center !important;
    appearance: none !important;
    height: 100%;
    border: none !important;
    outline: none;
}

.select-quantity input[type=number]::-webkit-inner-spin-button, 
.select-quantity input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}


.see-more-btn:after {
    content: "\f107";
    font-family: 'FontAwesome';
    font-weight: 600;
}

.see-more-btn:not(.collapsed)::after {
    content: "\f106";
}

.see-more {
    color: rgba(0, 0, 0, 0.31);
    border: none;
    outline: none;
    padding: 0;
    text-align: center;
    background: transparent;
    font-size: 20px;
}

.graph-indicator {
    width: 10px;
    height: 10px;
    display: inline-block;
    border-radius: 50%;
}


.graph-entry li input {
    width: 45px;
    background: rgba(0, 0, 0, 0.04);
    border-radius: 5px;
    border: none;
    outline: none;
    padding: 3px;
    height: 25px;
}

.graph-entry li {
    text-align: left;
    margin: 8px 0;
    font-size: 18px;
}


.meals-tabs .nav-tabs .nav-item.show .nav-link, .meals-tabs .nav-tabs .nav-link.active {
    border-color: #E76F51FA;
}

.meals-tabs .nav-tabs .nav-link {
    border: none;
    border-bottom: 3px solid transparent;
    font-size: 18px;
    font-weight: 700;
    color: #000 !important;
    font-family: 'Open Sans', sans-serif;
}

.meals-tabs .nav.nav-tabs {
    max-width: 700px;
    margin: 0 auto 40px;
}

/*============================================================
    programs
============================================================*/

.program-category-box img {
    width: 100%;
}

.program-category-box {
    margin-bottom: 80px;
    text-align: center;
}

.program-category-box p {
    margin-top: 15px;
}

.video-main {
    position: relative;
    padding-bottom: 56.25%;
}

.video-main iframe {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    left: 0;
}

/*============================================================
    content-box
============================================================*/

.content-box p {
    margin-bottom: 20px;
}




/*============================================================
    articles-main
============================================================*/
.articles-main {
    padding-top: 150px !important;
}

.article-box img {
    width: 100%;
}

.article-box-content {
    margin-top: 15px;
}

.article-box-content a {
    color: #fff;
    font-size: 25px;
    font-family: 'Tahoma-Bold';
    margin: 10px 0;
    display: inline-block;
    line-height: 1.2;
}

.article-box-top {
    display: flex;
    justify-content: space-between;
}

.article-author {
    color: #2E9F91;
    font-size: 18px;
    font-family: 'Tahoma-Bold';
}

.post-date {
    font-size: 14px;
    color: #C4C4C4;
}

.article-box {
    margin-bottom: 80px;
}


/*============================================================
    articles-details
============================================================*/

.article-details-main{
    position: relative;
    padding-top: 150px !important;
}

.article-details-main:before {
    position: absolute;
    content: '';
    background-image: url(../img/Blog-Details.png);
    height: 100%;
    width: 100%;
    z-index: -1;
    top: 0;
    /* background-repeat: no-repeat; */
    background-size: 100%;
    height: 718px;
}

.article-details-content-top h3 {
    font-family: 'Tahoma-Bold';
    margin-bottom: 15px;
}

.article-details-content-top p {
    color: #C4C4C4;
    font-size: 20px;
}

.article-inner-content p{
    margin-bottom: 20px;
}



.article-author-box h4 {
    font-family: 'Tahoma-Regular';
    text-transform: inherit;
}

.article-author-box p {
    font-size: 14px;
    margin-bottom: 20px;
}

.article-author-box {
    padding-top: 50px;
    margin-top: 50px;
    border-top: 1px solid #333;
}

/*============================================================
    contact-main
============================================================*/

.contact-form-inner .form-control {
    background: rgba(255, 255, 255, 0.8);
    /* border: 1px solid #28292F; */
    border-radius: 33px;
    min-height: 50px;
}

.contact-form-inner .form-group {
    margin-bottom: 30px;
}

.contact-form-inner .form-group label {
    font-family: 'Bebas Neue', cursive;
    margin-left: 15px;
}



/*============================================================
    cart__product_main
============================================================*/

.product_progress_steps{
    min-height: 60vh;
}

.product_progressbar {
    display: flex;
    margin-bottom: 60px;
}

.number_progress{
    counter-reset: step;
}


.product_progressbar li {
    list-style-type: none;
    font-size: 14px;
    width: 25%;
    /* float: left; */
    position: relative;
    text-align: center;
    line-height: 17px;
    font-family: 'Ubuntu', sans-serif;
}

.product_progressbar li:before {
    content: '';
    width: 21px;
    height: 21px;
    line-height: 20px;
    display: block;
    background: #c4c4c4;
    border-radius: 50px;
    margin: 0 auto 5px auto;
    position: relative;
    z-index: 1;
}

.number_progress li:before {
    content: counter(step);
    counter-increment: step;
}


.product_progressbar li:after {
    content: '';
    width: 100%;
    height: 3px;
    background: #000;
    position: absolute;
    left: -50%;
    top: 9px;
}

.product_progressbar li:first-child:after {
    content: none; 
}

.product_progressbar li.active:before, .product_progressbar li.active:after {
    background: #2A9D8F;
    color: white;
}

.product_progressbar li.active_0:before{
    background: #f16d56;
    color: white;
}
.product_progressbar li.active_1:before{
    background: #f5be77;
    color: white;
}
.product_progressbar li.active_2:before{
    background: #00a092;
    color: white;
}
.product_progressbar li.active_3:before{
    background: #1d7db4cf;
    color: white;
    z-index: 99;
}
.product_progressbar li.active_4:before{
    background: #1d7db4cf;
    color: white;
    z-index: 99;
}



.cart_table {
    width: 100%;
}

.cart__image-wrapper {
    width: 22%;
}

.cart__product-information a {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    text-decoration: underline;
    font-family: 'Tahoma-Bold';
    display: inline-block;
}

.cart__product-information p {
    font-size: 14px;
    line-height: 18px;
    margin-top: 3px;
}

.cart__product-information {
    padding-left: 24px;
}

.cart__product-information .form-select {
    max-width: 170px;
    font-size: 11px;
    color: #555;
    margin: 10px 0;
    max-height: 25px;
    padding: 4px 10px;
    text-align: center;
}

.cart__product-information ul li {
    font-size: 10px;
}


.cart_table thead th {
    border-bottom: 1px solid #ACB7BD;
    font-size: 18px;
    font-weight: 400 !important;
}

.cart_table tbody td {
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom:1px solid #ACB7BD;
}


.cart__product_quantity input[type=number]::-webkit-inner-spin-button, 
.cart__product_quantity input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

.cart__product_quantity input.quantity-field {
    width: 30px;
    text-align: center !important;
    border: none !important;
    outline: none;
    background: transparent;
    font-size: 13px;
}

.cart__product_quantity button {
    width: 21px;
    padding: 0;
    height: 21px;
    line-height: 16px;
    border: 1px solid #000 !important;
    font-size: 14px;
    color: #000;
}

.total_footer {
    padding: 30px;
}

.total_footer p {
    font-weight: 700;
    margin-top: 30px;
}

.last-total {
    font-size: 20px;
    margin-top: 70px !important;
}

.total_footer p span {
    float: right;
}


.radio_options .form-check-label {
    font-size: 18px;
    font-weight: 400;
    display: flex;
    align-items: center;
    min-width: 147px;
    border: 1px solid #D2D2D2;
    border-radius: 4px;
    padding: 4px 12px;
    cursor: pointer;
    text-align: center;
    justify-content: center;
}

.radio_options .form-check-label.border-0 {
    min-width: auto;
}

.radio_options .form-check-input:checked~.form-check-label {
    color: #E76F51;
    border-color: #E76F51;
}

.radio_options .form-check-label::before {
    width: 15px;
    height: 15px;
    border: 1px solid #000;
    top: 0px;
    left: 0px;
    position: relative;
    margin-right: 10px;
    content: '';
    border-radius: 50%;
}

.radio_options .form-check-input:checked~.form-check-label::before{
    border: 5px solid #E76F51;
}

.radio_options .form-check-input {
    position: absolute;
    z-index: -1;
    opacity: 0;
}


/*============================================================
   custom_fields
============================================================*/


.custom_fields .form-control{
    margin-bottom: 30px;
    border-color: transparent;
    outline: none;
    min-height: 40px;
    box-shadow: none;
    border-radius: 10px;
    background: #fff; 
}

.custom_fields2 .form-control{
    border-color: transparent;
    outline: none;
    min-height: 40px;
    box-shadow: none;
    border-radius: 10px;
    background: #fff; 
}

.grey_fields .form-control {
    background: rgba(0, 0, 0, 0.04);

}

.custom_fields .form-group label {
    font-size: 14px;
    margin-bottom: 15px;
    /* font-family: 'Roboto', sans-serif;
    font-weight: 700; */
}



.center_placeholder_form .form-control {
    text-align: center;
}

.center_placeholder_form .form-control::placeholder {
    color:#000;
}

.dark_fields .form-control {
    background: #000;
    color:#fff
}

.dark_fields .form-control::placeholder {
    color:#555
}


#checkout_step_1 .form-control {
    border: 1px solid #999999;
    -webkit-appearance: auto;
    -moz-appearance: auto;
    appearance: auto;
}

/*============================================================
    gender_options
============================================================*/

.gender_options .form-check-label {
    font-size: 16px;
    font-weight: 400;
    min-width: 77px;
    background: #fff;
    border-radius: 25px;
    padding: 3px 12px;
    cursor: pointer;
    text-align: center;
}

.gender_options .form-check-input:checked~.form-check-label {
    color: #E76F51;
    border-color: #E76F51;
}



.gender_options .form-check-input[type=radio] {
    width: 20px;
    height: 20px;
    float: right;
    margin-left: 10px;
    box-shadow: none;
}

.gender_options .form-check {
    padding-left: 0;
}

.gender_options .form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='gray' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
    background-color: #fff;
    border-color: #fff;
}


.remember-btn {
    font-family: 'Bebas Neue', cursive;
    border: none;
    font-size: 20px;
    background: rgba(43, 46, 74, 0.7);
    border-radius: 999px;
    padding: 8px 25px;
    color: #fff;
    outline: none;
    box-shadow: none;
}


/*============================================================
    check-list
============================================================*/


.check-list li {
    float: left;
    width: 100%;

}

.check-list li  label{
    margin-left: 5px;
}


.check-item+label:before {
    content: "";
    margin-right: 10px;
    display: inline-block;
    /* vertical-align: text-top; */
    width: 15px;
    height: 15px;
    background: #c1c1c1;
    /* border: 2px solid #132620; */
    border-radius: 50%;
}

.check-item:checked+label:before {
    background: #fff;
}

.check-item:checked+label:after {
    content: "";
    position: absolute;
    left: 5px;
    top: 7px;
    /* background: white; */
    width: 2px;
    height: 2px;
    /* box-shadow: 2px 0 0 #132620, 4px 0 0 #132620, 4px -2px 0 #132620, 4px -4px 0 #132620, 4px -6px 0 white, 4px -8px 0 white; */
    transform: rotate(45deg);
    width: 5px;
    height: 9px;
    border: solid #000;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

.check-item {
    position: absolute;
    opacity: 0;
}

.check-item+label {
    color: #fff;
    font-size: 18px;
    margin-bottom: 20px;
    /* font-family: 'Roboto', sans-serif; */
    /* font-weight: 700; */
    position: relative;
    cursor: pointer;
    font-family: 'Bebas Neue', cursive;
}


.check-item[type="text"] {
    opacity: 1;
}

.check-list-light .check-item+label {
    color: #000;
    font-family: 'Tahoma-Regular';
}

.check-list-light .check-item+label:before{
    border: 1px solid #555;
    background: #fff;
}

.check-list-light .check-item:checked+label:before {
    border-color: #E76F51;
}

.check-list-light .check-item:checked+label {
    color: #E76F51;
}

.check-list-light .check-item:checked+label:after{
    width: 9px;
    background: #E76F51;
    border: none;
    border-radius: 50%;
    left: 3px;
    top: 8px;
}

/*============================================================
    horizontal-select
============================================================*/

.horizontal-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 275px;
    color: #fff;
    margin-top: 25px;
}

.horizontal-select select {
    background-color: rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    color: #fff;
    position: relative;
    max-width: 115px;
    border: none;
    box-shadow: none !important;
    outline: none !important;
}

.horizontal-select select:after{
  width: 0; 
  height: 0; 
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #f00;
  position: absolute;
  top: 40%;
  right: 5px;
  content: "";
  z-index: 98;
 }

 .horizontal-select select {
    border-radius: 5px;
    color: #fff;
    position: relative;
    max-width: 115px;
    border: none;
    box-shadow: none !important;
    outline: none !important;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='white'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
    background-size: 9px;
    background-position: calc(100% - 8px) 13px;
    background-repeat: no-repeat;
    background-color: rgba(0, 0, 0, 0.25);
    max-height: 31px;
}



/*============================================================
    horizontal-input
============================================================*/

.horizontal-input {
    margin-bottom: 30px;
}

.horizontal-input label {
    font-size: 18px;
    color: #fff;
    margin-left: 15px;
    font-weight: 700;
}

.horizontal-input input {
    border-color: transparent;
    outline: none;
    min-height: 38px;
    box-shadow: none;
    border-radius: 10px;
    background: #eee;
    text-indent: 10px;
    max-width: 140px;
}


/*============================================================
    gradient-row
============================================================*/
.gradient-row {
    background: linear-gradient(90deg, #000000 28.94%, rgba(36, 38, 41, 0) 196.26%);
    box-shadow: 0px 4px 4px #2A9D8F;
}


.gradient-row h1, .gradient-row h2{
    font-family: 'Bebas Neue', cursive;
}

/*============================================================
    custom-food
============================================================*/

.custom-food-inputs .form-control {
    background: #C4C4C4;
    max-width: 230px;
    border-radius: 50px;
}

/*============================================================
    custom-food-box
============================================================*/

.custom-food-box {
    display: flex;
    border: 1px solid #ddd;
    margin-bottom: 30px;
}

.custom-food-box-inner h4 {
    font-family: 'Tahoma-Bold';
    text-transform: inherit;
    color: #fff;
    background: #000;
    padding: 1px 10px;
    font-size: 18px;
}

.custom-food-box-inner {
    width: 100%;
}

.custom-food-box-inner p {
    padding: 0px 15px;
    font-size: 14px;
    font-family: 'Roboto', sans-serif;
    margin-top: 15px;
}



/*============================================================
    only-checkbox
============================================================*/


.only-checkbox label {
    height: 25px;
    position: relative;
    width: 25px;
    cursor: pointer;
}

.only-checkbox input[type="checkbox"] {
    display: none;
}

.only-checkbox input[type="checkbox"]+.box:before,
.only-checkbox input[type="checkbox"]+.box:after {
    transition: all 0.3s;
}

.only-checkbox input[type="checkbox"]+.box:after {
    position: absolute;
    left: 0;
    top: 0;
    display: inline-block;
    content: ' ';
    width: 25px;
    height: 25px;
    border: 2px solid #000;
    border-radius: 4px;
    background-color: #fff;
    z-index: 1;
}

.only-checkbox input[type="checkbox"]:checked+.box:after {
    /* background-color: #2196f3; */
    border-color: #000000;
}

.only-checkbox input[type="checkbox"]:checked+.box:before {
    transform: rotate(45deg);
    position: absolute;
    left: 10px;
    top: 5px;
    width: 8px;
    height: 12px;
    border-width: 3px;
    border-style: solid;
    border-top: 0;
    border-left: 0;
    border-color: #252222;
    content: '';
    z-index: 9;
}




/*============================================================
    add_options
============================================================*/

.add_options .form-check-label {
    font-size: 16px;
    font-weight: 400;
    min-width: 100px;
    background: #fff;
    border-radius: 25px;
    padding: 3px 12px;
    cursor: pointer;
    /* text-align: center; */
}

.add_options .form-check-input[type=radio] {
    width: 20px;
    height: 20px;
    margin-left: 10px;
    box-shadow: none;
    border-radius: 2px;
    border-color: #000;
}

.add_options .form-check {
    padding-left: 0;
}

.add_options .form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
    background-color: #fff;
}


/*============================================================
    inline-inputs
============================================================*/


.inline-inputs label {
    font-size: 20px;
}

.inline-inputs .form-control {
    border-radius: 50px;
    min-height: 45px;
    outline: none;
    border: none;
    box-shadow: none !important;
}

.inline-inputs select.form-control {
    position: relative;
    border: none;
    box-shadow: none !important;
    outline: none !important;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='black'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
    background-color: #fff;
    background-size: 9px;
    background-position: calc(100% - 9px) 21px;
    background-repeat: no-repeat;
}




/*============================================================
    shadow-box
============================================================*/

.shadow-box {
    padding: 24px;
    background: #F9F9FA;
    box-shadow: 0px 4px 25px rgb(39 42 69 / 10%);
    border-radius: 10px;
    position: relative;
}


/*============================================================
    notification-row
============================================================*/


.notification-row {
    margin-top: 15px;
    background: rgba(0, 0, 0, 0.03);
    border-radius: 20px;
    padding: 21px 15px;
    display: flex;
    align-items: center;
    position: relative;
}

.notification-row img{
    max-height: 50px;
}

.notification-content p {
    font-size: 14px;
    line-height: 19px;
}

.notification-content p b {
    margin-bottom: 6px;
    display: block;
}

.notification-content {
    margin-left: 15px;
}

.notification-time {
    position: absolute;
    right: 20px;
    top: 10px;
    font-size: 10px;
    font-weight: 300;
}

.shadow-box-title{
    margin-bottom: 15px;
    font-family: 'Bebas Neue', cursive;
}

/* .shadow-box h4{
    font-family: 'Bebas Neue', cursive;
} */





/*============================================================
    my-program
============================================================*/


.my-program {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

.my-program>* {
    width: 50%;
}

.my-program p {
    padding: 17px;
    text-align: center;
}


/*============================================================
    profile-info
============================================================*/


.profile-info {
    display: flex;
}

.profile-info-content {
    padding: 20px;
}

.profile-btns li a {
    background: #E76F51FA;
    border-radius: 25px;
    padding: 3px 15px;
    font-weight: 300;
    color: #fff;
    display: inline-block;
}


/*============================================================
    horizontal-select-light
============================================================*/

.horizontal-select-light .form-select {
    
    border: none;
    min-height: 40px;
    /* max-width: 300px; */
    box-shadow: none;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='black'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
    background-color: #efefef;
    background-size: 9px;
    background-position: calc(100% - 8px) 17px;
    background-repeat: no-repeat;
}

.horizontal-select-light p {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
}



/*============================================================
    modal
============================================================*/

.modal-title {
    font-family: 'Bebas Neue', cursiv
}


.modal-content {
    background: #FFFFFF;
    box-shadow: 0px 21px 94px rgb(0 0 0 / 3%);
    border-radius: 15px;
    border: none;
}

/*============================================================
    orange-bullet-points
============================================================*/

.orange-bullet-points li {
    position: relative;
    margin-top: 23px;
    padding-left: 27px;
}

.orange-bullet-points li:before {
    position: absolute;
    content: '';
    background: #E76F51;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    left: 0;
    top: 4px;
}

.separate-border {
    border-right: 1px solid #ddd;
}


/*============================================================
    measurment-list
============================================================*/

.measurment-list p {
    font-size: 16px;
    line-height: 20px;
    margin-top: 25px;
}

.measurment-list p span {
    font-size: 14px;
    border: 1px solid #000;
    border-radius: 25px;
    min-width: 70px;
    display: inline-block;
    text-align: center;
    font-weight: 700;
}

.measurment-list p input {
    font-size: 14px;
    border: 1px solid #000;
    border-radius: 25px;
    min-width: 70px;
    display: inline-block;
    text-align: center;
    font-weight: 700;
    max-width: 70px;
}

.measurment-list p select {
    font-size: 14px;
    border: 1px solid #000;
    border-radius: 25px;
    min-width: 70px;
    display: inline-block;
    text-align: center;
    font-weight: 700;
    max-width: 70px;
}


/*============================================================
    order-history
============================================================*/

.order-history-box{
    margin-bottom: 40px;
}

.order-product-info {
    display: flex;
    padding: 30px 0;
    align-items: flex-start;
    position: relative;
}

.order-product-info-content {
    padding-left: 24px;
    width: 100%;
}

.order-product-info-content a {
    font-size: 16px;
    font-weight: 700;
    color: #000;
    text-decoration: underline;
    font-family: 'Tahoma-Bold';
    display: inline-block;
    margin-bottom: 6px;
}

.order-product-info-content p {
    font-size: 14px;
    line-height: 18px;
    color: #A8A8A8;
}

.rate-btn {
    color: #000000;
    font-size: 14px;
}


.rating-list li i {
    color: #E9C46A;
    font-size: 25px;
}


#full-stars-example .rating-group {
    display: inline-flex;
  }
  #full-stars-example .rating__icon {
    pointer-events: none;
  }
  #full-stars-example .rating__input {
    position: absolute !important;
    left: -9999px !important;
  }
  #full-stars-example .rating__label {
    cursor: pointer;
    padding: 0 0.1em;
    font-size: 2rem;
  }
  #full-stars-example .rating__icon--star {
    color: orange;
  }
  #full-stars-example .rating__icon--none {
    color: #eee;
  }
  #full-stars-example .rating__input--none:checked + .rating__label .rating__icon--none {
    color: red;
  }
  #full-stars-example .rating__input:checked ~ .rating__label .rating__icon--star {
    color: #ddd;
  }
  #full-stars-example .rating-group:hover .rating__label .rating__icon--star {
    color: orange;
  }
  #full-stars-example .rating__input:hover ~ .rating__label .rating__icon--star {
    color: #ddd;
  }
  #full-stars-example .rating-group:hover .rating__input--none:not(:hover) + .rating__label .rating__icon--none {
    color: #eee;
  }
  #full-stars-example .rating__input--none:hover + .rating__label .rating__icon--none {
    color: red;
  }

/*============================================================
    daily-tracking
============================================================*/

.daily-tracking table thead tr th {
    font-size: 12px;
    font-weight: 300;
    text-align: center;
}

.daily-tracking table tbody tr th {
    font-weight: 400;
}

.daily-tracking .table>:not(caption)>*>* {
    padding: 0.7rem 0.5rem;
}

.range-count {
    line-height: 0.5;
}

#datepicker {
    cursor: pointer;
    width: auto;
}

#datepicker input {
    border: 2px solid #a1bffc;
    outline: none;
    max-width: 124px;
    color: #343A48;
    padding: 5px;
    border-radius: 4px;
    cursor: pointer;
    font-size: 13px;
    max-height: 33px;
}

#datepicker span.input-group-addon {
    opacity: 0.5;
    padding: 1px 4px 3px;
    border-radius: 4px;
    position: absolute;
    right: 8px;
    top: 4px;
/*    pointer-events: none;*/
}



#datepicker span.input-group-addon:hover {
    opacity: 1;
    background: #E3E8ED;
}

.title-checkbox {
    border: 2px solid #000;
    border-radius: 4px;
}

.title-checkbox label {
    width: 100%;
    text-align: left;
    padding: 0 15px;
}

.title-checkbox label .box:before {
    left: auto !important;
    right: 15px;
}

.title-checkbox label .box:after {
    display: none !important;
}


.only-checkbox:not(.title-checkbox) .check-title {
    margin-left: 30px;
}

.form-control:not(textarea)
/*============================================================
    tick-radio
============================================================*/

.tick-radio .form-check-label {
    font-size: 16px;
    font-weight: 400;
    min-width: 100px;
    background: #fff;
    border-radius: 25px;
    padding: 3px 12px;
    cursor: pointer;
    /* text-align: center; */
}

.tick-radio .form-check-input[type=radio] {
    width: 25px;
    height: 25px;
    margin: 0;
    box-shadow: none;
    border-radius: 2px;
    border-color: #000;
    float: none;
    border-width: 2px;
    cursor: pointer;
}

.tick-radio .form-check {
    padding-left: 0;
}

.tick-radio .form-check-input:checked[type=radio] {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='black' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10l3 3l6-6'/%3e%3c/svg%3e");
    background-color: #fff;
}


.range-slider input {
    height: 1px;
    border-color: #000;
}

.range-slider input::-webkit-slider-thumb {
        -webkit-appearance: none;
        border-radius: 50%;
        background: #000 !important;
        cursor: pointer;
        height: 22px;
        width: 22px;
        transform: translateY(calc(-50% + 1px));
    }

.range-slider input::-webkit-slider-runnable-track {
        width: 100%;
        height: 2px;
        cursor: pointer;
        animate: 0.2s;
        background: #000;
        border-radius: 1rem;
    }

.range-slider input {
    -webkit-appearance: none;
    width: 100%;
}

.range-slider input::-moz-range-thumb {
    -webkit-appearance: none;
    border-radius: 50%;
    background: #000 !important;
    cursor: pointer;
    height: 22px;
    width: 22px;
    transform: translateY(calc(-50% + 11px));
    border: none;
    box-shadow: none;
}
.range-slider input::-moz-range-track {
    width: 100%;
    height: 2px;
    cursor: pointer;
    animate: 0.2s;
    background: #000;
    border-radius: 1rem;
}

/* #tooltip span {
    position: absolute;
    text-align: center;
    display: block;
    line-height: 1;
    padding: 0.125rem 0.25rem;
    color: #fff;
    border-radius: 0.125rem;
    background: #6BA132;
    font-size: 1.25rem;
    left: 50%;
    transform: translate(-50%, 0);
}

#tooltip {
    position: absolute;
    top: -2.25rem;
}

.range-slider {
    width: 100%;
    margin: 0 auto;
    position: relative;
    margin-top: 2.5rem;
    margin-bottom: 2rem;
} */



.coach-info-content h2{
    font-family: 'Bebas Neue', cursive;
}

/*============================================================
    messaging-chat-list
============================================================*/

.messaging-chat-list {
    /* padding: 0 30px; */
    max-height: 450px;
    overflow: auto;
    padding-right: 15px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 15px 0px;
    border-radius: 10px;
    background: #fff;
    min-height: 350px;
}

.messaging-main .navbar-brand {
    font-size: 26px;
    text-transform: uppercase;
    font-weight: 600;
    color: #3d2198;
}

.chat-list-box {
    background: #fff;
    padding: 17px 15px;
    /* border-radius: 10px; */
    position: relative;
    /* margin-bottom: 10px; */
    cursor: pointer;
    border: 1px solid #e4e2e2;
    /* display: flex; */
    /* align-items: center; */
    /* flex-wrap: wrap; */
    /* box-shadow: 0px 0px 8px rgb(0 0 0 / 20%); */
}

.chat-list-box-user {
    display: flex;
    align-items: center;
    /* width: 77%; */
}

.chat-list-box-user img {
    width: 50px;
    border-radius: 50%;
    height: 50px;
}

.chat-list-box-user-content {
    margin-left: 15px;
    width: 70%;
}

.chat-list-box-user-content h4 {
    font-size: 18px;
    margin-bottom: 3px;
}

.chat-list-box p {
    margin: 0;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 300;
}

.message-time {
    /* min-width: 23%; */
    /* text-align: right; */
    position: absolute;
    right: 15px;
    top: 20px;
}

.notification-chat {
    background: #F0F0F0;
}

.notification-badge {
    position: absolute;
    top: 50%;
    right: 15px;
}



.chat-list-box.active-user {
    background-image: linear-gradient(180deg, #60c8c0 0%, #009f91 200.81%);
    background: #E5E5E5;
}

.chat-list-box.active-user .chat-list-box-user-content h4, .chat-list-box.active-user p {
    /* color: #fff !important; */
}

.messaging-chat-list .wssearchbar {
    margin: 15px 0 30px;
}

.messaging-chat-list .topmenusearch input {
    background: #fff;
    font-size: 15px;
}

.chat-user-name {
    padding: 15px 30px;
    background: #b7d7ee;
    border-radius: 10px 10px 0 0;
    color: #173F5F;
}

.chat-messages {
    background: #fff;
    /* margin-top: 20px; */
    display: inline-block;
    width: 100%;
    border: 1px solid #E6E6E7;
    border-radius: 10px;
    /* padding: 27px 30px; */
}

.chat-content .chat-messages ul li {
    display: flex;
    clear: both;
    /* float: left; */
    margin: 20px 15px 10px 15px;
    width: calc(100% - 25px);
    font-size: 0.9em;
    /* flex-direction: column; */
    align-items: flex-start;
}

.chat-content .chat-messages ul li span {
    font-size: 16px;
    color: #858585;
    font-weight: 400;
    display: block;
    display: none;
}

.chat-content .chat-messages ul li p {
    display: inline-block;
    padding: 9px 25px;
    border-radius: 20px;
    max-width: 70%;
    position: relative;
    /* line-height: 130%; */
    margin-bottom: 5px;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
}

.chat-content .chat-messages ul li p:after {
    content: "";
    position: absolute;
    border: 10px solid transparent;
    border-right: 10px solid #f1f1f1;
    border-top: none;
    top: 0;
    right: 100%;
}

.chat-content .chat-messages ul li.replies {
    justify-content: end;
}

.chat-content .chat-messages ul li.replies p:after {
    border-left: 10px solid #e1e1e1;
    border-right: none;
    left: 100%;
}

.chat-content .chat-messages ul li.replies p {
    background: #e1e1e1;
    /* float: right; */
    /* color: #fff; */
    border-radius: 10px 0px 10px 10px;
    margin-right: 15px;
}

.chat-content .chat-messages ul li.sent p {
    /* color: #003f5d; */
    background: #f1f1f1;
    max-width: 70%;
    border-radius: 0px 10px 10px 10px;
    margin-left: 15px;
}


.contact-profile {
    border: 1px solid #E6E6E7;
    border-radius: 10px;
    padding: 27px 30px;
}


.messaging-chat-list::-webkit-scrollbar-track {
    border-radius: 10px;
    background-color: #D9D9D9;
}

.messaging-chat-list::-webkit-scrollbar {
    border-radius: 10px;
    width: 2px;
    background-color: #D9D9D9;
}

.messaging-chat-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #2E9F91;
}


.message-input {
    background: #FAFAFA;
    padding: 15px;
    border-radius: 15px;
    margin-top: 30px;
    /* box-shadow: 0px 4.66px 22.5px rgb(61 33 152 / 10%); */
    padding: 15px 30px;
    background: #b7d7ee;
    border-radius: 0 0 10px 10px;
    color: #fff;
}

.message-input .wrap a {
    color: #939393;
    padding: 0 7px;
    font-size: 18px;
}


.message-input .wrap {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-radius: 25px;
    padding: 5px;
}

.message-input .wrap .type-box {
    width: calc(100% - 130px);
    display: flex;
}

.message-input .wrap input[type="text"] {
    font-size: 14px;
    border: none;
    outline: none;
    width: 100%;
    background: transparent;
    text-indent: 15px;
}



.message-input .wrap button.submit {
    /* background-image: linear-gradient(180deg, #0b3f5e 0%, #009688 100%); */
    background-color: #009c8e;
    border: none;
    outline: none;
    font-size: 16px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    color: #fff;
    margin-left: 10px;
}


.mbl-message-icon a {
    background-image: linear-gradient(150deg, #ea297e, #a42bc8);
    width: 35px;
    height: 35px;
    display: inline-block;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    line-height: 35px;
   
}


.message-logo-section {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


span.message-count {
    position: absolute;
    top: -5px;
    right: -5px;
    background: #3d2198;
    width: 18px;
    height: 18px;
    color: #fff;
    text-align: center;
    line-height: 18px;
    font-size: 13px;
    border-radius: 50%;
}

.mbl-message-icon {
    position: relative;
     display: none;
}

.chat-content .chat-messages ul li img {
    height: 50px;
}


.chat-messages ul {
    max-height: 404px;
    overflow: auto;
    overflow-x: hidden;
    padding: 25px 30px;
    height: 350px
}

.chat-messages ul::-webkit-scrollbar-track {
    display:none !important; 
}

.chat-messages ul::-webkit-scrollbar {
    display:none !important; 
}

.chat-messages ul::-webkit-scrollbar-thumb {
    display:none !important; 
}

.back-btn {
    color: #3d2198;
    font-size: 18px;
    margin-bottom: 15px;
    display: block;
}



/*============================================================
    dashboard-wrapper
============================================================*/

.dashboard-wrapper {
    padding: 0 4%;
}

.page-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 40px 0;
}

.page-head h2.h1 {
    font-weight: 500;
    font-family: 'Ubuntu', sans-serif;
}



.order_buttons a {
    display: block;
    width: 75%;
    margin-bottom: 7px;
    font-size: 14px;
}



/*============================================================
    shadow-box-top
============================================================*/


.shadow-box-top {
    border-radius: 10px 10px 0 0;
    padding: 7px 15px;
    min-height: 38px;
}

.shadow-box-top h4 {
    font-weight: 500;
    font-family: 'Ubuntu', sans-serif;
}

.shadow-box-inner-content{
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 0 0 10px 10px;
}


.border-content-row p {
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 6px;
}

.spaced-list li {
    margin-right: 25px !important;
}

.border-content-row {
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 8px 15px;
}

table.table th, table.table td {
    font-size: 14px;
}


.shadow-box-inner-content::-webkit-scrollbar-track {
    background-color: #D9D9D9;
}

.shadow-box-inner-content::-webkit-scrollbar {
    width: 2px;
    background-color: #D9D9D9;
}

.shadow-box-inner-content::-webkit-scrollbar-thumb {
    background-color: #2E9F91;
}


.custom-scrollbar::-webkit-scrollbar-track {
    background-color: #D9D9D9;
}

.custom-scrollbar::-webkit-scrollbar {
    width: 2px;
    background-color: #D9D9D9;
}

.custom-scrollbar::-webkit-scrollbar-thumb {
    background-color: #2E9F91;
}

/*============================================================
    filter-sidebar
============================================================*/

.filter-sidebar select.form-control {
    position: relative;
    box-shadow: none !important;
    outline: none !important;
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='black'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat;
    background-color: #fff;
    background-size: 9px;
    background-position: calc(100% - 9px) 11px;
    background-repeat: no-repeat;
    color: #666;
}

.filter-sidebar .form-group label {
    font-size: 14px;
    margin-bottom: 5px;
}

.filter-sidebar .form-control:not(textarea) {
    height: 27px;
    padding-top: 0;
    padding-bottom: 0;
}



/*============================================================
    accordion-head-links
============================================================*/

.accordion-item {
    border-radius: 0 !important;
    margin-bottom: 10px;
    border: 1px solid rgba(0,0,0,.125) !important;
}

.accordion-head-links {
    position: absolute;
    bottom: 10px;
    right: 20px;
    z-index: 9;
}

.accordion-head-content {
    position: relative;
}

.accordion-head-content .accordion-button {
    align-items: flex-start;
    box-shadow: none;
}

.accordion-head-content .accordion-button::after {
    content: "+";
    background-image: none;
    font-size: 14px;
    margin-top: -5px;
    content: "\f067";
    font-family: 'FontAwesome';
    color: #000;
}

.accordion-head-content .accordion-button:not(.collapsed)::after {
    transform: none;
    content: "\f068";
}

.accordion-head-content .accordion-button p {
    line-height: 20px;
    color: #000;
}

.accordion-head-content .accordion-button:not(.collapsed) {
    background-color: #fae7c9;
}

.accordion-head-content .accordion-button .rotation-date {
    color: #999;
}



/*============================================================
    custom-quantity
============================================================*/

.custom-quantity {
    max-width: 70px;
}

.custom-quantity input {
    appearance: none;
    width: 46%;
    background: transparent;
    border: none;
    outline: none;
}

.custom-quantity input[type=number]::-webkit-inner-spin-button, 
.custom-quantity input[type=number]::-webkit-outer-spin-button { 
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    margin: 0; 
}

.custom-quantity button {
    border: none;
    background: transparent;
    width: 27%;
}


/*============================================================
    recipes-accordian
============================================================*/

.recipes-accordian .accordion-button {
    background: #ef7259;
    color:#000;
    box-shadow: none;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.5px;
}


.recipes-accordian .accordion-button:not(.collapsed) {
    background: rgba(231, 111, 81, 0.2);
}

.recipes-accordian .accordion-button::after {
    content: "+";
    background-image: none;
    font-size: 14px;
    margin-top: 0px;
    content: "\f067";
    font-family: 'FontAwesome';
    color: #000;
}

.recipes-accordian .accordion-button:not(.collapsed)::after {
    transform: none;
    content: "\f068";
}

/*============================================================
    border-list
============================================================*/

.border-list {
    border-color: #666 !important;
}

.border-list li {
    padding: 5px 10px;
    border-bottom: 1px solid #666;
    font-size: 12px;
}

.border-list li:last-child {
    border: none;
}

.print-icon {
    position: absolute;
    bottom: 15px;
    right: 15px;
}



/*============================================================
    add-blog-sidebar
============================================================*/

.add-blog-sidebar {
    background: linear-gradient(0, #242629 28.94%, rgba(36, 38, 41, 0) 196.26%);
    padding: 30px;
    text-align: center;
}



/*============================================================
    notification-sidebar
============================================================*/

.notification-sidebar {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    position: fixed;
    height: 100%;
    width: 100%;
    right: -100%;
    top: 25px;
    z-index: 99999;
    /* padding: 15px; */
    max-width: 488px;
    background: #FFFCF7;
    border: 0.5px solid #000000;
    border-radius: 15px;
}

body.open-menu .notification-sidebar {
    right: 0 !important;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}

.notification-toggle{
    cursor: pointer;
}


.notification-sidebar-content .nav-tabs .nav-item.show .nav-link, .notification-sidebar-content .nav-tabs .nav-link.active {
    border-color: #E76F51FA;
}

.notification-sidebar-content .nav-tabs .nav-link {
    border: none;
    border-bottom: 3px solid transparent;
    font-size: 18px;
    font-weight: 700;
    color: #000 !important;
    font-family: 'Open Sans', sans-serif;
    background: transparent;
}

.notification-sidebar-content .nav.nav-tabs {
    max-width: 700px;
    margin: 0 auto 20px;
    padding: 0 25px;
}

.notification-sidebar-row h4 {
    margin-right: 15px;
}

.notification-sidebar-row {
    padding: 17px 30px;
    border-bottom: 1px solid #d9d9d9;
}

.unread-msg {
    background: #E5E5E5;
}

.notification-sidebar-close {
    position: absolute;
    top: 0;
    right: 7px;
    color: #000;
    font-size: 18px;
}


/*============================================================
    notification-page
============================================================*/


.notification-page-row h4 {
    margin: 0 15px;
}

.notification-page-row {
    padding: 17px 30px;
    border-bottom: 1px solid #d9d9d9;
}

.notification-page-row:first-child {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.notification-page-row:last-child {
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border: none;
}

.notification-page-row {
    padding: 17px 30px;
    border-bottom: 1px solid #d9d9d9;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.send-message-btn {
    font-size: 14px;
    font-weight: 400;
    border: 1px solid orange;
    border-radius: 25px;
    color: #000;
    padding: 4px 12px;
    text-align: center;
    max-width: 130px;
    width: 100%;
}


/*============================================================
    chat-tabs-main
============================================================*/

.chat-tabs-main .nav-tabs .nav-item.show .nav-link, .chat-tabs-main .nav-tabs .nav-link.active {
    background: #bbe2dd;
}

.chat-tabs-main .nav-tabs .nav-link {
    border: none;
    /* border-bottom: 3px solid transparent; */
    font-size: 14px;
    font-weight: 500;
    color: #000 !important;
    font-family: 'Open Sans', sans-serif;
    background: transparent;
    border-radius: 8px;
    padding: 2px 25px;
    min-width: 100px;
}

.chat-tabs-main .nav.nav-tabs {
    max-width: 700px;
    margin: 0 auto 20px;
    padding: 0 25px;
}




/*============================================================
    client-box
============================================================*/

.client-box {
    background: #FFFFFF;
    border: 0.5px solid #000000;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.3);
    border-radius: 17px;
    margin-bottom: 30px;
    font-family: 'Roboto', sans-serif !important;
}

.client-box-header {
    padding: 9px 18px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 0.5px solid #000000;
}

.client-box-header a i {
    color: #000;
}

.client-box-header p.p2 img {
    margin-right: 15px;
}

.client-info {
    background: #e3eff7;
    padding: 25px;
    display: flex;
    align-items: center;
    position: relative;
}

.client-info img {
    max-width: 60px;
    margin-right: 15px;
}

.client-info-content p {
    word-break: break-word;
}

.client-box .accordion-collapse {
    position: absolute;
    width: calc(100% - 2px);
    z-index: 99;
    background: #fff;
    border: 1px solid #E76F51;
    left: 1px;
}

.client-box .accordion-item {
    border-radius: 0 !important;
    margin-bottom: 0;
    border: transparent !important;
}

.client-box .accordion-item:last-of-type {
    border-bottom-right-radius: 15px !important;
    border-bottom-left-radius: 15px !important;
}

.client-box .accordion-button {
    background-color: transparent;
    box-shadow: none;
    padding-top: 10px;
    padding-bottom: 10px;
}

.client-box .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
}

.client-box .accordion-button::after {
    opacity: 0;
    transform: none;
}

.client-box .accordion-button:not(.collapsed)::after{
    opacity: 1;
}

.client-box .accordion-button p {
    line-height: 20px;
    color: #000;
    border-bottom: 1px solid transparent;
}

.client-box .accordion-button::after {
    background-image: none;
    font-size: 14px;
    margin-top: -5px;
    content: "\f077";
    font-family: 'FontAwesome';
    color: #000;
}

.accordion-button.only-link:after {
    display: none;
}

.client-box .accordion-button p img {
    margin-right: 9px;
}

.hover-line:hover, .client-box .accordion-button p:hover {
    border-color: #ef6f56;
}

.hover-line {
    border-bottom: 1px solid transparent;
}

.hover-line p {
    border-bottom: none !important;
}

.client-acc-inner .orange-bullet-points li {
    padding-left: 16px;
    margin-top: 15px;
    font-size: 11px;
}

.client-acc-inner .orange-bullet-points li:before{
    width: 11px;
    height: 11px;
    top: 1px;
}



/*============================================================
    pagination
============================================================*/

.pagination .page-item .page-link {
    padding: 12px 10px;
    font-size: 13px;
    line-height: 4px;
    border-radius: 30px !important;
    min-width: 30px;
    height: 30px;
    text-align: center;
    margin: 0 3px;
    color: #0D0D0D;
    border: none;
    box-shadow: none !important;
    border: 1px solid #ddd;
}

.pagination .page-item.disabled .page-link{
    color: #AEAEAE;
}


.pagination .page-item.active .page-link{
    color: #fff;
}

.pagination .page-item.active .page-link {
    background-color: #009c8e;
}




/*============================================================
    client-profile
============================================================*/


.client-profile-info h2 {
    font-family: 'Bebas Neue', cursive;
}

.client-profile-info h4 {
    font-family: 'Ubuntu', sans-serif;
    font-weight: 500;
    margin-top: 10px;
}



/*============================================================
    weekly-box
============================================================*/

.weekly-box {
    text-align: center;
}

.weekly-box img {
    margin: auto;
}


.weekly-slider .slick-prev, .weekly-slider .slick-next {
    top: 57%;
    background: #E76F51FA;
    z-index: 19;
    right: 32px;
    width: 30px;
    height: 30px;
    border-radius: 50px;
}

.weekly-slider .slick-prev {
    left: 0;
}

.weekly-slider .slick-next {
    right: 0;
}

.weekly-slider .slick-prev:before, .weekly-slider .slick-next:before {
    opacity: 1;
    color: #fff;
    font-size: 30px;
    line-height: 0;
}


/*============================================================
    Media Query Css
============================================================*/


.meal-program-tabs .nav-tabs .nav-link {
    border: none;
    border-bottom: 1px solid transparent;
    font-size: 18px;
    font-weight: 500;
    color: #000;
    font-family: 'ubuntu', sans-serif;
    background: transparent;
    padding-top: 0;
    padding-bottom: 0px;
}

.meal-program-tabs .nav-tabs .nav-item.show .nav-link, .meal-program-tabs .nav-tabs .nav-link.active {
    border-color: #E76F51FA;
}



.meal-program-slider .slick-prev, .meal-program-slider .slick-next {
    top: 50%;
    background: #E76F51FA;
    z-index: 19;
    right: 32px;
    width: 30px;
    height: 30px;
    border-radius: 50px;
}

.meal-program-slider .slick-prev {
    left: -10px;
}

.meal-program-slider .slick-next {
    right: -10px;
}

.meal-program-slider .slick-prev:before, .meal-program-slider .slick-next:before {
    opacity: 1;
    color: #fff;
    font-size: 30px;
    line-height: 0;
}



.ready-delivery-btn {
    font-size: 10px;
    padding: 7px 5px;
    min-width: 110px;
    color: #fff;
    margin: 0;
    text-align: center;
    border-radius: 25px;
}


/*============================================================
    checkin-form
============================================================*/

.custom-fields-form .form-control {
    background-color: rgba(255, 255, 255, 0.8) !important;
    /* border: 1px solid #28292F; */
    border-radius: 33px;
    min-height: 50px;
}

.custom-fields-form .form-group {
    margin-bottom: 30px;
}

.custom-fields-form .form-group label {
    font-family: 'Bebas Neue', cursive;
    margin-left: 15px;
}



/*============================================================
    image_radios
============================================================*/

.image_radios .form-check {
    padding: 0;
    margin-bottom: 30px;
}

.image_radios .form-check input {
    display: none;
}

.image_radios .form-check label {
    width: 100%;
}

.image_radios .form-check label img {
    border: 5px solid transparent;
    border-radius: 25px;
    width: 100%;
    cursor: pointer;
}

.image_radios .form-check-input:checked~.form-check-label img{
    border-color: #E76F51;
}




.image_radios_second .form-check {
    padding: 0;
    margin-bottom: 30px;
}

.image_radios_second .form-check input {
    display: none;
}

.image_radios_second .form-check label {
    width: 100%;
}

.image_radios_second .form-check label {
    border: 5px solid transparent;
    border-radius: 25px;
    width: 100%;
    cursor: pointer;
}

.image_radios_second .form-check-input:checked~.form-check-label {
    border-color: #E76F51;
}

.image_radios_second .form-check label img {
    width: 100%;
}






.disclaimer-content-inner p {
    margin-bottom: 20px;
}


.c-list-heading {
    background: #ef7259;
    color: #000;
    box-shadow: none;
    font-family: 'Roboto', sans-serif;
    letter-spacing: 0.5px;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    justify-content: space-between;
    font-weight: 700;
}

.c-list-heading h6 {
    font-weight: 700;
}

.c-list-content.inline-inputs {
    border-radius: 0 !important;
    margin-bottom: 10px;
    border: 1px solid rgba(0,0,0,.125) !important;
    padding: 15px;
}




.add-meal-tabs .nav-link.active {
    background: #2E9F91 !important;
    color: #fff !important;
}

.add-meal-tabs a {
    padding: 10px 20px;
    border: 1px solid #ccc !important;
    border-radius: 10px 10px 0 0 !important;
    margin-right: 5px;
    color: #333 !important;
}

.add-meal-tabs a:last-child {
    margin-right: 0px;
}

.add-meal-tabs {
    margin-top: 40px;
}

.add-meal-content {
    padding: 0px 20px;
    border: 1px solid #ccc !important;

    margin-bottom: 40px;
    padding-bottom: 40px;

}





/* new-css-16-5-23 */
.count_parent{
    position: relative;

}

.message_count {
    position: absolute;
    background: #039e90;
    font-size: 9px;
    min-width: 15px;
    height: 15px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-weight: 600;
    top: -7px;
    right: -7px;
    padding: 2px;
}

.msg_count p {
    background: #039e90;
    font-size: 14px;
    min-width: 35px;
    height: 35px;
    border-radius: 50%;
    color: #fff;
    text-align: center;
    font-weight: 600;
    line-height: 31px;
    padding: 2px;
}

.hero-slider-main{
    position: relative;
    overflow: hidden;
}

.hero-slider-content {
    background-size: cover;
    background-position: center;
    padding: 0;
    min-height: calc(100vh - 87px);
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
}

.hero-slider-main .slick-prev, .hero-slider-main .slick-next {
    top: 50%;
    background: #e8c070;
    z-index: 19;
    right: 10px;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    transform: translateY(-50%);
}

.hero-slider-main .slick-prev {
    left: 10px;
}


.hero-slider-main .slick-prev:before {
    content: '';
    background-image: url(../img/arrow-left.svg);
}

.hero-slider-main .slick-next:before {
    content: '';
    background-image: url(../img/arrow-rght.svg);
}

.hero-slider-main .slick-prev:before, .hero-slider-main .slick-next:before {
    opacity: 1;
    color: #000;
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


/**/
.testimonial-slider .slick-prev, .testimonial-slider .slick-next {
    top: 50%;
    background: #e8c070;
    z-index: 19;
    right: 10px;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    transform: translateY(-50%);
}

.testimonial-slider .slick-prev {
    left: 10px;
}


.testimonial-slider .slick-prev:before {
    content: '';
    background-image: url(../img/arrow-left.svg);
}

.testimonial-slider .slick-next:before {
    content: '';
    background-image: url(../img/arrow-rght.svg);
}

.testimonial-slider .slick-prev:before, .testimonial-slider .slick-next:before {
    opacity: 1;
    color: #000;
    background-size: 21px;
    background-repeat: no-repeat;
    background-position: center;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

/**/

.hiw-box-content h4 {
    color: #E9C46A;
    font-size: 24px;
    font-weight: 700;
    font-family: 'Open Sans', sans-serif;
}

.hiw-box-content {
    max-width: 220px;
    margin-left: 20px;
}

.hiw-box {
    display: flex;
    align-items: flex-start;
    text-align: left;
    position: absolute;
}

.hiw-box-content p {
    line-height: 1.2;
}

.hiw-box.hiw-box-left {
    flex-direction: row-reverse;
    text-align: right;
}

.hiw-box.hiw-box-left .hiw-box-content {
    margin-left: 0;
    margin-right: 20px;
}

.hiw-box.hiw-box-left .hiw-box-content h4 {
    color: #2E9F91;
}




.hiw-box:nth-child(1) {
    top: 7%;
    left: 5%;
}

.hiw-box:nth-child(2) {
    top: 30%;
    left: -5%;
}

.hiw-box:nth-child(3) {
    top: 56%;
    left: -5%;
}

.hiw-box:nth-child(4) {
    top: 78%;
    left: 4%;
}

.hiw-box:nth-child(6) {
    top: 7%;
    right: 5%;
}

.hiw-box:nth-child(7) {
    top: 24%;
    right: -3%;
}

.hiw-box:nth-child(8) {
    top: 43%;
    right: -6%;
}

.hiw-box:nth-child(9) {
    top: 62%;
    right: -4%;
}

.hiw-box:nth-child(10) {
    top: 78%;
    right: 4%;
}





/*new-css-7-6-23*/

.request-main {
    background: #fff;
    padding: 15px;
    border-radius: 15px;
}

.request-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-family: 'Open Sans', sans-serif;
    padding: 10px 0;
    border-bottom: 1px solid #eee;
}

.request-row:last-child {
    border-bottom: none;
}

.request-row-left {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 55%;
}

.request-row-left-content {
    margin-left: 20px;
}

.request-row-left img {
    width: 60px;
    border-radius: 50%;
}

.request-row-left-content p {
    color: #999;
    font-weight: 300;
    font-size: 13px;
    line-height: 1.2;
}

.request-row-left-content h5 {
    font-weight: 700;
    color: #2e9f91;
    margin-bottom: 3px;
}

.request-row-right a {
    margin: 0;
    min-width:auto;
}

.not-now-btn {
    background: #ddd !important;
    color: #333 !important;
}

/*new-css-7-6-23-end*/


.chat-search-bar {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    border-radius: 25px;
    padding: 5px;
    border: 1px solid #ccc;
    margin: 20px;
    margin-top: 0;
}

.chat-search-bar .type-box {
    width: calc(100% - 50px);
    display: flex;
}

.chat-search-bar input[type="text"] {
    font-size: 14px;
    border: none;
    outline: none;
    width: 100%;
    background: transparent;
    text-indent: 15px;
}

.chat-search-bar button.submit {
    /* background-image: linear-gradient(180deg, #0b3f5e 0%, #009688 100%); */
    background-color: #009c8e;
    border: none;
    outline: none;
    font-size: 16px;
    width: 35px;
    height: 35px;
    border-radius: 50%;
    color: #fff;
    margin-left: 10px;
}


.order-breakdown-section .horizontal-input label {
    min-width: 42%;
}


/*============================================================
    customise-modal-popup-inner Css
============================================================*/



/*============================================================
    End customise-modal-popup-inner Css
============================================================*/


/*============================================================
    Media Query Css
============================================================*/

@media (max-width: 1299px) {

.main_wrapper > section, body>section {
    padding: 50px 0;
}

p {
    font-size: 15px;
    line-height: 22px;
}

h1, .h1{
    font-size: 40px;
}

h2, .h2{
    font-size: 30px;
}

h3, .h3{
    font-size: 24px;
}

h4, .h4{
    font-size: 16px;
}

h5, .h5{
    font-size: 14px;
}

h6, .h6{
    font-size: 13px;
}

.dark-btn, .white-btn, .normal-btn, .border-btn {
    padding: 10px 20px;
}

.border-btn {
    padding: 12.5px 20px;
}

.login-btn {
    font-size: 15px;
}

.home-banner-inner p {
    font-size: 15px;
}

.what-offer-box p {
    padding: 0;
}

.what-offer-box img {
    height: 60px;
}

.footer_links ul li a {
    font-size: 13px;
}

.article-details-main:before {
    max-height: 550px;
}
}   

@media (min-width: 992px) {
    .add-blog-sidebar {
        min-height: 92vh;
    }
}


@media (max-width: 991px) {
    .quote-image {
        margin-top: 0;
    }

    .select-quantity .input-group input {
        width: 25% !important;
    }

    .graph-entry li {
        font-size: 15px;
    }

    .login_main_inner img {
        max-width: 210px;
    }

    .horizontal-input input {
        max-width: 120px;
    }

    .rating-list li i {
        font-size: 16px;
    }
    
    .rating-list li:not(:last-child) {
        margin-right: 0;
    }
    
}    
/* End- 991 */


@media (max-width: 767px) {
    
    .request-row-right a {
        font-size: 9px;
        padding: 5px 8px !important;
    }

    .request-row-left img {
        width: 40px;
    }
    .request-row-left-content h5 {
        margin-bottom: 0px;
    }

    .request-row-left-content {
        margin-left: 10px;
    }
    
    
    
    
    

    .hero-slider-content {
        align-items: start;
        padding: 0px 15px;
        min-height: 650px;
    }

    .hero-slider-main .slick-prev, .hero-slider-main .slick-next {
        top: auto;
        transform: none;
        bottom: 35%;
    }
   
    .home-banner-inner {
        padding: 60px 0;
    }

    .home-banner {
        flex-direction: column;
    }

    /* .home-banner-bottom {
        position: relative;
        bottom: 0;
    } */

    .home_zipcode {
        margin-top: 20px;
    }

    .section-title {
        margin-bottom: 25px;
    }


.what-offer-box {
    margin-bottom: 60px;
}

.what-offer-main {
    padding-bottom: 0 !important;
}

.quote-image {
    margin-top: 35px;
}

.quote-image img {
    max-width: 80px;
}

.site-footer .col-md-4 {
    order: 1;
}

.site-footer .col-md-2 {
    order: 2;
}

.social_icon li img {
    max-width: 100%;
}

.footer_links {
    text-align: center;
    margin-top: 40px;
}

.footer_details img {
    max-width: 180px;
}


.meals-tabs .nav-tabs .nav-link {
    font-size: 14px;
}

.custom-programs-btn img {
    max-width: 200px;
}

.program-category-box p {
    font-size: 13px;
    line-height: 17px;
}

.program-category-box {
    margin-bottom: 40px;
}

.content-box {
    margin-top: 30px;
}

.article-details-main {
    padding-top: 100px !important;
}

.article-details-main:before {
    height: 400px;
}

.article-author-box p {
    font-size: 12px;
    line-height: 17px;
}

.contact-form-inner .form-control {
    min-height: 42px;
}

.cart__image-wrapper {
    width: 15%;
}

.cart_table tbody td {
    padding-top: 15px;
    padding-bottom: 15px;
}

.cart__product-information {
    padding: 15px;
    width: 50%;
}

.cart__product_price {
    text-align: right;
    font-size: 12px;
}

.cart__product-information a {
    font-size: 14px;
}

.cart_table thead th {
    font-size: 14px;
}

.cart__product-information p {
    font-size: 12px;
    line-height: 16px;
}

.radio_options .form-check-inline {
    margin: 0;
    padding: 0;
}

.radio_options .form-check-label {
    font-size: 15px;
}


.product_progressbar li:before {
    width: 14px;
    height: 14px;
    font-size: 9px;
    line-height: 14px;
}

.number_progress li:before {
    content: counter(step);
    counter-increment: step;
}


.product_progressbar li:after {
    height: 2px;
    top: 6px;
}

.gender_options {
    margin-bottom: 30px;
}

.custom_fields .form-control {
    font-size: 14px;
}

.gender_options .form-check-label {
    font-size: 14px;
}

.horizontal-input label {
    font-size: 12px;
    margin-left: 0;
}

.horizontal-input input {
    max-width: 100px;
}

.separate-border {
    border-right: none;
}

.rating-list {
    position: absolute;
    bottom: 5px;
    right: 0;
    text-align: right;
}

.rating-list li i {
    font-size: 14px;
}

.print-icon {
    right: 13px;
}

.page-head h2.h1 {
    font-size: 24px;
}

.notification-page-row {
    flex-direction: column;
    align-items: flex-start;
}

.notification-page-row img {
    max-width: 50px;
}

.send-message-btn {
    margin-top: 20px;
}




.customise-modal-popup-inner .inline-inputs {
    border: 1px solid #ccc;
    border-radius: 10px;
}

.mbl_heading {
    padding: 0;
}

.mbl_heading h5 {
    border-radius: 10px 10px 0 0  !important;
    border: none !important;
    text-align: left !important;
    font-size: 20px;
}


.customise-modal-popup-inner .inline-inputs label {
    width: 40%;
    font-size: 14px;
    margin-top: 10px;
}


}    
/* End- 767 */