:root{
    --text-color: #718096;
    --color-green: #419945;
    --text-black: #27272E;
    --color-red: #EA4335;
}


@import url('https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500;600;700;800;900&display=swap');
body {
    font-family: inter;
    color: #000;
}

img {
    width: auto;
    max-width: 100%;
}

.navbar {
    background: #fff;
    /* min-height: 80px; */
    margin-bottom: 0px;
    padding: 12px 0px;
}

.navbar-brand {
    padding: 0px;
    max-width: 100%;
    margin-top: -5px;
}

.navbar-form .form-group input {
    background: #FFFFFF;
    box-shadow: none;
    border-radius: 4px;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    padding-right: 51px;
}


/* common css */

.gray {
    background: #F5F8F2;
}

.text-gray {
    color: #718096;
}

.text-orange {
    color: #FB7806;
}

.white {
    background: #fff;
}

.green {
    background: #479D44;
}

.text-green {
    color: #479D44;
}

.text-red {
    color: #E92E51;
}

.text-blue {
    color: #55ACEE;
}

h1,
h2,
p,
h3,
h4,
h5,
h6 {
    margin: 0px;
}

h1 {
    font-weight: bold;
    font-size: 46px;
    line-height: 136.02%;
}

h2 {
    font-weight: bold;
    font-size: 22px;
    line-height: 27px;
}

h3 {
    font-weight: 600;
    font-size: 20px;
    line-height: 136.52%;
}

p {
    font-weight: normal;
    font-size: 14px;
    line-height: 28px;
}
.healthy-pick .card h4 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; 
    margin-bottom: 13px;
    line-height: 23px;
}
button,
.btn {
    background: #fff;
    box-shadow: 0px 6px 15px rgba(57, 181, 74, 0.2);
    border-radius: 6px;
    color: #fff;
    padding: 10px 20px;
    border: 0;
    margin-right: 10px;
    cursor: pointer;
}

.green-btn {
    background: #419945;
}

.red-btn {
    background: #E92E51;
}

.blue-btn {
    background: #55ACEE;
}

.border-btn {
    box-shadow: 0px 6px 15px rgba(57, 181, 74, 0.2);
    color: #479D44;
}

.text-black {
    color: #27272E;
}

.text-white {
    color: #fff;
}


/* common css */

.slick-prev,
.slick-next {
    width: 36px;
    height: 36px;
    box-shadow: 0px 6px 15px rgba(57, 181, 74, 0.2);
    border-radius: 50%;
    background: #fff;
}

.slick-prev:hover,
.slick-next:hover {
    animation: pulse 1s;
    box-shadow: 0 0 0 1em rgb(255 255 255 / 0%);
    background: #fff;
}

.slick-prev:before,
.slick-next:before {
    color: #479D44;
}

.slick-dots li button {
    background: #AFB4BC;
    width: 10px;
    height: 10px;
}

.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #479D44;
    width: 10px;
    height: 10px;
    display: inline-block;
    font-size: 41px;
    position: absolute;
    top: 0px;
    left: 0px;
}

.slick-next {
    right: -55px;
}

.slick-prev {
    left: -55px;
}

.fix-img {
    position: relative;
}

.fix-img img {
    width: 180px;
    max-width: 100%;
    position: absolute;
    top: -85px;
    left: 0;
    right: 0;
    margin: auto;
}

.banner-img img {
    width: 550px;
    float: right;
}

.banner-content h1 {
    margin-bottom: 20px;
}

.banner-content p {
    margin-bottom: 30px;
}

.banner {
    padding: 0px 0 55px;
}

.features .card {
    padding: 15px 20px;
    border-radius: 10px;
    margin-bottom: 20px;
}

.features .card h2 {
    font-size: 18px;
    font-weight: 600;
}

.features .card p {
    font-size: 14px;line-height: 20px;
}

.navbar-nav > li > a{
    color: #666;
}
/* shop by cat css */

.cat-shop {
    margin: 50px auto 50px;
}

.cat-shop .card {
    min-height: 245px;
    max-width: 300px;
    margin: 0 auto 20px;
}

.card {
    background: #FFFFFF;
    box-shadow: 0px 16px 25px 10px rgba(0, 0, 0, 0.04);
    border-radius: 16px;
    padding: 25px;
    margin-bottom: 25px;
    position: relative;
    border: 1px solid #ececec;
}

.card img {
    display: inherit;
    margin: 0 auto;
}


.cat-shop h2 {
    margin-bottom: 35px;
}

.cat-shop .row {
    margin-left: -7px;
    margin-right: -7px;
}

.cat-shop .col-padd {
    padding: 0 7px;
}


/* special packs*/

.special-packs {
    margin: 0px 0 340px;
    background-image: url(../images/images_new/green-bg.png);
    padding-top: 45px;
    height: 355px;
}

.special-packs h2,
.healthy-pick h2 {
    font-weight: 600;
    font-size: 28px;
    line-height: 136.02%;
    margin-bottom: 35px;
}
.get-new-btn{
    background: #479D44;
    box-shadow: 0px 6px 15px rgb(57 181 74 / 20%);
    border-radius: 6px;
    color: #fff;
    padding: 10px 20px;
    border: 0;
    margin-right: 10px;
    cursor: pointer;
}
.get-new-btn:hover{
    background: #fff;
    color: #479D44;
}
.special-packs .card {
    margin: 0 10px;
    position: relative;
    box-shadow: 0px 16px 25px 2px rgba(0, 0, 0, 0.04);
    padding: 20px 15px; border: 1px solid #eaeaea;
}

.special-packs .card button {
    position: absolute;
    right: 20px;
    bottom: 20px;
}

.offered-price {
    display: inline-block;
}

.special-packs .card h3 {
    margin: 0px 7px 5px 0px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.card-bottom {
    margin-top: 30px;
}


/* .card img {
    margin: 30px auto;
} */


/* healthy pick */
.healthy-pick h2{margin-bottom: 0;}
.healthy-pick h4 {
    font-weight: 600;
}
.special-packs .card-bottom{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.healthy-pick .card-bottom {
    margin-top: 5px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.healthy-pick .card button {
    position: absolute;
    right: 30px;
    bottom: 20px;
}

.healthy-pick .card:hover {
    background: #FFFFFF;
    box-shadow: 0px 16px 25px 10px rgb(0 0 0 / 4%);
    border-radius: 16px;
    padding: 25px;
    min-height: 245px;
    cursor: pointer;
}

.healthy-pick .card {
    box-shadow: none;
}

.healthy-pick {
    /* padding-top: 160px; */
}


/* sell product */

.sell-prod {
    background-image: url(../images/images_new/gray-bg.jpg);
    margin: 45px 0;
    padding: 80px 0; overflow: hidden;
}

.sell-prod .d-block img {
    margin-right: -111px;
    float: right;
}

.sell-prod h1 {
    font-weight: bold;
    font-size: 46px;
    line-height: 136.02%;
    color: #425466;
}

.orange-bg {
    background-image: url(../images/images_new/orangeoffer-bg.png);
}

.guava-bg {
    background-image: url(../images/images_new/guava-bg.png);
}

.shop-now .card {
    padding: 30px;
    min-height: 312px;
    color: #fff;
}

.sell-prod .fix-img img {
    width: 140px;
    top: -35px;
    left: 0;
    right: inherit;
}

.offer-content {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* footer block start here*/
.footer-main-block-new{background: #fff;}
.footer-col-head-new{font-size: 14px; color: #27272E; margin-bottom: 25px; font-weight: 600;}
.footer-col-head.tile-joints-new{margin: 20px 0;}
.footer-col-block-new{padding: 40px 0;}
.footer-logo-blokc-new{margin-bottom: 8px;}
.points-footer-new li{ color: #718096; margin-bottom: 11px; transition: 0.5s;}
.points-footer-new.btn-footer-new li:hover{opacity: 0.8;} 
.points-footer-new li a{color: #718096; font-size: 14px; }
.points-footer-new li a:hover, .points-footer-new li a:focus{
    color: #419945;
}
.menu_name-new.points-footer-new.btn-footer-new ul.contact-homelink-new li{padding-left: 0px;margin-bottom: 20px; position: relative;}
/* .menu_name-new.points-footer-new.btn-footer-new ul li span{position: absolute;left: 0px;font-size: 16px;display: inline-block;margin-top: 2px;} */
.content-subsc-new{font-size: 16px; color: #c9c9c9;}
.confide-txt-new{color: #718096; margin-top: 10px;}

ul.social-footer-new{margin: 20px 0 0px;}
ul.social-footer-new li{display: inline-block; margin-right: 5px; margin-bottom: 10px;}
ul.social-footer-new li a:hover, ul.social-footer-new li a:focus{
    color: #fff;
}
ul.social-footer-new li a{display: block;width: 40px;height: 40px; border-radius: 50%; font-size: 20px; text-align: center; color: #fff;}
.copyright-block-new{text-align: center; color: #718096; font-size: 15px;  margin-top: 25px; padding: 15px 0;}
.copyright-block-new a{color: #419945;}

.fblink{
    background-color: #3B5998;
}
.rwitr{
    background-color: #55ACEE;
}
.lnkedin{
    background-color: #007AB9;
}
/* footer block End here*/


/* Blog Section Start  */
.blog-section-home{
    padding-top: 20px;
    background-image: url(../images/images_new/bg-blogs.png);
    background-repeat: repeat; margin-bottom: 70px;
}
.title-page-blog{
    color: #27272E;
    font-size: 28px; text-align: center;
    font-weight: 600;
    margin-bottom: 20px;
}
.blog-listing{
    box-shadow: 0px 15px 25px rgba(0, 0, 0, 0.05);
    border-radius: 20px; padding: 20px; background-color: #fff;margin-bottom: -40px;
}
.blog-images {
    height: 240px;
    border-radius: 20px;
    overflow: hidden; margin-bottom: 20px;
}
.blog-images img{
    object-fit: cover;
    width: 100%; height: 100%;
}
.title-of-blog{
    font-size: 18px; color: #27272E; font-weight: 600;
    overflow: hidden;
    height: 50px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 15px;
}
.blog-content-img{
    font-size: 14px; color: #718096;
    overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
.blog-footer{
    color: #718096; font-size: 12px;
}
.blog-footer {
    color: #718096;
    font-size: 12px;
    display: flex;
    justify-content: end;
    margin-top: 20px;
}
.blog-footr-list {
    margin-right: 15px;
}
.blog-footr-category {
    font-weight: 600;
    position: relative;
    padding-left: 10px;
}
.blog-footr-category:after{
    content: '';
    display: block;
    position: absolute;
    left: 0; width: 5px; height: 5px; border-radius: 50%;
    background-color: #718096;
    top: 0;
    bottom: 0;
    margin: auto 0;
}
.navbar-collapse.in {
    overflow-y: visible;
}
.navbar-nav .open .dropdown-menu {
    position: static;
    float: none;
    width: auto;
    margin-top: 0;
    border: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    right: 0;
    background-color: #fff;
    box-shadow: 0px 4px 10px 0px rgb(26 33 26 / 12%);
}
/* Blog Section End  */



/* modified Style */
.m-0{margin: 0;}
.mb-3{margin-bottom: 15px;}
.mt-3 {margin-top: 15px;}
.mt-2 {margin-top: 10px;}
.mb-2 {margin-bottom: 10px;}
.mr-0{margin-right: 0;}
.mr-2{margin-right: 10px;}
.px-3{padding-left: 15px;padding-right: 15px;}
.mx-auto{margin-left:auto;margin-right: auto;}
.inline-block{display: inline-block !important;}
.size-20{font-size: 20px;}
.size-24{font-size: 24px;}
.size-40{font-size: 40px;}
.block{display: block;}
.pl-0{padding-left: 0;}
.logo-width{width: 120px;}
.color-green{color: var(--color-green);}
.text-black{color: var(--text-black);}
.text-faint{color: var(--text-color);}
.btn {padding: 5px 15px;min-height: 46px;display: flex;align-items: center;justify-content: center;}
.btn-small{min-height: 40px;}
.font-600{font-weight: 600;}
.btn-clear {
    background: transparent;
    box-shadow: none;
    margin: 0;
    color: var(--text-color);
    min-height: 46px;
}
.form-control{
    min-height: 46px;
    padding: 5px 10px;
    background: white;
    box-shadow: 0px 1px 2px rgba(50, 50, 71, 0.08), 0px 0px 1px rgba(50, 50, 71, 0.2);
    border: 1px solid #d7d7d7;
}
.form-control.small-input{
    min-height: 40px;
}
.input-has-button{
    position: relative;
    width: 100%;
}
.input-has-button .btn-clear{
    position: absolute;
    top: 0;
    right: 0;
}
.flex{display: flex;}
.flex-wrap{flex-wrap: wrap;}
.item-center{align-items: center;}
.justify-between{justify-content: space-between;}
.w-100{width: 100%;}
#homepage-slider .slick-prev:before, .special-packs .slick-prev:before, #homepage-slider  .slick-next:before, .special-packs .slick-next:before{
    font-family: "fontello";
    color: var(--text-color);
}
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus{
    background: white !important;
}
#homepage-slider .slick-prev:before, .special-packs .slick-prev:before{ content: '\e805'; }
#homepage-slider .slick-next:before, .special-packs .slick-next:before{ content: '\e809'; }
#homepage-slider .slick-arrow, .special-packs .slick-arrow {
    width: 36px;
    height: 36px; z-index: 9;
    background: white !important;
}
.login-right-page {
    background: white;
    border: 1px solid #dfdfdf;
    border-radius: 16px;
    padding: 20px 40px;
    box-shadow: 0 15px 25px rgb(0 0 0 / 16%);
    margin-top:20px;
    margin-bottom: 20px;
}


.login-main-page-dv-hm {
    min-height: calc(100vh - 72px);
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url(../../assets/images/images_new/login-bg.jpg);
}
.kadoe-logo {
    width: 100px;
}
.text-center{text-align: center !important;}
.text-left{text-align: left !important;}
.text-right{text-align: right !important;}
.welcomebackkadoe {
    font-size: 20px;
    line-height: 150%;
    font-weight: 500;
    text-align: center;
}
.form-label{font-weight: 400;margin-bottom: 4px;margin-top: 7px;font-size: 14px;}
.btn-success{background: var(--color-green);border-color: var(--color-green);color: white;}
.has-count{position: relative;}
.cart-count{
    width: 20px;
    height: 20px;
    border-radius: 100%;
    background: var(--color-red);
    color: white;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    position: absolute;
    right: 6px;
    top: -2px;
}
a, a:hover {
    text-decoration: none;
    color: #0a64ab;
}
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: #479d44 !important;
}
.slick-dots li button {
    background: #afb5a9;
}
.slick-dots li button {
    width: 10px !important;
    height: 10px !important;
}
.btn:hover, .btn:focus, .btn.focus{
    color: white !important;
}
.logo-size {width: 74px;}
.navbar-nav li a {padding: 7px 15px;}

.no-list-style{padding: 0;}
.no-list-style li {display: block;}
.no-list-style li a {display: block;color: var(--text-black);}
.no-list-style li a:hover{
    color: #479D44;
}
.dropdown-menu {
    border: none;
    border-radius: 10px !important;
    width: 200px;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus{
    background: transparent;
}
.registration-form{max-width: 550px;}
.flexclass .special-packs h2, .flexclass .healthy-pick h2{
    margin-bottom: 0;
}

.search-bar-form {
    width: 38%;
}
@media (max-width:1024px){
    .special-packs .card h3{
        font-size: 16px;
    }
    .features .flex {
        display: block;
    }
    .features .card h2 {
        font-size: 16px;
    }
.navbar-nav li a {
    padding: 7px 11px;
}
}
@media (max-width:991px){
    .special-packs{
        padding: 45px 0;
        height: auto;
        margin: 0px 0 50px;
    }
.navbar-nav li a {
    padding: 7px 5px;
    font-size: 13px;
}
.search-bar-form {
    width: 25%;
}

ul.nav.navbar-nav.navbar-right.flex.item-center {
    margin-top: 10px;
}
.navbar-brand{
    padding: 10px 15px;
}
.navbar-form{    padding: 10px 0; border-top: none;}
}
@media (max-width:767px){
    
    .icon-sign-in.size-20 {
        font-size: 13px;
    }
    
    .features .card{
        max-width: 100%;
    }
    .navbar-nav .btn{
        min-height: 20px;
        font-size: 11px; 
        padding: 5px 5px;
    }
    .special-packs h2, .healthy-pick h2{
        text-align: center; margin-bottom: 20px;
    }
    .card{
        max-width: 300px; 
        margin: 0 auto 20px;
    }
    .special-packs .card{max-width: 100%;}
    
    .navbar-brand {
        padding: 0;
    }
    .navbar-toggle{
        margin-right: 5px;
    }
    .login-right-page{
        padding: 20px; border: none;
    }
}
@media all and (max-width:767px){
    /* ul.nav.navbar-nav.navbar-right.flex.item-center .links-right-just{
        display: none;
    } */
    ul.nav.navbar-nav.navbar-right.flex.item-center {
        margin-top: 10px;
        display: flex;
        width: 100%;
        justify-content: space-around;
    }
    ul.nav.navbar-nav.navbar-right.flex.item-center button{margin-right: 0;}
    .navbar-collapse{
        padding-right: 0px;
        padding-left: 0px;
    }
    .navbar-nav {
        margin: 7.5px 0;
    }
    .search-bar-form {
        width: 100%;
    }
    #homepage-slider .slick-arrow, .special-packs .slick-arrow {
        background: rgb(255 255 255 / 0%) !important;
        width: 26px;
        height: 26px;
    }
    /* .menu_name-new.points-footer-new{
        display: none;
    } */
    .footer-col-head-new{
        margin-bottom: 15px; margin-top: 20px;
    }
    ul.social-footer-new{margin-bottom: 30px;}
    .blog-listing{
        margin-bottom: 0;
    } 
}
@media all and (max-width:450px){
    .cat-shop .card {
        max-width: 100%;
        box-shadow: none;
    }
    .navbar-collapse{
        padding-right: 0;
        padding-left: 0;
    }
    i.icon-sign-in.size-20{    font-size: 13px;}
    .navbar-nav li a {
        padding: 4px 3px;
        font-size: 9px;
    }
    .icon_link{
        font-size: 9px;
    }
    .dropdown-menu{
        min-width: 200px;
    }
}
.items-center{align-items: center;}
.justify-evenly{justify-content: space-evenly;}
.subheader {padding: 5px;}
.subheader a {
    color: #181818;
    font-weight: 500;
    padding: 10px 15px;
    border-radius: 10px;
    
}

.w-25{width: 25%;}
@media (max-width: 767px){
    .subheader a{
        border: 1px solid #e5e5e5;
        margin: 0 10px;
        min-width: 180px;
        display: inherit;
    }
    .subheader .w-25{
       width:100%;
    }
    .subheader .container{overflow-x: auto;}
}