body {
    padding: 0;
    margin: 0;
    line-height: 30px;
    font-family: Poppins-Regular;
    font-size: 16px;
    color: #2b2622;
    background: #faf7f1;
    min-height: 641px;
    overflow-x: hidden;
    font-weight: 400;
    position: relative;
    top: 0px !important;
}

@media only screen and (max-width: 1600px) {
    .container {
        margin: 0 auto;
        max-width: 1600px;
        width: 100%;
        padding: 0 35px;
    }
}

@font-face {
    font-family: Poppins-Medium;
    src: url(../fonts/Poppins-Medium.ttf)
}

@font-face {
    font-family: Poppins-Regular;
    src: url(../fonts/Poppins-Regular.ttf)
}

@font-face {
    font-family: Poppins-Bold;
    src: url(../fonts/Poppins-Bold.ttf)
}

p {
    padding: 0 0 15px 0;
    margin: 0;
    line-height: 30px;
    font-family: Poppins-Regular;
    font-size: 16px;
    color: #333;
    text-align: justify;
    font-weight: 400
}

img {
    border: 0
}

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

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

a:hover {
    text-decoration: none
}

a,
button,
input,
textarea,
select,
li,
div[onclick],
span[onclick] {
    outline: none;
}

a:focus:not(:focus-visible),
button:focus:not(:focus-visible),
input:focus:not(:focus-visible),
textarea:focus:not(:focus-visible),
select:focus:not(:focus-visible),
li:focus:not(:focus-visible),
div[onclick]:focus:not(:focus-visible),
span[onclick]:focus:not(:focus-visible) {
    outline: none;
}

.pleft {
    padding-left: 0 !important
}

.pright {
    padding-right: 0 !important
}

ol li {
    list-style: decimal;
    color: #333;
    font-size: 13px;
    line-height: 25px;
    text-align: end
}

.tophead {
    background: #5a3a26;
    display: -webkit-box;
    position: relative;
    z-index: 1;
    padding: 2px 0px;
}

.top-social {
    color: #fff;
    margin: 0px 0px;
    position: relative;
    z-index: 999;
}

.top-social li {
    display: inline-block;
    font-size: 14px;
}

.top-social li a {
    color: #fff;
    padding: 0 5px;
    font-family: Poppins-Regular;
    font-size: 13px;
}

.top-social li a span {
    color: #fff
}

.header {
    width: 100%;
    margin: 0;
    padding: 0
}

.header .logo {
    margin: 5px 0;
    padding: 0;
    transition: all .3s ease;
}

.nav_menutop {
    /*float: right*/
}

.nav_menutop > ul {
    margin: 0;
    padding: 0;
    background: none
}

.nav_menutop > ul > li {
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    font-weight: 500;
    margin-left: 0;
    position: relative;
    padding: 0px 0 0px;
    margin: 0px 10px;
    margin-top: 0px;
    line-height: 20px;
}

.header .col-lg-3.dn-fxds .nav_menutop.pull-right > ul > li + li {
    margin-left: 30px;
}

.nav_menutop > ul > li span {
    color: #3d5a4c;
}

.nav_menutop > ul > li.usern-myaccount {
    font-family: Poppins-Medium;
    /*width: 165px;*/
    /*overflow: hidden;*/
    /*line-height: 20px;*/
    letter-spacing: -0.8px;
    font-size: 14px;
    color: #4a6b5b;
    display: inline-block;
}

.nav_menutop > ul > li.usern-myaccount span {
    color: #666;
    margin-right: 5px;
}

.nav_menutop > ul > li #search-btn {
    border-radius: 5px;
    border: 1px solid #fff;
    max-width: 100%;
    height: 40px;
    line-height: 37px;
    display: inline-block;
    background: #e8e8e8;
    margin-top: 5px;

}

.nav_menutop > ul > li #search-btn input,
.nav_menutop > ul > li #search-btn select {
    border: 0px;
    outline: none;
    box-shadow: none;
    width: 420px;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: #f5f5f6;
    line-height: 35px;
    padding-left: 10px;
}

.nav_menutop > ul > li #search-btn button {
    float: right;
    border: 0px;
    margin: 0px;
    padding: 9px 15px 9px 15px;
    line-height: 20px;
    text-align: center;
    outline: none;
    vertical-align: -webkit-baseline-middle;
    color: #fff;
    background: #5a3a26;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

.nav_menutop > ul > #deliver-loc {
    width: 38%;
    display: inline-block;
    cursor: pointer;
}

.text-center-pc {
    text-align: center;
}

.nav_menutop > ul > li:last-child {
    border-right: 0
}

.nav_menutop > ul > li i {
    margin-right: 0;
    color: #4a6b5b;
    font-size: 25px;
    text-align: center;
    line-height: 20px;
    margin: 0 5px 0px 0px;
    vertical-align: middle;
}

.nav_menutop > ul > li > a {
    color: #333;
    text-align: center;
    font-family: Poppins-Medium;
    font-size: 14px;
}

.nav_menutop > ul > li > a span {
    line-height: 20px;
    margin-left: 10px;
}

.nav_menutop > ul > li > a span.cart-cap-text {
    background: #5a3a26;
    width: 18px;
    height: 18px;
    text-align: center;
    display: inline-block;
    position: absolute;
    left: 10px;
    top: -5px;
    border-radius: 20px;
    color: #fff;
    font-size: 12px;
    font-family: Poppins-Medium;
}

.nav_menutop > ul > li:hover > a {
    color: #333;
    text-decoration: none
}

.nav_menutop > ul > li > ul {
    display: none
}

.nav_menutop > ul > li > ul {
    position: absolute;
    right: 0;
    width: 300px;
    z-index: 9;
    display: inline-block;
    vertical-align: top;
    visibility: hidden;
    opacity: 0;
    transition: all .4s ease-in;
    transform: translateX(-50px);
    z-index: 99;
    top: 30px;
}

.nav_menutop > ul > li:hover > ul {
    visibility: visible;
    opacity: 1;
    transform: translateX(0)
}

.nav_menutop > ul > li > ul > li {
    display: inline-block;
    vertical-align: top;
    font-size: 12px;
    font-weight: 600;
    padding: 5px 0;
    width: 100%;
    line-height: 20px;
    border-bottom: 1px solid #ccc;
    transition: .5s
}

.nav_menutop > ul > li > ul > li:hover {
    border-bottom: 1px solid #f6f6f6
}

.nav_menutop > ul > li > ul > li:before {
    height: 1px !important;
    background: #0f76b8 !important
}

.nav_menutop > ul > li > ul > li:last-child {
    border-bottom: 0
}

.nav_menutop > ul > li > ul > li:hover {
    padding-left: 0
}

.nav_menutop > ul > li > ul > li a {
    color: #000;
    font-family: Poppins-Regular
}

.nav_menutop > ul > li > ul > li:hover > a {
    color: #0f76b8
}

.navigation_bar {
    float: left;
    width: 100%;
    position: relative;
    z-index: 9;
    margin-bottom: 0px;
    background: #b8893a1f;
    border-top: 2px solid #5a3a26;
    margin: 0px 0px 0px 0px;
}

.navigation_bar.stricky-fixed {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2;
    background: #f1f3f6;
}

.navigation_bar.stricky-fixed .logo {
    width: 200px;
    margin: 10px 0px 10px;
}

.navigation_bar.stricky-fixed .nav_menutop .tcrel {
    /*display: none*/
    position: relative;
}

.navigation_bar.stricky-fixed .nav_menutop > ul > li {
    padding: 15px 10px 0px;
    margin: 0px;
}

.navigation_bar .logo {
    /* position: absolute;
    z-index: 100*/
}

.navigation_bar .logo img {
    width: 140px
}

.navigation_bar.stricky-fixed .logo {
    top: 4px
}

.navigation_bar.stricky-fixed .logo img {
    width: 115px
}

.togbtn {
    /* position: absolute;*/
    position: fixed;
    top: 0px;
    left: 0px;
    height: 40px;
    width: 40px;
    text-align: center;
    background: #5a3a26;
    border-radius: 0px;
    cursor: pointer;
    transition: left 0.4s ease;
    border: 1px solid #5a3a26;
    z-index: 1000;
    margin: 0px 0px -40px 0px;
}

.togbtn.click {
    /*left: 260px;*/
}

.togbtn span {
    color: white;
    font-size: 15px;
    line-height: 36px
}

.togbtn.click span:before {
    content: '\f00d'
}

.sidebar {
    position: fixed;
    width: 250px;
    height: 100%;
    left: -250px;
    background: #4a6b5b;
    transition: left 0.4s ease;
    z-index: 999;
    top: 35px;
}

.sidebar.show {
    left: 0px
}

.sidebar .text {
    color: white;
    font-size: 19px;
    font-weight: 600;
    line-height: 65px;
    text-align: center;
    background: #2a3f35;
    letter-spacing: 1px
}

.navi ul {
    background: #3d5a4c;
    height: 100%;
    width: 100%;
    list-style: none;
    padding-left: 10px;
    padding-top: 5px;
}

.navi ul li {
    line-height: 40px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    display: block;
    text-align: left;
}

.navi ul li:last-child {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
}

.navi ul li a {
    position: relative;
    color: white;
    text-decoration: none;
    font-size: 13px;
    padding-left: 14px;
    font-weight: 500;
    display: block;
    width: 100%;
    border-left: 3px solid transparent
}

.navi ul li.active a {
    color: #ffffff;
    background: #2a3f35;
    border-left-color: #ffffff
}


.navi ul li a:hover {
    background: #2a3f35
}

.feat-show {
    transition: all 0.5s
}

.navi ul li.active ul {
    transition: all 0.5s
}

.navi ul ul {
    position: static;
    display: none
}

.navi ul.show {
    display: block;
    transition: all 0.5s
}

.navi ul ul li {
    line-height: 42px;
    border-top: none
}

.navi ul ul li a {
    font-size: 12px;
    color: #e6e6e6
}

.navi ul li.active ul li a {
    color: #fff;
    background: #4a6b5b;
    border-left-color: transparent
}

.navi a:hover {
    color: #ffffff
}

.navi ul ul li a:hover {
    color: #ffffff !important;
    background: #2a3f35 !important
}

.navi ul li a span {
    position: absolute;
    top: 50%;
    right: 20px;
    transform: translateY(-50%);
    font-size: 15px;
    transition: transform 0.4s
}

.navi ul li a span.rotate {
    transform: translateY(-50%) rotate(-180deg)
}



.navigation {
    float: right;
    width: 100%;
    position: relative;
    margin: 0px 0;
    /*background: #f1f3f6;*/
}

.navigation .nav-header {
    display: none;
    padding: 12px 20px
}

.navigation .navbar button {
    float: right;
    width: 40px;
    height: 40px;
    background: #4a6b5b;
    border: none;
    outline: 0;
    color: #fff;
    font-size: 25px;
    border-radius: 0
}

.navigation .menu {
    display: block
}

.navigation .menu ul {
    float: left;
    width: 100%
}

.navigation .menu ul > li {
    display: inline-block;
    position: relative
}

.navigation .menu ul > li > a {
    padding: 5px 10px;
    display: block;
    color: #5b7a52;
    text-transform: capitalize;
    transition: all .3s ease;
    font-size: 14px;
    background: 0 0;
    letter-spacing: 0px;
    font-family: Poppins-Medium;
}

.navigation .menu ul > li > a i {
    padding-left: 5px;
    font-size: 15px
}

.navigation_bar.stricky-fixed .menu ul > li > a {
    /* padding: 10px 15px;*/
}

.navigation .menu ul > li:last-child > a {
    border: none;
    padding-right: 0
}

.navigation .menu ul > li.active a,
.navigation .menu ul > li:hover a {
    color: #111;
    background: 0 0
}

.navigation .menu ul > li > ul.pd-dropdown {
    top: 100%;
    left: 0
}

.navigation .menu ul > li > ul.pd-dropdown.align-right {
    right: 0;
    left: auto
}

.navigation .menu ul > li:hover > ul.pd-dropdown {
    visibility: visible;
    opacity: 1
}

.navigation .menu ul > li > ul.pd-dropdown > li > ul.pd-dropdown {
    left: 100%;
    margin-top: -36px
}

.navigation .menu ul > li > ul.pd-dropdown > li > ul.pd-dropdown > li > ul.pd-dropdown {
    left: -100%;
    margin-top: -31px
}

.navigation .menu ul > li > ul.pd-dropdown > li > ul.pd-dropdown.align-right {
    right: 100%;
    left: auto
}

.navigation .menu ul > li > ul.pd-dropdown > li:hover > ul.pd-dropdown {
    visibility: visible;
    opacity: 1
}

.navigation .menu ul > li ul.pd-dropdown {
    position: absolute;
    width: 260px;
    opacity: 0;
    visibility: hidden;
    z-index: 99999;
    transition: all .3s ease;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .4);
    background: #fff;
    margin: 0;
    padding: 0
}

.navigation .menu ul > li:first-child ul.pd-dropdown {
    /* width: 500px*/
    width: 250px
}

.navigation .menu ul > li:first-child ul.pd-dropdown li {
    /*width: 50%;*/
    float: left;
    width: 100%;
}

.navigation .menu ul > li:first-child ul.pd-dropdown li:first-child {
    background: #fff
}

.navigation .menu ul > li:first-child ul.pd-dropdown li:nth-child(2n) {}

.navigation .menu ul > li:first-child ul.pd-dropdown li li {
    width: 100%;
    float: left;
}

.navigation .menu ul > li:first-child ul.pd-dropdown .grey-bg {
    background: #efefef
}

.navigation .menu ul > li:first-child ul.pd-dropdown .grey-bg li:first-child {
    background: #efefef
}

.navigation .menu ul > li:first-child ul.pd-dropdown .grey-bg li {
    background: #efefef
}

.navigation .menu ul > li:last-child ul.pd-dropdown {
    right: 0 !important;
    left: auto !important
}

.navigation .menu ul > li ul.pd-dropdown li {
    display: block;
    padding: 0;
    border-bottom: 1px solid #eee;
    text-align: left
}

.navigation .menu ul > li ul.pd-dropdown li:last-child a {
    border-bottom: 0
}

.navigation .menu ul > li ul.pd-dropdown li:last-child a:after {
    display: none
}

.navigation .menu ul > li ul.pd-dropdown li:hover > a {
    color: #222222
}

.navigation .menu ul > li ul.pd-dropdown li a {
    color: #333;
    font-size: 13px;
    padding: 2px 15px;
    position: relative;
    display: block;
    transition: all .3s ease;
    text-transform: capitalize;
    font-weight: 400
}

.navigation .menu ul > li ul.pd-dropdown li a.hd-title {
    font-weight: bold
}

.navigation .menu ul > li ul.pd-dropdown li a i {
    float: right
}

.navigation .menu ul > li ul.pd-dropdown li a:hover {
    color: #fff;
    background: #5b7a52
}

.navigation ul .pd-submenu > a > .button,
.navigation ul .pd-submenu > a > button {
    display: none
}

.navigation .navbar {
    display: none;
    padding: 12px 0;
    margin: 0
}

.upload-pres {
    width: 180px;
    text-align: center
}

.upload-pres .dis-text,
.upload-pres .prescription-btn {
    display: inline-block;
    text-align: center
}

.upload-pres .prescription-btn {
    background: #4a6b5b;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    padding: 0px 10px;
    width: 180px;
    line-height: 30px;
}

.add-head .fa {
    background: #e6e6e6;
    color: #5a3a26;
    width: 45px;
    height: 45px;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    float: left;
    margin-right: 10px;
}

.add-head p {
    padding: 0px 0px;
    font-size: 12px;
    line-height: 20px;
    height: 50px;
    position: relative;
    width: 140px;
    text-align: left;
    margin-left: 60px;
    color: #333
}

.add-head p span {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 140px;
    color: #333 !important
}

.add-head p strong {
    font-weight: normal;
    color: #333;
    font-family: "Poppins-Bold"
}

.shopcart .dropdown-menu {
    padding: 20px;
    top: 0px !important;
    width: 300px !important;
    left: 20px !important;
    box-shadow: 5px 10px 10px #ccc;
    display: block
}

.shopcart .total-header-section {
    border-bottom: 1px solid #d2d2d2;
}

.shopcart .total-section p {
    margin-bottom: 0px;
}

.shopcart .cart-detail {
    padding: 15px 0px;
}

.shopcart .cart-detail-img img {
    width: 100%;
    height: 100%;
    padding-left: 15px;
}

.shopcart .cart-detail-product p {
    margin: 0px;
    color: #000;
    font-weight: 500;
    text-align: left;
    font-size: 14px;
    padding: 0px;
    line-height: 18px;
}

.shopcart .cart-detail .price {
    font-size: 15px;
    margin-right: 10px;
    font-weight: 500;
}

.shopcart .cart-detail .count {
    color: #666;
    font-weight: normal;
}

.shopcart .checkout {
    border-top: 1px solid #d2d2d2;
    padding-top: 15px;
}

.shopcart .checkout .btn-primary {
    border-radius: 50px;

}

.shopcart .checkout .btn-block {
    background: #4a6b5b;
    color: #fff;
    text-align: center;
    border-radius: 3px;
    padding: 0px 10px;
    width: 100%;
    line-height: 30px;
    border: none;
}

.shopcart .checkout .btn-block:hover {
    background: #4a6b5b !important;
}

.shopcart .dropdown-menu:before {
    content: " ";
    position: absolute;
    top: -20px;
    right: 20px;
    border: 10px solid transparent;
    border-bottom-color: #ccc;
}

.sldrtopmar20 {
    display: block;
    width: 100%;
    float: left;
    padding: 10px;
}

#myCarousel {
    clear: both;
    z-index: 0
}

.carousel-inner > .item > a > img,
.carousel-inner > .item > img {
    width: 100%;
    max-height: 420px;
    object-fit: cover;
}

.slider-left-arrow {
    position: absolute;
    top: 45%;
    z-index: 5;
    display: inline-block;
    display: inline-block;
    margin-top: -10px
}

.slider-right-arrow {
    position: absolute;
    top: 45%;
    z-index: 5;
    display: inline-block;
    margin-top: -10px;
    right: 50%
}

.two-highlights {
    margin: 25px 0px 15px;
    padding: 0px;
    float: left;
    width: 100%
}

.two-highlights img {
    width: 100%;
    margin-bottom: 10px;
}

.shop-by-category {
    /*    background: #f1f3f6;
    margin: 20px 0px;
    padding: 20px 0px;*/
}

.shop-cat-subtitle {
    text-align: center;
    color: #888;
    font-size: 14px;
    margin: 0 0 20px;
    padding: 0;
}

.shop-by-category .shop-cat-box {
    position: relative;
    text-align: center;
    background: none;
    border: none;
    border-radius: 0;
    padding: 0;
    margin: 0;
    box-shadow: none;
    overflow: hidden;
}

.shop-by-category .shop-cat-box:hover {
    box-shadow: none;
    transform: none;
}

.shop-by-category .shop-cat-img-wrap {
    position: relative;
    overflow: hidden;
    aspect-ratio: 3 / 4;
}

.shop-by-category .shop-cat-img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    transition: transform 0.4s ease;
}

.shop-by-category .shop-cat-box:hover .shop-cat-img-wrap img {
    transform: scale(1.06);
}

.shop-by-category .shop-cat-box h2 {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: auto;
    margin: 0;
    padding: 40px 6px 18px;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0));
}

.shop-by-category .shop-cat-box h2 span {
    margin: 0;
    position: static;
    transform: none;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #fff;
    font-family: 'Playfair Display', Georgia, serif;
    font-weight: 700;
    font-size: 19px;
    letter-spacing: 1px;
    text-transform: uppercase;
}

.shop-by-category .shop-by-cat-outer {
    background: #fff;
    border-radius: 10px;
    margin: 0px;
    padding: 0px;

}

.deals-of-the-day {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.deals-of-the-day .deals-bg {
    width: 100%;
    float: left;
    background: #fff;
    margin-top: 100px;
    padding-bottom: 20px;
}

.trending-products {
    width: 100%;
    float: left;
    margin-top: 20px;
}

.trending-products .trending-bg {
    width: 100%;
    float: left;
    background: #fff;
    margin-top: 100px;
    padding-bottom: 20px;
}

.deals-of-the-day .mt-100,
.trending-products .mt-100 {
    margin-top: -100px;
}

.deals-of-the-day .item,
.trending-products .item {
    margin: 5px 15px;
    text-align: center
}

.deals-of-the-day .product,
.trending-products .product {
    background: #fff;
    border-radius: 5px;
    box-shadow: 2px 0px 5px #ccc;
    position: relative;
}

.deals-of-the-day .product .product-image-container,
.trending-products .product .product-image-container {
    position: relative;
}

#related_products_grid .product .product-image-container img.product-image {
    height: auto;
    aspect-ratio: 3 / 4;
}

@media (min-width: 1200px) {
    #related_products_grid > [class*="col-"] {
        width: 20%;
    }
}

.deals-of-the-day .product .product-details,
.trending-products .product .product-details {
    padding: 10px;
    display: inline-block;
    width: 100%;
}

.deals-of-the-day .product h3,
.trending-products .product h3 {
    margin: 0px;
    line-height: 15px;
    text-align: left;
}

.deals-of-the-day .product h3 a,
.trending-products .product h3 a {
    font-size: 13px;
    color: #4a6b5b;
}

.deals-of-the-day .product h3.title2,
.trending-products .product h3.title2 {
    margin-bottom: 5px;
    height: 40px;
}

.deals-of-the-day .product h3.title2 a,
.trending-products .product h3.title2 a {
    color: #454545;
    font-size: 14px;
}

.deals-of-the-day .product-details .tabamount,
.trending-products .product-details .tabamount {
    font-size: 12px;
    padding-bottom: 0px;
}

.deals-of-the-day .product-details .mrp,
.trending-products .product-details .mrp {
    font-size: 13px;
    line-height: 15px;
}

.deals-of-the-day .product-details .mrp .text-lineth,
.trending-products .product-details .mrp .text-lineth {
    text-decoration: line-through;
}

.deals-of-the-day .product-details .mrp .amrp,
.trending-products .product-details .mrp .amrp {
    font-size: 16px;
    color: #2b2622;
    font-family: 'Poppins-Medium';
    margin: 5px 0px;
}

.deals-of-the-day .product-details .addtocart-btn,
.trending-products .product-details .addtocart-btn {
    background: #3d5a4c;
    color: #fff;
    float: left;
    text-align: center;
    font-size: 12px;
    padding: 0px 6px;
    border-radius: 3px;
    width: 58%;
    border: 1px solid #3d5a4c;
    line-height: 25px;
    cursor: pointer;
    position: relative;
}

.deals-of-the-day .product-details .addtocart-btn a,
.trending-products .product-details .addtocart-btn a {
    color: #fff;
}

.deals-of-the-day .product-details .wishlist-btn,
.trending-products .product-details .wishlist-btn {
    float: right;
    text-align: center;
    font-size: 12px;
    padding: 0px 6px;
    border-radius: 3px;
    width: 40%;
    border: 1px solid #3d5a4c;
    line-height: 25px;
    cursor: pointer;
}

.deals-of-the-day .product-details .wishlist-btn a,
.trending-products .product-details .wishlist-btn a {
    color: #3d5a4c;
}

.deals-of-the-day .owl-buttons,
.trending-products .owl-buttons {
    position: static;
}

.deals-of-the-day .deals-bg .owl-next,
.deals-of-the-day .deals-bg .owl-prev,
.trending-products .trending-bg .owl-next,
.trending-products .trending-bg .owl-prev {
    background: #fff !important;
    border-radius: 50% !important;
    width: 40px !important;
    height: 40px !important;
    padding: 0 !important;
    margin: 0 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
    font-size: 0 !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
    z-index: 3;
}

.deals-of-the-day .deals-bg .owl-prev,
.trending-products .trending-bg .owl-prev {
    left: -18px !important;
}

.deals-of-the-day .deals-bg .owl-next,
.trending-products .trending-bg .owl-next {
    right: -18px !important;
}

.deals-of-the-day .deals-bg .owl-prev::before,
.trending-products .trending-bg .owl-prev::before {
    content: "\f104";
    font-family: FontAwesome;
    font-size: 16px;
    color: #333;
}

.deals-of-the-day .deals-bg .owl-next::before,
.trending-products .trending-bg .owl-next::before {
    content: "\f105";
    font-family: FontAwesome;
    font-size: 16px;
    color: #333;
}

.featured-brands {
    width: 100%;
    float: left;
    margin-top: 0px;
    background: #fbfbfb;
    padding: 20px 0px;
}

.featured-brands .fbrands {
    text-align: center;
}

.featured-brands .fbrands img {
    border-radius: 50%;
    background: #fff;
    padding: 5px;
    box-shadow: 0px 0px 5px #ccc;
    margin: 2px auto;
    height: 108px;
    width: 108px
}

.featured-brands .fbrands h2 {
    font-size: 16px;
    text-align: center
}

.featured-brands .owl-buttons,
.featured-brands .owl-buttons {
    position: absolute;
    top: 5%;
    right: 2%;
}

.featured-brands .owl-next,
.featured-brands .owl-prev,
.featured-brands .owl-next,
.featured-brands .owl-prev {
    position: relative;
}

.health-advice-articles {
    width: 100%;
    margin: 0px;
    padding: 20px 0px;
    background: url(../images/health-advice-articles-bg.jpg) repeat-x #f3f3f3;
    float: left;
}

.hda-title-text {
    font-size: 18px;
    color: #fff;
    background: #98ddca;
    float: left;
    width: 100%
}

.health-advice-articles .articles-box {
    text-align: center;
    background: #fff;
    border-radius: 10px;
    padding: 10px 10px;
    -moz-box-shadow: inset -3px -3px 10px 0px #dddddd;
    -webkit-box-shadow: inset -3px -3px 10px 0px #dddddd;
    margin: 5px 15px;
    border: 1px solid #ddd;
}

.health-advice-articles .articles-box img {
    width: 100%;
}

.health-advice-articles p {
    text-align: left;
    font-size: 13px;
    line-height: 20px;
    padding: 10px 0px;
    position: relative;
    height: 100px;
}

.health-advice-articles p span {
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
}

.health-advice-articles .owl-buttons {
    position: absolute;
    top: -22%;
    right: 2%;
}

.health-advice-articles .owl-next,
.health-advice-articles .owl-prev {
    position: relative;
}

.btm-3tabs {
    width: 100%;
    float: left;
    margin: 30px 0px 20px;
    padding: 0px 0px;
}

.btm-3tabs .blue-tb {
    background: #4d81a8;
    padding: 25px;
    display: block;
    float: left;
    margin: 0px;
    width: 100%;
    border-radius: 10px;
}

.btm-3tabs .blue-tb p {
    color: #fff;
    line-height: 20px;
    text-align: left;
    padding: 0px;
    font-size: 18px
}

.btm-3tabs .blue-tb img {
    float: left;
    border-right: 2px solid #fff;
    padding-right: 10px;
    margin-right: 10px;
}

.btm-3tabs .pink-tb {
    background: #eca8cd;
    padding: 25px;
    display: block;
    float: left;
    margin: 0px;
    width: 100%;
    border-radius: 10px;
}

.btm-3tabs .pink-tb p {
    color: #fff;
    line-height: 20px;
    text-align: left;
    padding: 0px;
    font-size: 18px
}

.btm-3tabs .pink-tb img {
    float: left;
    border-right: 2px solid #fff;
    padding-right: 10px;
    margin-right: 10px;
}

.btm-3tabs .orange-tb {
    background: #f1a375;
    padding: 25px;
    display: block;
    float: left;
    margin: 0px;
    width: 100%;
    border-radius: 10px;
}

.btm-3tabs .orange-tb p {
    color: #fff;
    line-height: 20px;
    text-align: left;
    padding: 0px;
    font-size: 18px
}

.btm-3tabs .orange-tb img {
    float: left;
    border-right: 2px solid #fff;
    padding-right: 10px;
    margin-right: 10px;
}

.btm-3tabs .item,
.btm-3tabs .item,
.btm-3tabs .item {
    padding: 0px 15px
}

.btm-3tabs .orange-tb,
.btm-3tabs .blue-tb,
.btm-3tabs .pink-tb {
    margin-bottom: 10px
}

.title-text {
    color: #4a6b5b;
    font-size: 20px;
}

.mt0 {
    margin-top: 0px;
}

.mb0 {
    margin-bottom: 0px;
}

.top4section {
    background: #f1f3f6;
    margin: 20px 0px;
    padding: 30px 0px;
}

.top4section-i {
    background: #fff;
    margin: 0px;
    padding: 0px;
    box-shadow: 0px 0px 15px #dddddd;
    border-radius: 10px;
    padding: 20px 0px;
    margin: 0px 15px;
}

.top4section-i .t4s {
    text-align: center
}

.top4section-i .t4s img {
    -webkit-transition: all 0.4s ease 0s;
    transition: all 0.4s ease 0s;
}

.top4section-i .t4s:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
}

.top4section-i .t4s h2 {
    font-size: 20px;
    -moz-transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.top4section-i .t4s:hover h2 {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
}

/* common */
.ribbon {
    width: 70px;
    height: 70px;
    overflow: hidden;
    position: absolute;
    z-index: 5;
}

.ribbon::before,
.ribbon::after {
    position: absolute;
    z-index: -1;
    content: '';
    display: block;
    border: 5px solid #a61415;
}

.ribbon span {
    position: absolute;
    display: block;
    width: 134px;
    padding: 4px 0;
    background-color: #f34747;
    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);
    color: #fff;
    font: 400 12px/1 'Poppins-Regular';
    text-shadow: 0 1px 1px rgba(0, 0, 0, .2);
    text-transform: uppercase;
    text-align: center;
}

/* top right*/
.ribbon-top-right {
    top: -10px;
    right: -10px;
}

.ribbon-top-right::before,
.ribbon-top-right::after {
    border-top-color: transparent;
    border-right-color: transparent;
}

.ribbon-top-right::before {
    top: 0;
    left: 0;
}

.ribbon-top-right::after {
    bottom: 0;
    right: 0;
}

.ribbon-top-right span {
    left: -23px;
    top: 23px;
    transform: rotate(45deg);
}

footer {
    background: #efe8da;
    float: left;
    width: 100%;
}

.footerlinks {
    width: 100%;
    float: left;
    display: block;
    margin: 20px 0px;
}

.footerlinks ul {
    margin: 0px;
    padding: 0px
}

.footerlinks ul li {
    line-height: 22px;
}

.footerlinks ul li a {
    color: #696b79;
    font-size: 13px;
    transition: 0.3s;
    display: block;
    padding: 3px 0px;
}

.footerlinks ul li a:hover {
    padding-left: 10px;
    background: #4a6b5b;
    color: #fff;
}

footer .footaddress {
    color: #3d5a4c
}

footer .footaddress p {
    color: #696b79;
    font-size: 13px;
    margin: 0px;
    padding: 0px 0px 5px 0px;
    line-height: 22px;
    text-align: left;
}

footer .footaddress p.footcall a {
    color: #b8893a;
    font-size: 20px
}

.footnewsletter p {
    font-size: 13px;
    line-height: 20px;
    color: #696b79;
}

footer h4 {
    color: #2b2622;
    font-family: Poppins-Medium;
}

footer .footnewsletter {
    border-bottom: 1px solid #bbcbc8;
}

footer .footnewsletter input {
    background: transparent;
    outline: none;
    border: none;
    color: #696b79;
    font-size: 13px;
    width: 85%
}

footer .footnewsletter input::placeholder {
    color: #696b79;
    font-size: 13px;
}

footer .footnewsletter button.newsbtn {
    float: right;
    color: #696b79;
    background: none;
    border: none;
}

footer .foot-mid {
    width: 100%;
    margin: 20px 0px 0px 0px;
    padding: 20px 0px 20px 0px;
    border-top: 1px solid #a6c3c1;
    clear: both
}

footer .foot-mid .foot-mid-tb {
    margin-bottom: 10px;
}

footer .foot-mid .foot-mid-tb img {
    float: left;
    padding-right: 20px;
}

footer .foot-mid .foot-mid-tb p {
    font-size: 13px;
    text-align: left;
    line-height: 16px;
    padding: 10px 0px;
    color: #fff;
}

.copyright p {
    padding: 10px 0 20px;
    color: #696b79;
    font-size: 12px;
    line-height: 15px;
    text-align: center;
}

.copyright p a {
    color: #696b79;
    text-decoration: none;
}

.copyright p a:hover {
    color: #4a6b5b
}

.product-image{
    width: 100%;
    aspect-ratio: 3 / 4;
    height: auto;
    object-fit: cover;
}

.myaccount-title{
    font-size: 22px;
    margin-bottom: 15px;
    font-weight: 500;
    text-align: left;
    color: #3d5a4c;
    margin-top: 10px;
}

.mgb30 {
    margin-bottom: 30px;
}

@media(min-width: 300px) and (max-width: 375px) {
    .nav_menutop > ul > li {
        padding: 0px 0px 0px !important;
        margin-left: 10px !important;    
    }
    .aproducts-list .product-details .addtocart-btn{
        font-size: 10px!important;
        padding: 0px 2px!important;
    }
}

@media(min-width: 320px) and (max-width: 480px) {
    .listpager {
        padding: 10px !important;
    }

    .mgb30 {
        margin-bottom: 0px;
    }

    .prescription-items .pres-item-des h3 {
        font-size: 14px !important;
    }

    .prescription-items .pres-item-des .pid-amount {
        font-size: 14px;
    }

    .prescription-items p {
        text-align: left;
        font-size: 12px;
    }

    .price-cart{
         line-height: 20px;
    }

    .my-wishlist-box {
        padding: 5px !important;
    }

    .two-highlights img {
        border-radius: 5px !important;
    }

    .container {
        padding: 0px
    }

    .nav_menutop > ul > #search-btn {
        width: 100% !important;
        padding: 0px 0px 0px 20px;
        margin-top: 15px
    }

    .nav_menutop > ul > #search-btn input {
        min-width: 100px;
        max-width: 140px !important;
        margin-left: 20px;
    }

    /* .footerlinks ul li a {
        background: #4a6b5b;
        padding: 8px 15px;
        font-family: Poppins-Medium;
        margin: 5px 0px;
        color: #fff;
        border-radius: 20px;
    }*/
    .slider-left-arrow img,
    .slider-right-arrow img {
        width: 30px;
        height: 30px;
    }

    .shop-by-cat-outer .col-xs-4 {
        padding: 0px 5px;
    }

    .my-ac-panel {
        padding: 5% !important;
    }

    .my-ac-panel .ac-details .user-img {
        position: relative !important;
        left: 0px !important
    }

    .my-ac-panel .my-panel-tools {
        border-left: 0px !important;
        border-top: 1px solid #ccc
    }

    .my-ac-panel .my-panel-tools ul li {
        padding: 15px 3% !important;
    }

    .rad-label {
        width: 100% !important;
        margin: 5px 0px !important
    }

    .rad-text {
        width: 80% !important;
        vertical-align: middle !important;
    }

    .need-help-orange p {
        line-height: 22px;
    }

    .need-help-orange,
    .contact-email-white {
        margin: 10px 0% !important;
    }

    .need-help-orange img,
    .contact-email-white img {
        padding: 2.5% 5% !important;
    }

    .need-help-orange p span,
    .contact-email-white p span {
        font-size: 13px !important
    }

    .contact-email-white p {
        font-size: 18px !important;
        line-height: 22px;
    }
    .my-ac-panel .ac-details .user-img{
        float: left;
        margin-right: 10px;
        width: 80px!important
    }
    .my-ac-panel .ac-details .hd-text{
        margin: 0px!important;
        font-size: 18px!important;    
    }
    .my-ac-panel .ac-details .ac-email{
        padding: 0px!important;
        font-size: 14px!important
    }
    .my-ac-panel .ac-details .ac-phone{
        font-size: 13px!important
    }
    .change-address-btn{
        float: left!important;
        margin: 10px 0px 0px;
    }
    .prescription-items .pres-item-des .pid-qunt .pid-qunt-btn{   
        padding: 1px 10px!important;}
    .prescription-items .pres-item-des .pid-qunt .select-quantity{
        margin: 0px 5px!important;
    }
    .track-odr-btn, .odr-dtl-btn{
        font-size: 16px!important;
        padding: 0px 8px!important
    }
    .order-details-container .od-table .img-box{
        height: 100px!important
    }
    .order-details-container .od-table p{
        text-align: left; font-size: 13px!important;
    }
    .my-wishlist-box .remove-btn{
        text-align: left;
        float: left!important
    }
    .my-wishlist-box .mrp-price{
        display: inline-block!important
    }
    .my-wishlist-box .best-price{text-align: left!important}
    .my-wishlist-box .best-price span{
        display: block!important;
    }
    }

@media (max-width: 768px) {

    .carousel-inner > .item > a > img,
    .carousel-inner > .item > img {
        max-height: 220px;
    }

    .aproducts-list .product-details .mrp .text-lineth {
        color: #7e818c;
        font-size: 12px;
    }

    .login-box{
        padding: 20px !important;
    }

    .aproducts-list .product h3.title2,
    .deals-of-the-day .product h3.title2,
    .trending-products .product h3.title2 {
        height: 55px !important;
    }

    .aproducts-list .product-details .cart-btns,
    .deals-of-the-day .product-details .cart-btns,
    .trending-products .product-details .cart-btns {
        display: flex;
        flex-direction: row;
        gap: 4px;
    }

    .aproducts-list .product-details .addtocart-btn,
    .deals-of-the-day .product-details .addtocart-btn,
    .trending-products .product-details .addtocart-btn {
        float: none;
        width: 64%;
        font-size: 10px;
        padding: 0 2px;
        white-space: nowrap;
    }

    .aproducts-list .product-details .wishlist-btn,
    .deals-of-the-day .product-details .wishlist-btn,
    .trending-products .product-details .wishlist-btn {
        float: none;
        width: 34%;
        font-size: 10px;
        padding: 0 2px;
        white-space: nowrap;
    }

    .trending-products .container,
    .deals-of-the-day .container {
        padding: 0 15px;
    }

    .deals-of-the-day .deals-bg .owl-prev,
    .trending-products .trending-bg .owl-prev {
        left: 2px !important;
    }

    .deals-of-the-day .deals-bg .owl-next,
    .trending-products .trending-bg .owl-next {
        right: 2px !important;
    }

    .all-products .short-by select {
        font-size: 12px !important;
    }

    .all-products .short-by {
        line-height: 22px !important;
    }


    .breadcrumb ul li {
        font-size: 12px !important;
    }

    .carousel-indicators {
        bottom: 0px !important;
    }

    .aproducts-list .product-details .wishlist-btn {
        font-size: 10px !important;
    }

    .navigation_bar.stricky-fixed {
        position: absolute
    }

    .nav_menutop > ul > li.searchblock {
        display: block
    }

    .nav_menutop > ul > li #search-btn {
        border-radius: 3px;
        border: 1px solid #cccccc;
        max-width: 100%;
        min-width: 100%;
        height: 40px;
        line-height: 30px;
        margin-bottom: 10px;
        display: inline-block;
        width: 200px
    }

    .nav_menutop > ul > li #search-btn input {
        width: 75% !important;
        float: left;
    }

    .nav_menutop > ul > li #search-btn button {
        padding: 9px 15px 9px 15px;
    }

    .header {
        margin-top: 0px;
    }

    .header .dn-fxds .nav_menutop.pull-right {
        margin-top: 0 !important;
    }

    .tophead {
        width: 100%;
        /* position: fixed;*/
        z-index: 999
    }

    .deals-of-the-day .owl-buttons,
    .trending-products .owl-buttons {
        right: 6%;
        top: -12%
    }

    .featured-brands .owl-buttons,
    .featured-brands .owl-buttons {
        right: 6%;
        top: -15%
    }

    .health-advice-articles .owl-buttons {
        right: 6%;
        top: -27%
    }

    .shop-by-category .shop-cat-box img {
        width: 100%;
    }

    .shop-by-category .shop-cat-box h2 {
        padding: 20px 4px 10px;
    }

    .shop-by-category .shop-cat-box h2 span {
        font-size: 12px;
        letter-spacing: 0.5px;
    }

    .cart-steps-process li {
        padding: 20px 10px !important;
    }
    .cart-steps-process li a {
       font-size: 11px!important;
    }

    .cart-steps-process .step-icon {
        width: 32px !important;
        height: 32px !important;
        line-height: 28px !important;
        font-size: 13px !important;
    }

    .cart-steps-process li:after {
        width: 10px !important;
        top: 32px !important;
    }

    .cart-steps-process li:before {
        width: 10px !important;
        top: 32px !important;
    }

    .prescription-items .pres-item-des .pid-qunt .select-quantity {
       
    }

    .upload-prescription-container .select-time {
        width: 100% !important
    }

    .nav_menutop > ul > li #search-btn input,
    .nav_menutop > ul > li #search-btn select {
        width: 100px !important
    }

    .add-head .fa {
        width: 40px;
        height: 40px;
        line-height: 40px;
    }

    .add-head p {
        margin-left: 50px;
    }
}

.delivery-to-home {
    /*    box-shadow: 0px 0px 10px #eee;*/
    border-radius: 10px;
    padding: 10px 20px;
    background: url(../images/deliver-to-home-image.svg)no-repeat;
    width: 100%;
    background-position: 100% 100%;
}

.delivery-to-home .hd-text {
    font-size: 16px;
    font-family: 'Poppins-Medium';
}

.delivery-to-home p {
    font-size: 11px;
    line-height: 20px;
    padding: 0px;
    letter-spacing: -0.5px
}

.delivery-to-home .change-btn {
    font-family: 'Poppins-Medium';
    margin: 20px 0px;
}

.delivery-to-home .change-btn a {
    color: #349f95;
    font-size: 15px;

}

.back-to-top {
    position: fixed;
    z-index: 8030;
    bottom: 10px;
    right: 30px;
    width: 46px;
    height: 46px;
    border-radius: 50%;
    color: #000;
    font-size: 30px;
    line-height: 42px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
    transition: all 0.25s;
    display: none;
    background: #e1e0de;
}

.back-to-top:hover {
    background: #4a6b5b;
    color: #fff;
}


.owl-next,
.owl-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.owl-buttons .owl-prev {
    background: url(../images/left-arrow.png) no-repeat !important;
    font-size: 0 !important;
    width: 30px;
    height: 30px;
    left: 1rem
}

.owl-buttons .owl-next {
    float: right;
    background: url(../images/right-arrow.png) no-repeat !important;
    font-size: 0 !important;
    width: 30px;
    height: 30px;
    right: -1.1rem
}

.promo-banner {
    margin: 20px 0px;
    padding: 0px;
    float: left;
    width: 100%;
}

.promo-banner img {
    width: 100%;

}

.breadcrumb {
    background-color: #ededed;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
}

.breadcrumb ul {
    padding: 2px 16px;
    list-style: none;
    background-color: #ededed;
    width: 100%;
    float: left;
}

.breadcrumb ul li {
    display: inline;
    font-size: 15px;
    color: #3d5a4c;
}

.breadcrumb ul li + li:before {
    padding: 8px 3px;
    color: black;
    content: "/\00a0";
    font-size: 12px;
}

.breadcrumb ul li a {
    color: #316863;
    text-decoration: none;
}

.breadcrumb ul li a:hover {
    color: #3d5a4c;
    text-decoration: none;
}

.content-area {
    width: 100%;
    float: left;
    margin: 20px 0px;
}

#sidebar-container {
    border-radius: 5px;
    box-shadow: 0px 0px 10px #ccc;
    padding: 15px 15px 0px 15px;
}

#sidebar-container .list-group {
    margin-bottom: 15px;
    padding-bottom: 15px;
}

#sidebar-container .list-group .list-group-item[aria-expanded="false"] .submenu-icon::after {
    content: " \f107";
    font-family: FontAwesome;
    display: inline;
    text-align: right;
    padding-left: 5px;
    width: 25px;
    padding-right: 10px;
    float: right
}

#sidebar-container .list-group .list-group-item[aria-expanded="true"] .submenu-icon::after {
    content: " \f105";
    font-family: FontAwesome;
    display: inline;
    text-align: right;
    padding-left: 5px;
    width: 25px;
    padding-right: 10px;
    float: right
}

.list-group-item,
.list-group-item:hover,
.list-group-item:active,
.list-group-item:visited,
.list-group-item:focus,
a.list-group-item:focus,
a.list-group-item:hover,
button.list-group-item:focus,
button.list-group-item:hover {
    border: 0px;
    background: transparent;
    color:#4a6b5b!important
}


.list-group-item {
    padding: 5px 0px;
    font-size: 14px;
}

.list-group-item .menuformat,
.sidebar-submenu .menuformat,
.sidebar-submenu:hover .menuformat {
    border-bottom: 1px dashed #ddd;
    color: #818181 
}

.list-group-item .menuformat1,
.sidebar-submenu .menuformat1,
.sidebar-submenu:hover .menuformat1 {
    border-bottom: 1px solid #ddd;
    color: #000
}

.list-group-item:last-child {
    border-radius: 0px;
}

.sidebar-submenu .menuformat {
    margin: 0px 0px 0px 20px;
}

.blank-bspace {
    width: 20px;
    height: 20px
}

.sidebar-submenu .menuformat1 {
    margin: 0px 0px 0px 40px;
}

.cat-head {
    font-size: 18px;
    color: #454545;
    display: block;
    font-family: Poppins-Medium;
}

.filter-price-row {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 8px 0px;
}

.filter-price-input {
    width: 60px;
    padding: 4px 6px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 13px;
}

.filter-price-go {
    padding: 4px 12px;
    background: #4a6b5b;
    color: #fff;
    border: 0;
    border-radius: 4px;
    font-size: 13px;
    cursor: pointer;
}

.filter-check-row {
    padding: 4px 0px;
    font-size: 13px;
    color: #818181;
}

.filter-check-row label {
    display: flex;
    align-items: center;
    gap: 6px;
    cursor: pointer;
    font-weight: normal;
    margin: 0;
}

.filter-color-swatch {
    display: inline-block;
    width: 15px;
    height: 15px;
    border-radius: 50%;
    border: 1px solid #ccc;
}

.filter-sort-select {
    width: 100%;
    padding: 6px;
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 13px;
    margin-top: 4px;
}

.mobile-filter-btn {
    background: #4a6b5b;
    color: #fff;
    border: 0;
    border-radius: 4px;
    padding: 6px 12px;
    font-size: 12px;
    float: right;
}

.filter-drawer-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    z-index: 9000;
}

.filter-drawer-overlay.show {
    display: block;
}

.filter-drawer {
    position: fixed;
    top: 0;
    right: -280px;
    width: 280px;
    max-width: 85%;
    height: 100%;
    background: #fff;
    z-index: 9001;
    transition: right 0.4s ease;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    box-shadow: -2px 0 14px rgba(0, 0, 0, 0.3);
}

.filter-drawer.show {
    right: 0;
}

.filter-drawer-head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 12px 15px;
    background: #4a6b5b;
    color: #fff;
    font-size: 16px;
    font-weight: 600;
}

.filter-drawer-close {
    cursor: pointer;
    font-size: 18px;
    padding: 5px 8px;
}

.filter-drawer form {
    padding: 0px 15px;
}

.list-group li:last-child .menuformat {}

.list-group li:last-child .menuformat:active,
.list-group li:last-child .menuformat:focus,
.list-group li:last-child .menuformat:hover {
    /* border-bottom: 1px solid #ddd*/
}

.list-group li:last-child .sidebar-submenu .menuformat {
    border-bottom: 1px solid #ddd
}

.list-group li:last-child .sidebar-submenu li:last-child .list-group-item {
    border-bottom: none
}

.catlist-right {
    margin: 0px;
    padding: 0px;
}

.catlist-right .catlist-banner {
    margin-bottom: 20px;
}

.catlist-right .catlist-banner img {
    width: 100%;
}

.aproducts-list {
    width: 100%;
    float: left;
    margin-top: 30px;
}

.aproducts-list .trending-bg {
    width: 100%;
    float: left;
    background: #d3eeff;
    margin-top: 100px;
    padding-bottom: 20px;
}

.aproducts-list .mt-100 {
    margin-top: -100px;
}

.aproducts-list .item {
    margin: 5px 15px;
    text-align: center
}

.aproducts-list .product {
    background: #fff;
    border-radius: 5px;
    box-shadow: 2px 0px 5px #ccc;
    position: relative
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.aproducts-list .product-details {
    padding: 10px;
    display: inline-block;
    width: 100%;
}

.aproducts-list .product h3 {
    margin: 0px;
    line-height: 15px;
    text-align: left;
}

.aproducts-list .product h3 a {
    font-size: 13px;
    color: #4a6b5b;
}

.aproducts-list .product h3.title2 {
    margin-bottom: 5px;
    height: 40px;
}

.aproducts-list .product h3.title2 a {
    color: #454545;
    font-size: 14px;
}

.aproducts-list .product-details .tabamount {
    font-size: 12px;
    padding-bottom: 0px;
}

.aproducts-list .product-details .mrp {
    font-size: 13px;
    line-height: 15px;
}

.aproducts-list .product-details .mrp .text-lineth {
    text-decoration: line-through;
}

.aproducts-list .product-details .mrp .amrp {
    font-size: 16px;
    color: #2b2622;
    font-family: 'Poppins-Medium';
    margin: 5px 0px;
}

.aproducts-list .product-details .mrp .amrp .bestprice {
    color: #6a6a6a;
    font-family: "Poppins-Regular";
    float: left;
    padding-right: 5px;
}

.aproducts-list .product-details .cart-btns {}

.aproducts-list .product-details .addtocart-btn {
    background: #3d5a4c;
    color: #fff;
    float: left;
    text-align: center;
    font-size: 12px;
    padding: 0px 6px;
    border-radius: 3px;
    width: 58%;
    border: 1px solid #3d5a4c;
    line-height: 25px;
    cursor: pointer;
    position: relative;
}

.addtocart-tooltip {
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%) translateY(4px);
    margin-bottom: 8px;
    background: #4d6b45;
    color: #ffffff;
    font-size: 12px;
    font-weight: 500;
    padding: 6px 12px;
    border-radius: 6px;
    white-space: nowrap;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.2s ease, transform 0.2s ease;
    z-index: 20;
}

.addtocart-tooltip.show {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
}

.addtocart-tooltip:after {
    content: '';
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 5px solid transparent;
    border-top-color: #4d6b45;
}

.addtocart-tooltip .fa {
    margin-right: 4px;
}

.aproducts-list .product-details .addtocart-btn a {
    color: #fff;
}

.aproducts-list .product-details .wishlist-btn {
    float: right;
    text-align: center;
    font-size: 12px;
    padding: 0px 6px;
    border-radius: 3px;
    width: 40%;
    border: 1px solid #3d5a4c;
    line-height: 25px;
    cursor: pointer;
}

.aproducts-list .product-details .wishlist-btn a {
    color: #3d5a4c;
}

.shopbysubcat {
    margin-bottom: 20px;
}

.shopbysubcat .item {
    margin: 0px 15px 10px 0px
}

.catlist-right .title-text {
    color: #3d5a4c;
    float: left;
    margin: 0px;
}

.catlist-right .title-text span {
    display: block;
    font-size: 14px;
    padding-top: 10px;
}

.view-allright {
    float: right;
    color: #5b7a52
}

.view-allright i {
    padding-left: 5px;
}

.all-products .short-by {
    float: right;
    color: #3d5a4c;
    text-align: right
}

.all-products .short-by select {
    border: 1px solid #3d5a4c;
    font-size: 14px;
    border-radius: 3px;
    margin-left: 10px;
}

.product-image-container {
    text-align: center
}

.details-img-custom {
    width: 100%;
    position: relative;
}

.single-product-image {
    width: 100%;
    background: #f5f5f5;
    text-align: center;
    overflow: hidden;
    position: relative;
    height: 150px;
}

.single-product-image img {
    position: absolute;
    max-width: 100%;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: auto;
}

.blur-img {
    width: 100%;
    position: absolute;
    left: 0px;
    padding: 0px;
    top: 0px;
    bottom: 0px;
}

.blur-img img {
    width: 100%;
    height: 100%;
    padding: 0px;
    -webkit-filter: blur(5px);
    filter: blur(5px);
}

.main-img {
    background: rgba(255, 255, 255, 1);
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    right: 0px;
    z-index: 1;
}

.app-figure {
    width: 100% !important;
    margin: 0px auto;
    border: 1px solid #ccc;
    padding: 0px;
    position: relative;
    text-align: center;
    height: 450px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.mz-thumb,
.mz-thumb:focus {
    overflow: hidden;
}

.pro-details-right {}

.tag {
    display: inline-block;
    width: auto;
    height: 29px;
    background-color: #f34747;
    -webkit-border-radius: 3px 4px 4px 3px;
    -moz-border-radius: 3px 4px 4px 3px;
    border-radius: 3px 4px 4px 3px;
    border-left: 1px solid #f34747;
    /* This makes room for the triangle */
    margin-left: 14px;
    position: relative;
    color: white;
    font-weight: 300;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 16px;
    line-height: 29px;
    padding: 0 10px 0 10px;
    text-transform: uppercase;
}

.tag:before {
    content: "";
    position: absolute;
    display: block;
    left: -14px;
    width: 0;
    height: 0;
    border-top: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-right: 14px solid #f34747;
}

.tag:after {
    content: "";
    background-color: white;
    border-radius: 50%;
    width: 4px;
    height: 4px;
    display: block;
    position: absolute;
    left: -4px;
    top: 12px;
}

.pro-details-right .pronamehd {
    font-size: 20px;
    font-family: "Poppins-Medium";
}

.pro-details-right .pronbtns li {
    display: inline-block;
    box-shadow: 0px 0px 10px #ccc;
    border-radius: 25px;
    background: #fff;
    color: #666;
    font-size: 16px;
    padding: 0px 10px;
    margin: 0px 10px 0px 0px
}

.pro-details-right .pronbtns li a {
    color: #666;
}

.pro-details-right .pronbtns li a:hover,
.pro-details-right .pronbtns li.active a {
    color: #4a6b5b
}

hr {
    height: 1px;
    width: 100%;
    margin: 10px 0px;
    background: #dadada;
    border: none;
}

.pro-quan {
    font-size: 16px
}

.p-availablity {
    margin: 0;
    font-weight: 600;
    font-size: 14px;
    padding-bottom: 5px;
}

.pro-avail-weight {
    padding-bottom: 10px
}

.pro-avail-weight li {
    color: #d9826b;
    border: 2px solid #d9826b;
    border-radius: 3px;
    display: inline-block;
    padding: 0px 5px;
}

.pro-avail-weight li a {
    color: #d9826b;
    line-height: 20px;
    text-decoration: none;
    padding: 10px;
}

.pro-avail-weight li p {
    color: #d9826b;
    line-height: 20px;
    text-decoration: none;
    padding: 10px;
    cursor: pointer;
}

.pro-avail-weight li.active {
    border: 2px solid #b5452a;
}

.pro-avail-weight li.active a {
    color: #b5452a;
    padding: 10px;
}

.pro-features li {line-height: 18px;padding: 8px 0px; font-size: 15px}

.pro-features span {
    font-style: italic;
    font-family: 'Poppins-Medium'
}

.pro-bprice {
    font-family: 'Poppins-Medium';
    margin: 5px 0px;
    padding: 0px
}

.pro-bprice .price-green {
    color: #474747;
    font-size: 24px;
}

.pro-bprice .pro-off {
    font-size: 20px;
    font-weight: 500;
    letter-spacing: .5px;
    color: #ff905a;
    margin-left: 10px;
}

.pro-mrp {
    padding: 0px;
    line-height: 20px;
    color: #777777;
    font-size: 16px;
}

.pro-mrp .inclusive-text {
    display: block;
    font-size: 12px;
}

.check-avial {
    margin: 0px 0px 0px 0px;
}

.check-avial p {
    color: #2b2622;
    font-size: 16px;
    margin: 0;
    font-weight: 500;
    text-transform: uppercase;
    padding-bottom: 5px;
}

.Address-pdp-box {
    width: 300px;
    border-radius: 5px;
}
.Address-address-box {
    font-family: inherit;
    position: relative;
    padding: 5px 10px;
    font-size: 15px;
    border: 1px solid #bfc0c6;
}
.pincode-enterPincode {
    font-size: 13px;
    color: #2b2622;
    margin: 8px 0 0;
    text-align: initial;
    line-height: 18px;
}

.login-box{
    box-shadow: 0px 0px 10px #ddd3d3; padding: 30px 40px;
}
.detail-tabs .nav-tabs > li.active > a,
.detail-tabs .nav-tabs > li.active > a:focus,
.detail-tabs .nav-tabs > li.active > a:hover {
    color: #5eb861;
    border-radius: 0;
    padding: 10px 20px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
    background: #fff;
    box-shadow: 0px 0px 10px #eee;
    font-size: 17px;
}

.detail-tabs .nav-tabs {
    border: 0px
}

.nav-tabs > li.active > a,
.nav-tabs > li.active > a:focus,
.nav-tabs > li.active > a:hover {
    border: 0
}

.detail-tabs .nav-tabs > li > a {
    color: #000;
    border: 0;
    border-radius: 0;
    padding: 10px 20px;
    background: #e0e0e0;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;
}

.detail-tabs .tab-content {
    box-shadow: 0px 0px 10px #eee;
    border-radius: 0px 0px 25px 25px;
    padding: 30px 20px 20px 20px;
    margin: 0px 0px 0px;
}

.detail-tabs .tab-content p {
    text-align: left;
}

.detail-tabs .tab-content ul {
    margin-bottom: 10px;
}

.detail-tabs .tab-content ul li {
    list-style-type: disc;
    margin-left: 25px
}

.detail-tabs {
    padding: 30px 0px 0px 0px;
}

.detail-tabs table {
    width: 100%
}

.detail-tabs table tr td {
    border: 1px solid #ccc;
    padding: 5px 15px
}

.detail-tabs table tr td:first-child {
    width: 30%
}

.check-avial input {
    border: none;
    outline: none;
    width: 150px;
}

.check-avial .checkbtn {
    background-color: #fff;
    cursor: pointer;
    border: none;
    position: absolute;
    right: 16px;
    font-size: 13px;
    font-weight: 500;
}

.addtocartbtn {
    background: #b5452a;
    font-size: 16px;
    padding: 3px 25px;
    color: #fff;
    display: inline-block;
    border-radius: 3px;
    border: 1px solid #b5452a;
    cursor: pointer;
    transition: 0.3s;
}

.addtocartbtn a {
    color: #fff;
}

.addtocartbtn:hover {
    background: #8e3420;
    border: 1px solid #8e3420;
}

.outofstock {
    background: #ccc;
    font-size: 16px;
    padding: 3px 25px;
    color: #fff;
    display: inline-block;
    border-radius: 3px;
    border: 1px solid #ccc;
    cursor: pointer;
    transition: 0.3s;
}

.outofstock:hover {
    background: #ccc;
    border: 1px solid #ccc;
}

.wishlistbtn {
    background: #fff;
    font-size: 16px;
    padding: 3px 25px;
    color: #b5452a;
    display: inline-block;
    border-radius: 3px;
    border: 1px solid #b5452a;
    cursor: pointer;
    transition: 0.3s
}

.wishlistbtn a {
    color: #b5452a;
}

.wishlistbtn:hover {
    background: #8e3420;
    border: 1px solid #8e3420;
}

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

.w150 {
    width: 150px;
    text-align: center
}

.ml15 {
    margin-left: 15px;
}

.clearfix5h20m {
    clear: both;
    height: 5px;
    margin: 20px 0px
}

.description-box {
    box-shadow: 0px 0px 10px #eee;
    border-radius: 25px;
    padding: 30px 20px 20px 20px;
    margin-bottom: 20px;
}

.description-box .hd {
    color: #5b7a52;
    font-family: 'Poppins-Bold';
    margin: 0px 0px 15px 0px
}

.description-box .des-points-hd {
    font-family: 'Poppins-Medium';
    color: #666;
}

.description-box .des-pointers {
    color: #999;
    line-height: 20px;
    font-size: 15px
}

.description-box .des-pointers li {
    list-style-type: disc;
    margin-left: 25px;
}

.faq-container {
    margin: 20px 0
}

.faq-container .heading-h1 {
    font-size: 22px;
    color: #a5782e;
    padding: 20px 0;
    text-transform: uppercase;
    letter-spacing: 4px;
    margin-top: 10px;
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.faq-container .heading-h2 {
    font-size: 18px;
    padding: 20px 0;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin-top: 10px;
    display: block;
    float: left;
    width: 100%;
    margin-bottom: 0
}

.heading-small {
    font-size: 16px
}

.faq-container #accordion .card {
    border: 0;
    background-color: transparent
}

.faq-container #accordion .card .card-header {
    box-shadow: 0px 0px 10px #eee;
    border-radius: 10px;
    padding: 5px 20px;
    margin: 20px 0px;
}

.faq-container #accordion .card .card-header .btn-link img {
    height: 40px;
    margin-right: 30px;
    width: 40px;
}

.faq-container #accordion .card .card-header h5 {
    margin: 0px
}

.faq-container #accordion .card .card-header .heading-main {
    color: #a5782e !important;
    font-size: 22px !important
}

.faq-container #accordion .card .card-header .btn-link {
    color: #2c736f;
    text-decoration: none;
    width: 100%;
    text-align: left;
    outline: 0;
    line-height: 30px;
    white-space: initial;
    font-size: 20px;
    padding: 5px 0px;
    font-family: 'Poppins-Medium'
}

.faq-container #accordion .card .card-body {
    padding: 15px 0;
    box-shadow: 0px 0px 10px #eee;
    border-radius: 10px;
    padding: 5px 20px;
    margin: 20px 0px;
}

.faq-container #accordion .card .card-body p {
    padding-bottom: 10px
}

.faq-container #accordion .card .card-body ul {
    padding-bottom: 10px
}

.faq-container #accordion .card .card-body ul li {
    list-style-type: disc;
    margin-left: 20px;
    line-height: 20px;
}

.cb {
    clear: both;
    height: 0
}

.cb10 {
    clear: both;
    height: 10px
}

.cb20 {
    clear: both;
    height: 0
}

.cb30 {
    clear: both;
    height: 30px
}

.faq-container #accordion .card .card-header .btn-link:before {
    float: right !important;
    font-family: FontAwesome;
    content: "\f106";
    padding-right: 5px;
    font-size: 25px;
    color: #a5782e
}

.faq-container #accordion .card .card-header .btn-link.collapsed:before {
    float: right !important;
    content: "\f107";
    font-size: 25px;
    color: #a5782e;
    margin-top: 5px;
}

.faq-container #accordion .card .card-header .btn-link:active,
.faq-container #accordion .card .card-header .btn-link.active,
.faq-container #accordion .card .card-header .btn-link:focus,
.faq-container #accordion .card .card-header .btn-link:hover {
    text-decoration: none;
    color: #a5782e !important;
}

.best-offers {}

.best-offers .best-offer-title {
    box-shadow: 0px 0px 10px #e7e2e2;
    border-radius: 10px 10px 0px 0px;
    padding: 5px 20px;
    color: #3d5a4c;
    font-size: 18px;
    font-family: 'Poppins-Medium'
}

.best-offers ul {
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom: 1px dashed #5b7a52;
    border-left: 1px dashed #5b7a52;
    border-right: 1px dashed #5b7a52;
    padding: 10px 15px 0px 15px;
}

.best-offers ul li {
    color: #3d5a4c;
    font-size: 12px;
    line-height: 18px;
    padding: 0px 0px 15px;
    margin: 5px 0px;
    background: url(../images/tag.png)no-repeat;
    padding-left: 50px;
}

.best-offers ul li .black-txt {
    color: #333;
    font-family: 'Poppins-Medium';
    font-size: 14px;
    line-height: 20px;
}

.best-offers ul li .blue-txt {
    color: #00887e;
    font-size: 12px;
    font-family: 'Poppins-Medium';
    margin-left: 10px
}

.rating-n-reviews .heading {
    font-size: 18px;
    margin-right: 25px;
    color: #5b7a52;
    text-transform: uppercase;
    margin-bottom: 10px;
    display: inline-block;
}

.rating-n-reviews .rating-n-reviews .checked {
    color: orange;
}

.rating-n-reviews {
    box-shadow: 0px 0px 10px #eee;
    border-radius: 25px;
    padding: 15px 20px 15px 20px;
    margin: 20px 0px;
}


.rating-n-reviews .side {
    float: left;
    width: 15%;
    margin-top: 0px;
}

.rating-n-reviews .middle {
    margin-top: 10px;
    float: left;
    width: 70%;
}

.rating-n-reviews .right {
    text-align: right;
}

.rating-n-reviews .row:after {
    content: "";
    display: table;
    clear: both;
}


.rating-n-reviews .bar-container {
    width: 100%;
    background-color: #f1f1f1;
    text-align: center;
    color: white;
    border-radius: 5px;
}


.rating-n-reviews .bar-5 {
    width: 70%;
    height: 5px;
    background-color: #378a3a;
    border-radius: 5px;
}

.rating-n-reviews .bar-4 {
    width: 20%;
    height: 5px;
    background-color: #5b7a52;
    border-radius: 5px;
}

.rating-n-reviews .bar-3 {
    width: 7%;
    height: 5px;
    background-color: #fddd3d;
    border-radius: 5px;
}

.rating-n-reviews .bar-2 {
    width: 2%;
    height: 5px;
    background-color: #fdcd67;
    border-radius: 5px;
}

.rating-n-reviews .bar-1 {
    width: 1%;
    height: 5px;
    background-color: #fe4c40;
    border-radius: 5px;
}

@media (max-width: 400px) {
    .aproducts-list .product h3.title2 a {
        font-size: 12px !important;
    }

    .rating-n-reviews .side,
    .middle {
        width: 100%;
    }

    .rating-n-reviews .right {
        display: none;
    }

    .detail-tabs .nav-tabs > li {
        width: 100%;
        padding: 2px 0px
    }

    .detail-tabs .nav-tabs > li a,
    .detail-tabs .nav-tabs > li.active a {
        border-radius: 0px
    }

    .detail-tabs .nav-tabs > li.active > a,
    .detail-tabs .nav-tabs > li.active > a:focus,
    .detail-tabs .nav-tabs > li.active > a:hover {
        border-radius: 0px
    }
}

.rating-n-reviews .dgreen {
    color: #378a3a;
}

.rating-n-reviews .lgreen {
    color: #5b7a52
}

.rating-n-reviews .lyellow {
    color: #fddd3d
}

.rating-n-reviews .dyellow {
    color: #fdcd67
}

.rating-n-reviews .red {
    color: #fe4c40
}

.rating-n-reviews .rating-number {
    width: 30px;
    float: left
}

.rating-n-reviews .yellow-text {
    color: #fedc3d;
    font-size: 25px
}

.rating-n-reviews .yellow-star {
    color: #fedc3d;
    font-size: 25px;
    margin: 0px 10px
}

.rating-n-reviews {
    color: #00887e;
    font-size: 14px
}

.cb10 {
    clear: both;
    height: 10px
}

.rate-product {
    box-shadow: 0px 0px 10px #eee;
    border-radius: 25px;
    padding: 15px 20px 15px 20px;
    margin: 20px 0px;
    text-align: center
}

.rate-product .rate-product-heading {
    text-align: center;
    text-transform: uppercase;
}

.rate-product .write-review-btn {
    background: #82c786;
    width: 80%;
    text-align: center;
    color: #fff;
    padding: 2px 15px;
    margin: 0px auto;
    border-radius: 10px
}

.rate-product .write-review-btn a {
    color: #fff;
    text-align: center;
}

.product-review-stars {
    margin: 0 0px;
    padding: 5px 20px 5px 20px;
    margin: 0px auto;
}

.product-review-stars label {}



.visuallyhidden {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px, 1px, 1px, 1px);
}

.product-review-stars label:after {
    content: "★";
    color: inherit;
    -webkit-transform: scale(4);
    position: absolute;
    z-index: 4;
    left: 0px;
    transition: all .4s;
    opacity: 0;
    color: inherit;
    visibility: hidden;

}

.product-review-stars input:checked + label:after {
    visibility: visible;
    -webkit-transform: scale(1);
    opacity: 1;
}

.product-review-stars {
    unicode-bidi: bidi-override;
    direction: rtl;
    /*  width:  205px;*/
}

.product-review-stars label {
    font-family: "icomoon";
    font-size: 1.3em;
    position: relative;
    cursor: pointer;
    color: #DFE3E4;
}

.product-review-stars input:checked ~ label:before {
    opacity: 1;
}

.product-review-stars:hover input ~ label:before {
    opacity: 0;
}

.product-review-stars input + label:before {
    content: "\2605";
    position: absolute;
    right: 0;
    opacity: 0;
    transition: opacity .3s ease-in-out, color .3s ease-in-out;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

.product-review-stars input + label:hover:before,
.product-review-stars input + label:hover ~ label:before {
    opacity: 1;
}

.product-review-stars input + label:nth-of-type(1):after,
.product-review-stars input + label:nth-of-type(1):before,
.product-review-stars input + label:nth-of-type(1):hover:before,
.product-review-stars input + label:nth-of-type(1):hover ~ label:before,
.product-review-stars input:nth-of-type(1):checked ~ label:before {
    color: #82c786;
}

.product-review-stars input + label:nth-of-type(2):after,
.product-review-stars input + label:nth-of-type(2):before,
.product-review-stars input + label:nth-of-type(2):hover:before,
.product-review-stars input + label:nth-of-type(2):hover ~ label:before,
.product-review-stars input:nth-of-type(2):checked ~ label:before {
    color: #f1c40f;
}

.product-review-stars input + label:nth-of-type(3):after,
.product-review-stars input + label:nth-of-type(3):before,
.product-review-stars input + label:nth-of-type(3):hover:before,
.product-review-stars input + label:nth-of-type(3):hover ~ label:before,
.product-review-stars input:nth-of-type(3):checked ~ label:before {
    color: #F39C12;
}

.product-review-stars input + label:nth-of-type(4):after,
.product-review-stars input + label:nth-of-type(4):before,
.product-review-stars input + label:nth-of-type(4):hover:before,
.product-review-stars input + label:nth-of-type(4):hover ~ label:before,
.product-review-stars input:nth-of-type(4):checked ~ label:before {
    color: #e74c3c;
}

.product-review-stars input + label:nth-of-type(5):after,
.product-review-stars input + label:nth-of-type(5):before,
.product-review-stars label:nth-of-type(5):hover:before,
.product-review-stars input:nth-of-type(5):checked ~ label:before {
    color: #fe4c40;
}

.product-review-stars label:nth-of-type(5):hover:before {
    color: #fe4c40 !important;
}

.disclaimer {
    box-shadow: 0px 0px 10px #eee;
    border-radius: 10px;
    padding: 10px 20px 10px 20px;
    margin: 20px 0px;
}

.disclaimer .dis-title {
    text-transform: uppercase;
    font-family: 'Poppins-Medium';
    color: #666666
}

.disclaimer .orange {
    color: #a5782e
}

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

.login-area {
    border-radius: 20px;
    padding: 5%;
    clear: both;
    width: 100%;
}

.login-area h1 {
    color: #4a6b5b;
    font-size: 25px;
    text-align: left;
    font-family: 'Poppins-Medium'
}
.login-area h4 {
    text-align: left;
    font-family: 'Poppins-Medium'
}

.login-area .login-form {
    text-align: center;
    margin: 0px 0px;
}

.login-area .login-form input {
    border-radius: 2px;
    padding: 10px 20px;
    margin: 10px 0px;
    clear: both;
    border: 1px solid #d6d3d3;
    outline: none;
    width: 100%;
}

.login-area .login-form .continue-btn {
    background: #25625e;
    border-radius: 3px;
    color: #fff;
    border: 0px;
    width: 100%;
    padding: 10px 5px;
}

.login-area .login-form .or {
    text-align: center;
    width: 100%;
    background: #4a6b5b;
    height: 1px;
    position: relative;
    margin: 20px 0px;
}

.login-area .login-form .or span {
    color: #4a6b5b;
    margin-top: -15px;
    position: absolute;
    background: #fff;
    padding: 0px 15px;
    position: absolute;
    left: 46%;
}

.login-area .login-form .social-media {
    text-align: center;
    margin: 25px 0px;
}

.login-area .login-form .social-media li {
    display: inline-block;
    margin: 10px;
    border-radius: 5px;
    border: 1px solid #ccc;
    font-family: 'Poppins-Medium';
    padding: 2px 10px
}

.login-area .login-form .social-media li a:hover {
    color: #4a6b5b;
}

.login-area .login-form .social-media li img {
    margin-right: 5px
}

.login-area .login-form .login-tnc {
    color: #666;
    line-height: 25px;
    font-size: 14px;
    margin-bottom: 0px;
}

.login-area .login-form .login-tnc a {
    color: #4c8eda;
    text-decoration: underline
}

.login-area .login-img {
    padding: 10% 0%;
}

.login-area .login-img img {
    width: 100%
}

.upload-prescription-container {}

.upload-prescription-form,
.order-info-container {
    box-shadow: 0px 0px 10px #eee;
    border-radius: 10px;
    padding: 10px 20px;
    margin: 20px 0px;
    clear: both;
    border: none;
    outline: none;
    width: 100%;
}

.upload-prescription-form .heading-text,
.order-info-container .heading-text {
    color: #5b7a52;
    font-size: 18px;
    font-family: 'Poppins-Medium'
}

.upload-prescription-form.upload-prescription-form .secondry-text,
.order-info-container .secondry-text {
    text-align: left;
    color: #679592;
    font-size: 14px;
    line-height: normal
}

.border-sm {
    box-shadow: none;
    border: 1px solid #5b7a52;
    height: 40px;
    box-shadow: 0px !important;
    border-radius: 10px;
}

.mb-2 {
    margin-bottom: 20px;
}

.mb-3 {
    margin-bottom: 30px;
}

.upload-prescription-form #upload {
    opacity: 0;
    display: none;
}

.upload-prescription-form #upload-label {
    padding: 0px 0px 0px 10px;
    margin: 0px;
    border-left: 1px solid #ccc;
    line-height: 38px;
    height: 38px;
    color: #5b7a52;
    font-family: 'Poppins-Regular';
    font-weight: normal;
    font-size: 15px
}


.upload-prescription-form .input-group > .custom-file,
.upload-prescription-form .input-group > .custom-select,
.upload-prescription-form.input-group > .form-control,
.upload-prescription-form.input-group > .form-control-plaintext {
    position: relative;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    width: 1%;
    min-width: 0;
    margin-bottom: 0;
}

.pr-4,
.px-4 {
    padding-right: 1.5rem !important;
}

.upload-prescription-form .rounded-pill {
    border-radius: 50rem !important;
}

.upload-prescription-form .pl-4,
.px-4 {
    padding-left: 1.5rem !important;
}

.upload-prescription-form .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.upload-prescription-form .input-group {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-align: stretch;
    align-items: stretch;
    width: 100%;
}

.closable-items li {
    display: inline-block;
    width: 100px;
    height: 100px;
    border: 1px solid #5b7a52;
    border-radius: 5px;
    box-shadow: 0px 0px 5px #ccc;
    position: relative;
    margin: 0px 7px 30px 0px;
}

.closable-items li img {
    width: 100%;
    border-radius: 5px;
}

.closable-items li .pres-close-btn {
    position: absolute;
    left: 36%;
    bottom: -20px;
    background: #fff;
    width: 30px;
    height: 30px;
    color: #fe4c40;
    font-size: 35px;
    border: 1px solid #5b7a52;
    border-radius: 50px;
    padding: 0px 5px;
    line-height: 30px;
}

.radio-section-area label {
    box-shadow: 0px 0px 5px #eee;
    border-radius: 10px;
    padding: 10px 20px;
    margin: 10px 0px;
    color: #222;
    font-weight: normal;
    line-height: 20px;
    font-size: 14px;
    width: 100%;
    font-family: 'Poppins-Medium';
    position: relative;
}

.radio-section-area label .odr-info {
    width: 90%;
    font-size: 14px;
    text-align: left;
    line-height: 20px;
}

.radio-section-area label input {
    float: right
}

.radio-section-area label span {
    clear: both;
    display: block;
    font-size: 12px;
    margin-top: 5px;
    color: #888;
    font-family: 'Poppins-Regular';
    line-height: 16px;
}

.radio-section-area label.active .odr-info {
    color: #5b7a52;
}

.radio-section-area label.search-icon {
    padding-left: 60px;
    background: url(../images/search-grey.svg)no-repeat 15px center;
}

.radio-section-area label.order-medicine-icon {
    padding-left: 60px;
    background: url(../images/order-grey.svg)no-repeat 15px center;
}

.radio-section-area label.request-icon {
    padding-left: 60px;
    background: url(../images/request-grey.svg)no-repeat 15px center;
}

.radio-section-area label.active.search-icon {
    padding-left: 60px;
    background: url(../images/search-green.svg)no-repeat 15px center !important;
}

.radio-section-area label.active.order-medicine-icon {
    padding-left: 60px;
    background: url(../images/order-green.svg)no-repeat 15px center;
}

.radio-section-area label.active.request-icon {
    padding-left: 60px;
    background: url(../images/request-green.svg)no-repeat 15px center;
}

/* The container */
.radio-section-area label {
    display: block;
    position: relative;
    padding-left: 35px;
    margin-bottom: 12px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* Hide the browser's default checkbox */
.radio-section-area label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}

/* Create a custom checkbox */
.radio-section-area label .checkmark {
    position: absolute;
    top: 0;
    right: 20px;
    height: 20px;
    width: 20px;
    background-color: #fff;
    border: 1px solid #5b7a52;
    border-radius: 50px;
    top: 33%;
}

/* On mouse-over, add a grey background color */
.radio-section-area label:hover input ~ .checkmark {
    background-color: #fff;
}

/* When the checkbox is checked, add a blue background */
.radio-section-area label input:checked ~ .checkmark {
    background-color: #5b7a52;
}

/* Create the checkmark/indicator (hidden when not checked) */
.radio-section-area label .checkmark:after {
    content: "";
    position: absolute;
    display: none;
}

/* Show the checkmark when checked */
.radio-section-area label input:checked ~ .checkmark:after {
    display: block;
}

/* Style the checkmark/indicator */
.radio-section-area label .checkmark:after {
    left: 7px;
    top: 3px;
    width: 5px;
    height: 10px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
}

.prescription-guide {
    box-shadow: 0px 0px 10px #eee;
    border-radius: 10px;
    padding: 10px 20px;
    margin: 20px 0px;
    clear: both;
    border: none;
    outline: none;
    width: 100%;
    position: relative
}

.prescription-guide .upload-prescription-img {
    display: inline-block;
    width: 100%;
    margin-bottom: 30px;
}

.prescription-guide .upload-pres-listing li {
    font-family: 'Poppins-Medium';
    list-style-type: disc;
    margin-left: 30px;
    color: #6a6a6a
}

.prescription-guide .prescription-doctor {
    margin-top: 50%
}

.upload-prescription-container .govt-reg {
    font-size: 18px;
    font-family: 'Poppins-Medium';
    text-align: center
}

.f25 {
    font-size: 40px;
    padding-top: 15px;

}

.upload-prescription-container .govt-reg li {
    position: relative;
    margin: 20px 0px;
}

.upload-prescription-container .govt-reg li .red-text {
    text-align: center;
    font-size: 20px;
    color: #ee5253
}

.upload-prescription-container .govt-reg .continue-btn {
    background: #b8893a;
    text-align: center;
    color: #fff;
    padding: 5px 50px;
    border-radius: 5px;
    transition: 0.5s;
}

.upload-prescription-container .govt-reg .continue-btn:hover {
    background: #4a6b5b;
}

.order-info-container .proceed-btn {
    float: right;
    background: #b8893a;
    color: #fff;
    padding: 2px 20px;
    border-radius: 5px;
    text-transform: uppercase;
    transition: 0.5s;
}

.order-info-container .proceed-btn:hover {
    background: #4a6b5b;
}

.order-info-container .secondry-text-grey {
    text-transform: uppercase;
    text-align: left;
    color: #666666;
    font-size: 12px;
    line-height: normal;
    padding: 0px;
}

.order-info-container .heading-text-b {
    margin: 0px;
    color: #333;
    font-size: 18px;
    font-family: 'Poppins-Medium'
}

.center-search {
    box-shadow: 0px 0px 10px #eee;
    border-radius: 10px;
    padding: 10px 20px;
    margin: 20px 0px 0px;
    clear: both;
    border: none;
    outline: none;
    width: 100%;
    position: relative;
}

.center-search .search-btn {
    background: url(../images/search-icon.png)no-repeat 5px 5px;
    padding: 0px;
    width: 30px;
    height: 30px;
    border: 0px solid #ccc;
    float: left;
}

.center-search .in-search {
    border: 0px;
    outline: none;
    box-shadow: none;
    width: 80%;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 30px;
    padding-left: 10px;
}

.prescription-items {
    box-shadow: 0px 0px 10px #eee;
    border-radius: 10px;
    padding: 20px 20px;
    margin: 20px 0px;
    clear: both;
    border: none;
    outline: none;
    width: 100%;
    position: relative;
}

.prescription-items p {
    padding-bottom: 10px
}

.prescription-items .upload-prescription-img {
    width: 100%;
}

.prescription-items .pres-item-des h3 {
    padding: 0px;
    margin: 0px;
}

.prescription-items .pres-item-des .mfr-d {
    text-align: left;
    color: #666;
    font-size: 15px;
    padding: 10px 0px 10px;
    line-height: 15px;
}

.prescription-items .pres-item-des .mfr-d span {
    font-style: italic;
    color: #999
}

.prescription-items .pres-item-des .pib {
    box-shadow: 0px 0px 5px #ccc;
    border-radius: 15px;
    padding: 3px 15px;
    margin: 10px 0px;
    border: none;
    outline: none;
    position: relative;
    font-size: 14px;
    color: #388480;
    font-family: 'Poppins-Medium';
}

.prescription-items .pres-item-des .pid-amount {
    color: #56c431
}

.prescription-items .pres-item-des .pid-strike-amount {
    color: #a2a2a2;
    margin: 0px 10px;
}

.prescription-items .pres-item-des .pid-qunt .pid-qunt-btn {
    box-shadow: 0px 0px 10px #ccc;
    padding: 1px 15px;
    border-radius: 5px;
    color: #3c943e;
    float: left;
}

.prescription-items .pres-item-des .pid-qunt .select-quantity {
    box-shadow: 0px 0px 10px #ccc;
    padding: 3px 10px;
    border-radius: 5px;
    color: #3c943e;
    border: 0px;
    margin: 0px 20px;
    outline: none;
}

.prescription-items .close-btn {
    color: #666;
    cursor: pointer
}

.ml0 {
    margin-left: 0px !important
}

.upload-prescription-form,
.cart-inbox {
    box-shadow: 0px 0px 10px #eee;
    border-radius: 10px;
    padding: 10px 20px;
    margin: 20px 0px;
    clear: both;
    border: none;
    outline: none;
    width: 100%;
}

.cart-inbox .items-cart {
    text-align: left;
    color: #666666;
    font-size: 15px;
    line-height: normal;
    padding: 5px 0px;
    font-family: 'Poppins-Medium';
}

.upload-prescription-container .payment-details-box {
    box-shadow: 0px 0px 10px #eee;
    border-radius: 10px;
    padding: 10px 20px;
    margin: 20px 0px;
    clear: both;
    border: none;
    outline: none;
    width: 100%;
}

.upload-prescription-container .payment-details-box .secondry-text-grey {
    text-transform: uppercase;
    text-align: left;
    color: #999999;
    font-size: 18px;
    line-height: normal;
    padding: 10px 0px;
}

.upload-prescription-container .payment-details-box .third-text-grey {
    text-transform: uppercase;
    text-align: left;
    color: #999999;
    font-size: 13px;
    line-height: normal;
    padding: 10px 0px;
}

.upload-prescription-container .payment-details-box ul li {
    border-bottom: 1px dashed #ccc;
    font-size: 14px;
    font-family: 'Poppins-Medium';
    padding: 8px 0px;
}

.upload-prescription-container .payment-details-box ul li:last-child {
    border-bottom: none;
}

.upload-prescription-container .payment-details-box ul li span {
    text-align: right;
    float: right;
}

.upload-prescription-container .payment-details-box ul li span strike {
    color: #999;
    margin-right: 5px
}

.upload-prescription-container .payment-details-box .proceed-btn2 {
    width: 100%;
    background: #3d5a4c;
    color: #fff;
    padding: 12px 20px;
    border-radius: 8px;
    transition: 0.25s;
    margin: 20px 0px;
    text-align: center;
    border: 1px solid #3d5a4c;
    font-weight: 600;
    cursor: pointer;
}

.upload-prescription-container .payment-details-box .proceed-btn2:hover {
    background: #1d8a99;
    border-color: #1d8a99;
}

.upload-prescription-container .payment-details-box .proceed-btn2 a {
    display: block;
    color: #fff;
    text-align: center;
    font-family: 'Poppins-Medium';
    text-transform: uppercase;
    text-decoration: none;
}

.section-title-icon {
    font-size: 16px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    margin: 0 0 12px 0;
}

.section-title-icon .fa {
    color: #3d5a4c;
    margin-right: 6px;
}

.amt-discount {
    color: #4d6b45;
}

.amt-total-row {
    font-size: 15px;
}

.amt-total {
    color: #b8893a;
    font-size: 18px;
    font-weight: 700;
}

.secure-checkout-note {
    font-size: 12px;
    color: #4d6b45;
    margin-top: 14px;
    padding-top: 12px;
    border-top: 1px dashed #eeeeee;
}

.secure-checkout-note .fa {
    margin-right: 5px;
}

.addr-default-badge {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.3px;
    color: #3d5a4c;
    background: #eaf6f7;
    border-radius: 20px;
    padding: 3px 10px;
    white-space: nowrap;
    font-weight: 500;
}

.shipping-info-container {
    margin-bottom: 40px;
}

.shipping-info-container:after {
    content: "";
    display: table;
    clear: both;
}

.shipping-info-container .payment-details-box {
    margin-top: 0px;
}

.show-add-address {
    background: #fff;
    box-shadow: 0px 0px 10px #eee;
    border-radius: 10px;
    padding: 24px !important;
    margin: 0px;
}

.show-add-address .address-form-title {
    font-size: 17px;
    font-family: 'Poppins-Medium';
    color: #333333;
    margin: 0 0 20px 0;
    padding-bottom: 14px;
    border-bottom: 1px solid #eeeeee;
}

.show-add-address .address-form-title .fa {
    color: #3d5a4c;
    margin-right: 8px;
}

.show-add-address .form-group {
    margin-bottom: 20px;
}

.show-add-address label,
.show-add-address label.text-label {
    display: block;
    font-size: 12px;
    font-family: 'Poppins-Medium';
    color: #777777;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    margin-bottom: 7px;
}

.show-add-address label .text-danger {
    color: #b8893a;
    font-size: 12px;
}

.show-add-address .form-control {
    display: block;
    width: 100%;
    height: 44px;
    padding: 8px 14px;
    font-size: 14px;
    font-family: 'Poppins-Regular';
    color: #333333;
    background-color: #fafafa;
    border: 1px solid #e6e6e6;
    border-radius: 6px;
    box-shadow: none;
    transition: border-color 0.2s ease, background-color 0.2s ease, box-shadow 0.2s ease;
}

.show-add-address textarea.form-control {
    height: auto;
    min-height: 46px;
    resize: vertical;
}

.show-add-address .input-icon-wrap {
    position: relative;
}

.show-add-address .input-icon-wrap > .fa {
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    color: #b3b3b3;
    font-size: 14px;
    pointer-events: none;
}

.show-add-address .input-icon-wrap .form-control {
    padding-left: 38px;
}

.show-add-address .form-control:focus {
    border-color: #b8893a;
    background-color: #ffffff;
    outline: none;
    box-shadow: 0 0 0 3px rgba(247, 166, 48, 0.14);
}

.show-add-address .form-control::-webkit-input-placeholder { color: #b3b3b3; }
.show-add-address .form-control::-moz-placeholder { color: #b3b3b3; }
.show-add-address .form-control:-ms-input-placeholder { color: #b3b3b3; }

.show-add-address #display_error {
    display: block;
    font-size: 13px;
    font-family: 'Poppins-Regular';
    color: #e70303;
    margin-bottom: 14px;
}

.show-add-address .btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 44px;
    min-width: 150px;
    padding: 0 26px;
    border-radius: 6px;
    font-family: 'Poppins-Medium';
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 0.4px;
    border: 1px solid transparent;
    transition: 0.25s;
}

.show-add-address #save_btn {
    background-color: #b8893a;
    color: #ffffff;
    margin-right: 10px;
}

.show-add-address #save_btn:hover,
.show-add-address #save_btn:focus {
    background-color: #e6941c;
    color: #ffffff;
}

.show-add-address .not-add {
    background-color: #ffffff;
    color: #777777;
    border-color: #dddddd;
}

.show-add-address .not-add:hover,
.show-add-address .not-add:focus {
    background-color: #f5f5f5;
    color: #333333;
}

.address-safety-note {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #eaf6fb;
    color: #3b7ea8;
    font-size: 13px;
    font-family: 'Poppins-Regular';
    padding: 12px 16px;
    border-radius: 8px;
    margin: 14px 0 0 0;
}

.address-safety-note .fa {
    color: #2f8fc4;
    font-size: 14px;
}

@media (max-width: 767px) {
    .show-add-address {
        padding: 16px !important;
    }

    .show-add-address .btn {
        width: 100%;
        min-width: 0;
        margin: 0 0 10px 0 !important;
    }
}

.upload-prescription-container .select-delivery-date {
    background: url(../images/calender.svg) no-repeat 2px 2px;
    padding: 0px 0px 10px 40px;
    font-size: 20px;
    line-height: 30px;
    font-family: 'Poppins-Medium';
    border-bottom: 3px solid #dadada;
    margin-bottom: 20px;
}

.upload-prescription-container .calender-month {
    font-size: 20px;
    line-height: 30px;
    font-family: 'Poppins-Medium';
    margin-bottom: 5px;
}

.upload-prescription-container .save-delivery-date {
    margin-bottom: 50px;
}

.upload-prescription-container .save-delivery-date li {
    display: inline-block;
    border: 1px solid #dadada;
    border-radius: 5px;
    text-align: center;
    width: 22%;
    margin: 0px 1% 0px;
    transition: 0.3s
}

.upload-prescription-container .save-delivery-date li.active,
.upload-prescription-container .save-delivery-date li:hover {
    border: 1px solid #c9a24b;
}

.upload-prescription-container .save-delivery-date li:first-child {
    margin-left: 0px;
}

.upload-prescription-container .save-delivery-date li a {
    font-size: 16px;
    color: #333
}

.upload-prescription-container .save-delivery-date li a strong {
    font-family: 'Poppins-Bold';
    display: block
}

.upload-prescription-container .save-delivery-date li a span {
    background: transparent;
    color: #222;
    border-top: 1px solid #dadada;
    display: block;
    transition: 0.3s
}

.upload-prescription-container .save-delivery-date li.active a span,
.upload-prescription-container .save-delivery-date li:hover a span {
    display: block;
    background: #c9a24b;
    color: #fff;
    display: block;
    border-top: 1px solid #c9a24b;
}

.upload-prescription-container .select-delivery-time {
    background: url(../images/timer.svg) no-repeat 2px 2px;
    padding: 0px 0px 10px 40px;
    font-size: 20px;
    line-height: 30px;
    font-family: 'Poppins-Medium';
    border-bottom: 3px solid #dadada;
    margin-bottom: 20px;
}

.upload-prescription-container .select-time {
    width: 70%
}

.upload-prescription-container .select-time ul {
    border: 1px solid #dadada;
    border-radius: 5px;
    margin-bottom: 10px;
}

.upload-prescription-container .select-time li {
    display: block;
    background: url(../images/circle-mark.png)no-repeat 10px 12px;
    padding: 10px 10px 10px 50px;
    margin: 0px 0px;
    border-bottom: 1px solid #dadada;
}

.upload-prescription-container .select-time li:hover,
.upload-prescription-container .select-time li.active {
    display: block;
    background: url(../images/tick-mark.svg)no-repeat 10px 12px;
    padding: 10px 10px 10px 50px;
    margin: 0px 0px;
    border-bottom: 1px solid #dadada;
}

.upload-prescription-container .select-time li a {
    font-size: 18px;
    color: #222;
}

.upload-prescription-container .select-time li a span {
    text-align: right;
    float: right
}

.upload-prescription-container .select-time li a strong {
    font-family: 'Poppins-Medium';
    font-weight: normal
}

.upload-prescription-container .need-help a {
    color: #666;
    font-family: 'Poppins-Medium';
}

.upload-prescription-container .subject-to-avial {
    text-align: center;
    margin-bottom: 20px;
}

.upload-prescription-container .subject-to-avial a {
    color: #999;
    background: url(../images/info.svg)no-repeat 0px -1px;
    text-decoration: none;
    font-size: 12px;
    padding-left: 25px;
    line-height: 30px;
}

.upload-prescription-container .subject-to-avial a:hover {
    text-decoration: none
}

.upload-prescription-container .radio-payment {
    margin-top: 10px;
}

.upload-prescription-container .radio-payment label {
    font-size: 13px;
    font-weight: normal;
    margin: 0px;
}

.upload-prescription-container .radio-payment input[type=radio] {
    margin: 0px;
    vertical-align: middle
}

.upload-prescription-container .order-review-area {
    box-shadow: 0px 0px 10px #eee;
    border-radius: 10px;
    padding: 20px 20px;
    margin: 20px 0px;
    clear: both;
    border: none;
    outline: none;
    width: 100%;
    position: relative;
}

.upload-prescription-container .order-review-area .hd-text {
    color: #5b7a52;
    font-size: 22px;
    text-transform: uppercase;
    margin: 0px;
}

.upload-prescription-container .order-review-area p {
    color: #5b7a52;
    text-transform: uppercase
}

.upload-prescription-container .order-review-area .prescription-icon {
    border-radius: 10px;
    border: 1px solid #5b7a52;
    width: 100px;
    overflow: hidden
}

.upload-prescription-container .order-review-area .prescription-icon img {
    width: 100%;
}

.upload-prescription-container .pro-code-container {
    box-shadow: 0px 0px 10px #eee;
    border-radius: 10px;
    padding: 20px 20px;
    margin: 20px 0px;
    clear: both;
    border: none;
    outline: none;
    width: 100%;
    position: relative;
}

.upload-prescription-container .pro-code-container p {
    padding: 0px;
    line-height: 20px;
    color: #5b7a52;
    font-size: 13px;
}

.upload-prescription-container .pro-code-container p i {
    background: #5b7a52;
    color: #fff;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    margin-right: 5px;
}

.upload-prescription-container .pro-code-container p span {
    font-family: 'Poppins-Medium';
    color: #222;
    font-size: 15px
}

.upload-prescription-container .pro-code-container .promo-hd {
    text-transform: uppercase;
    text-align: left;
    color: #999999;
    font-size: 13px;
    line-height: normal;
    padding: 0px 0px 5px;
    margin: 0px;
}

.upload-prescription-container .delivery-address-container {
    box-shadow: 0px 0px 10px #eee;
    border-radius: 10px;
    padding: 20px 20px;
    margin: 20px 0px;
    clear: both;
    border: none;
    outline: none;
    width: 100%;
    position: relative;
}

.upload-prescription-container .delivery-address-container .address-hd {
    text-transform: uppercase;
    text-align: left;
    color: #999999;
    font-size: 13px;
    line-height: normal;
    padding: 0px 0px 5px;
    margin: 0px;
}

.upload-prescription-container .delivery-address-container a {
    color: #5b7a52;
    text-decoration: underline;
    font-family: 'Poppins-Medium';
    float: right;
    text-transform: capitalize;
}

.upload-prescription-container .delivery-address-container .delivery-box {
    border: 1px solid #ccc;
    padding: 0px 10px 10px 60px;
    margin-top: 5px;
    border-radius: 5px;
    background: url(../images/delivery-icon.jpg) no-repeat 10px 15px;
}

.upload-prescription-container .delivery-address-container .delivery-box .title {
    color: #5b7a52;
    font-family: 'Poppins-Medium';
    margin-bottom: 0px;
}

.upload-prescription-container .delivery-address-container .delivery-box p {
    padding-bottom: 0px;
    color: #333;
}

.my-ac-panel {
    box-shadow: 0px 0px 10px #eee;
    border-radius: 10px;
    padding: 2% 2% 2% 7%;
    margin: 20px 0px;
    clear: both;
}

.my-ac-panel .ac-details {
    position: relative
}

.my-ac-panel .ac-details .hd-text {
    font-size: 22px;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    font-family: 'Poppins-Medium';
}

.my-ac-panel .ac-details .ac-email {
    padding-bottom: 10px;
}

.my-ac-panel .ac-details .ac-phone {
    padding: 0px;
}

.my-ac-panel .ac-details .user-img {
    width: 100px;
    position: absolute;
    left: -30%
}

.my-ac-panel .my-panel-tools {
    border-left: 1px solid #ccc;
}

.my-ac-panel .my-panel-tools ul {
    text-align: center
}

.my-ac-panel .my-panel-tools ul li {
    display: inline-block;
    padding: 15px 5%;
    text-align: center;
}

.my-ac-panel .my-panel-tools ul li a {
    text-decoration: none;
    border-bottom: 2px solid #fff;
}

.my-ac-panel .my-panel-tools ul li a:hover,
.my-ac-panel .my-panel-tools ul li.active a,
.my-ac-panel .my-panel-tools ul li:hover a p,
.my-ac-panel .my-panel-tools ul li.active a {
    color: #7d9470;
    text-decoration: none;

}

.my-ac-panel .my-panel-tools ul li p {
    padding: 10px 0px 0px;
}

.my-ac-panel .my-panel-tools ul li:hover p {
    color: #7d9470;
    border-bottom: 2px solid #7d9470;
}

.my-ac-panel .my-panel-tools ul li.active p {
    color: #7d9470;
    border-bottom: 2px solid #7d9470;
}

.my-ac-panel .my-panel-tools ul li a {}

.my-ac-container .left-sidebar-menu {
    margin-bottom: 20px;
}

.my-ac-container .left-sidebar-menu ul {
    border: 1px solid #efefef;
}

.my-ac-container .left-sidebar-menu ul li {
    padding: 10px 15px 10px 40px;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    transition: all 0.2s ease;
    transform: scale(1);
}

.my-ac-container .left-sidebar-menu ul li:hover,
.my-ac-container .left-sidebar-menu ul li.active {
    transform: scale(1.1);
    padding-left: 60px;
    box-shadow: 0px 0px 10px #eee;
    border-radius: 8px;
    background-color: #fff;
}

.my-ac-container .left-sidebar-menu ul li a {
    font-size: 13px;
    text-decoration: none;
    color: #7e8691
}

.my-ac-container .left-sidebar-menu ul li a .r-icon {
    float: right;
    font-size: 10px
}

.my-ac-container .left-sidebar-menu ul li:hover a,
.my-ac-container .left-sidebar-menu ul li.active a {
    color: #7d9470;
    border: 0px;
    text-decoration: none
}

.my-ac-container .left-sidebar-menu ul li:hover:before,
.my-ac-container .left-sidebar-menu ul li.active:before {
    content: '';
    width: 2px;
    height: 30px;
    background: #7d9470;
    left: 0;
    top: 7;
    z-index: 99;
    position: absolute;
    border-radius: 3px
}

.my-ac-container .left-sidebar-menu ul li.account-information {
    background: url(../images/my-ac-icon-grey.png)no-repeat 5% center;
}

.my-ac-container .left-sidebar-menu ul li.account-information:hover,
.my-ac-container .left-sidebar-menu ul li.account-information.active {
    background: #fff url(../images/my-ac-icon-green.png)no-repeat 7% center;
}

.my-ac-container .left-sidebar-menu ul li.my-prescription {
    background: url(../images/my-ac-icon-grey.png)no-repeat 5% center;
}

.my-ac-container .left-sidebar-menu ul li.my-prescription:hover,
.my-ac-container .left-sidebar-menu ul li.my-prescription.active {
    background: #fff url(../images/my-ac-icon-green.png)no-repeat 7% center;
}

.my-ac-container .left-sidebar-menu ul li.my-appointments {
    background: url(../images/my-ac-icon-grey.png)no-repeat 5% center;
}

.my-ac-container .left-sidebar-menu ul li.my-appointments:hover,
.my-ac-container .left-sidebar-menu ul li.my-appointments.active {
    background: #fff url(../images/my-ac-icon-green.png)no-repeat 7% center;
}

.my-ac-container .left-sidebar-menu ul li.delivery-address {
    background: url(../images/my-ac-icon-grey.png)no-repeat 5% center;
}

.my-ac-container .left-sidebar-menu ul li.delivery-address:hover,
.my-ac-container .left-sidebar-menu ul li.delivery-address.active {
    background: #fff url(../images/my-ac-icon-green.png)no-repeat 7% center;
}

.my-ac-container .left-sidebar-menu ul li.medicine-reminder {
    background: url(../images/my-ac-icon-grey.png)no-repeat 5% center;
}

.my-ac-container .left-sidebar-menu ul li.medicine-reminder:hover,
.my-ac-container .left-sidebar-menu ul li.medicine-reminder.active {
    background: #fff url(../images/my-ac-icon-green.png)no-repeat 7% center;
}

.my-ac-container .login-info-form {
    border-radius: 10px;
    border: 1px solid #7d9470;
    padding: 10px 3% 10px;
    margin-bottom: 20px;
}

.my-ac-container .login-info-form .heading-txt {
    color: #7d9470;
    font-size: 18px;
    margin: 10px 0px 5px;
    font-family: 'Poppins-Medium'
}

.my-ac-container .login-info-form .form-control {
    border: none;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0;
    box-shadow: none;
    border-radius: 0px;
}

.my-ac-container .login-info-form .form-control:focus,
.my-ac-container .login-info-form .form-control:active {
    border-color: #7d9470 !important;
    box-shadow: none
}

.my-ac-container .login-info-form .form-group label {
    color: #222;
    padding: 0px;
    font-weight: normal;
    color: #7d9470;
}

.my-ac-container .login-info-form .form-group .form-control::placeholder {
    color: #228825;
}

.my-ac-container .login-info-form .form-group .submit-btn {
    background: #a5782e;
    color: #fff;
    border: 0px;
    font-size: 20px;
    padding: 5px 35px;
    border-radius: 15px;
}

.flex-mobile-number span,
.flex-mobile-number input {
    display: inline-block
}

.flex-mobile-number span {
    width: 10%;
    float: left;
    line-height: 34px;
    border-right: 1px solid #e5e5e5;
    margin-right: 10px;
}

.flex-mobile-number input {
    width: 80%
}

.my-ac-container .my-offer-box {
    box-shadow: 0px 0px 10px #eee;
    border-radius: 10px;
    padding: 15px;
    margin: 0px 0px 20px;
    width: 100%;
    float: left;
}

.my-ac-container .my-offer-box img {
    width: 100%;
    margin-bottom: 5px;
}

.my-ac-container .my-offer-box .offer-cont p {
    color: #2d746e;
    line-height: 25px;
    font-size: 14px;
    font-family: 'Poppins-Medium';
}

.my-ac-container .vd-select {
    float: right;
    box-shadow: 0px 0px 10px #c8e2ca;
    border-radius: 30px;
    border: 1px solid #fff;
    color: #0caf14;
    font-size: 14px;
    padding: 3px 15px;
    outline: none
}

.my-ac-container .my-order-box {
    box-shadow: 0px 0px 10px #eee;
    border-radius: 10px;
    padding: 15px;
    margin: 0px 0px 20px;
    width: 100%;
    float: left;
}

.my-ac-container .my-order-box .order-id {
    font-size: 14px;
    font-family: 'Poppins-Medium';
    padding-bottom: 0px;
}

.my-ac-container .my-order-box .order-status {
    color: #b8893a;
    font-size: 18px;
    font-family: 'Poppins-Medium';
    padding-bottom: 0px;
    text-align: left;
}
.my-ac-container .my-order-box .order-status .black-text{
    color: #333!important;
    font-weight: normal
}

.my-ac-container .my-order-box .order-amount {
    color: #349f95;
    float: right;
    font-family: 'Poppins-Bold'
}

.my-ac-container .my-order-box .order-date {
    font-size: 12px;
    color: #666;
}

.track-odr-btn {
    color: #b8893a;
    text-align: center;
    margin: 0px auto;
    display: block;
    border-radius: 10px;
    border: 1px solid #b8893a;
    font-size: 22px;
    padding: 8px;
    font-family: 'Poppins-Medium';
}

.track-odr-btn:hover {
    background: #b8893a;
    color: #fff;
}

.odr-dtl-btn {
    color: #fff;
    text-align: center;
    margin: 0px auto;
    display: block;
    border-radius: 10px;
    border: 1px solid #b8893a;
    font-size: 22px;
    padding: 8px;
    font-family: 'Poppins-Medium';
    background: #b8893a
}

.odr-dtl-btn:hover {
    background: #4a6b5b;
    color: #fff;
    border: 1px solid #4a6b5b;
}

.cancelled {
    color: #e71312 !important;
}

.order-confirmed {
    color: #5b7a52 !important;
}

.order-schedule {
    color: #5b7a52 !important;
}

.status-verification {
    color: #fb6a3d !important;
}

.wallet-balance-container {}

.wallet-balance-container .hd-text {
    color: #1f2e27;
    font-family: 'Poppins-Medium';
    font-size: 20px;
    font-family: 'Poppins-Bold';
    border-bottom: 3px solid #ececec;
    padding-bottom: 5px;
    line-height: 35px;
    margin-top: 0px;
}

.wallet-balance-container .wallet-blnc-inr {
    float: right;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    box-shadow: 0px 5px 10px #ccc;
    text-align: center;
    line-height: 35px;
}

.wallet-balance-container .avail-blnc {
    color: #1f2e27;
    font-size: 16px;
}

.wallet-balance-container .avail-blnc-inr {
    color: #1f2e27;
    font-size: 22px;
}

.wallet-balance-container .cashback-box {
    box-shadow: 0px 0px 10px #eee;
    border-radius: 10px;
    padding: 5px 15px;
    margin: 0px 0px 20px;
    width: 100%;
    float: left;
    color: #5b7a52;
}

.wallet-balance-container .cashback-box p {
    color: #5b7a52;
    padding: 0px;
    line-height: 34px;
}

.wallet-balance-container .cashback-box span,
.wallet-balance-container .cashback-box a {
    color: #004e49;
    float: right;
    text-align: right;
    font-size: 12px;
    line-height: 18px;
}

.all-transactios {
    text-align: center;
    width: 100%;
    float: left;
    margin: 10px 0px;
}

.wallet-balance-container .all-transactios a {
    color: #5b7a52;
    font-size: 22px
}

.wallet-balance-container .transaction-month {
    box-shadow: 0px 0px 10px #eee;
    border-radius: 10px;
    padding: 15px 15px;
    margin: 0px 0px 20px;
    width: 100%;
    float: left;
    color: #5b7a52;
    text-align: center
}

.wallet-balance-container ul {
    width: 100%;
    float: left;
    margin: 0px 0px 30px;
}

.wallet-balance-container ul li {
    border-bottom: 2px solid #5b7a52;
}

.wallet-balance-container ul li {
    color: #b8893a;
    line-height: 20px;
    padding: 15px 0px
}

.wallet-balance-container ul li .tran-type-amnt {
    float: right
}

.wallet-balance-container ul li.paid-tran {
    background: url(../images/paid-icon.png)no-repeat 0px 20px;
    padding-left: 50px;
}

.wallet-balance-container ul li.cashback-tran {
    background: url(../images/recived-icon.png)no-repeat 0px 20px;
    padding-left: 50px;
    color: #2d6f6b;
}

.wallet-balance-container ul li.failed-tran {
    background: url(../images/failed-icon.png)no-repeat 0px 20px;
    padding-left: 50px;
    color: #fc3629
}

.order-details-container {}

.order-details-container .delivery-status {
    border: 1px dashed #ccc;
    padding: 5px 10px;
    border-radius: 10px;
    font-size: 15px;
}

.order-details-container .delivery-status .fa-truck {
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    color: #27a844;
    margin-right: 5px;
}

.order-details-container .order-details-add .hd-text {
    font-family: 'Poppins-Bold';
    margin-bottom: 10px;
    color: #111;
    font-size: 16px;
}

.order-details-container .order-details-add .hd-text span {
    font-family: 'Poppins-Regular';
    color: #777777;
}

.order-details-container .order-details-add .customer-name {
    font-size: 14px;
    padding: 0px;
    color: #777777;
    line-height: 25px;
}

.order-details-container .order-details-add .odr-id {
    font-size: 14px;
    padding: 0px;
    color: #777777;
    line-height: 25px;
}

.order-details-container .order-details-add,
.delivery-address {
    font-size: 14px;
    padding: 0px;
    color: #777777;
    line-height: 25px;
}

.order-details-container .od-table {
    width: 100%;
    float: left;
    margin: 30px 0px;
    border: 1px solid #ccc
}

.order-details-container .od-table p {
    padding: 0px;
}

.order-details-container .od-table tr,
th,
td {
    border: 1px solid #ccc;
}

.order-details-container .od-table tr,
th {
    font-weight: normal
}

.order-details-container .od-table th:first-child,
.order-details-container .od-table td:first-child {
    width: 60%
}

.order-details-container .od-table th:second-child,
.order-details-container .od-table td:second-child {
    width: 20%
}

.order-details-container .od-table th:last-child,
.order-details-container .od-table td:last-child {
    width: 20%
}

.order-details-container .od-table .img-box {
    float: left;
    width: 100px;
    height: 60px;
}

.order-details-container .od-table .img-box img {
    width: 50px;
}

.order-details-container .od-table p {
    font-size: 14px;
    line-height: 22px
}

.order-details-container .od-table .pro-title,
.order-details-container .od-table .size strong,
.order-details-container .od-table .total-text {
    font-family: 'Poppins-Bold';
    color: #222;
    font-weight: normal
}

.od-table thead tr th:nth-child(2),
.od-table thead tr th:nth-child(3),
.od-table tbody tr td:nth-child(2),
tbody tr .od-table td:nth-child(3) {
    text-align: right
}

.order-details-container .od-table .proprice,
.order-details-container .od-table .off-text {
    text-align: right
}


/*@media only screen and (max-width: 760px),
(min-device-width: 768px) and (max-device-width: 1024px) {

    .order-details-container .od-table table,
    thead,
    tbody,
    th,
    td,
    tr {
        display: block;
    }

    .order-details-container .od-table thead tr {
        position: absolute;
        top: -9999px;
        left: -9999px;
    }

    .order-details-container .od-table tr {
        margin: 0 0 0 0;
    }

    .order-details-container .od-table tr,
    th,
    td {
        border: 0px
    }

    .order-details-container .od-table tr:nth-child(odd) {
        background: #efefef;
    }

    .order-details-container .od-table td {
        border: none;
        border-bottom: 1px solid #ccc;
        position: relative;
       }

    .order-details-container .od-table .img-box,
    .order-details-container .od-table .pro-title,
    .order-details-container .od-table .size,
    .order-details-container .od-table .qty {
        width: 100%;
        float: none !important;
        text-align: left !important
    }

    .order-details-container .od-table td:before {
        position: absolute;
        top: 0;
        left: 6px;
        width: 45%;
        padding-right: 10px;
        white-space: nowrap;
    }


    .order-details-container .od-table td,
    .order-details-container .od-table th {
        width: 100% !important;
        text-align: left !important
    }

    .order-details-container .od-table .pro-title,
    .order-details-container .od-table .size strong,
    .order-details-container .od-table .total-text {
        text-align: left
    }

    .order-details-container .od-table .proprice,
    .order-details-container .od-table .off-text {
        text-align: left
    }

}*/

@media (min-width: 1500px) and (max-width: 1600px) {

    .nav_menutop > ul > li #search-btn input,
    .nav_menutop > ul > li #search-btn select {
        width: 500px;
    }

}

@media (min-width: 1280px) and (max-width: 1349px) {

    .nav_menutop > ul > li #search-btn input,
    .nav_menutop > ul > li #search-btn select {
        width: 300px;
    }
}

@media (min-width: 1141px) and (max-width: 1279px) {

    .nav_menutop > ul > li #search-btn input,
    .nav_menutop > ul > li #search-btn select {
        width: 260px;
    }
}

@media (min-width: 1080px) and (max-width: 1140px) {

    .nav_menutop > ul > li #search-btn input,
    .nav_menutop > ul > li #search-btn select {
        width: 200px;
    }
}



@media (min-width: 852px) and (max-width: 1080px) {

    .nav_menutop > ul > li #search-btn input,
    .nav_menutop > ul > li #search-btn select {
        width: 240px;
    }

    .nav_menutop > ul > li {
        margin: 15px 3px 0px 0px;
    }

    .header .logo {
        width: 100%
    }
    .my-ac-panel .ac-details{
        padding-left: 30px;
    }
    .navigation_bar{
        margin: 10px 0px 0px;
    }
}

@media(min-width: 650px) and (max-width: 840px) {
    .nav_menutop > ul > li {
        margin: 10px 3px 0px 0px;
    }

    /* .header .logo{
        width: 100%
    }*/
    .nav_menutop > ul > li #search-btn input,
    .nav_menutop > ul > li #search-btn select {
        width: 100px;
    }
}

@media (min-width: 768px) and (max-width: 851px) {

    .nav_menutop > ul > li #search-btn input,
    .nav_menutop > ul > li #search-btn select {
        width: 120px;
    }
}

.cart-steps-process {
    margin: 0px;
    padding: 0px;
    text-align: center;
}

.cart-steps-process li {
    display: inline-block;
    padding: 20px 80px;
    position: relative;
    vertical-align: top;
}

.cart-steps-process li:after {
    content: '';
    position: absolute;
    left: 100%;
    top: 40px;
    border-bottom: 1px dashed #ccc;
    width: 80px;
    height: 2px;
}

.cart-steps-process li:before {
    content: '';
    position: absolute;
    right: 100%;
    top: 40px;
    border-bottom: 1px dashed #ccc;
    width: 80px;
    height: 2px;
}

.cart-steps-process li a {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #7d7d7d;
    text-decoration: none;
    text-transform: uppercase;
    font-family: 'Poppins-Medium';
    font-size: 13px;
}

.cart-steps-process .step-icon {
    display: block;
    width: 40px;
    height: 40px;
    line-height: 36px;
    margin-bottom: 8px;
    border-radius: 50%;
    border: 2px solid #d8d8d8;
    background: #fff;
    color: #b3b3b3;
    font-size: 16px;
    transition: 0.25s;
}

.cart-steps-process .step-label {
    padding-bottom: 4px;
    border-bottom: 2px solid transparent;
}

.cart-steps-process li a:hover .step-icon,
.cart-steps-process li a.active .step-icon {
    border-color: #3d5a4c;
    color: #3d5a4c;
}

.cart-steps-process li a:hover .step-label,
.cart-steps-process li a.active .step-label {
    color: #3d5a4c;
    border-bottom-color: #3d5a4c;
}

.cart-steps-process li:first-child:before {
    content: none !important
}

.cart-steps-process li:last-child:after {
    content: none !important
}

.cart-steps-process li .step-disabled {
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #b3b3b3;
    text-transform: uppercase;
    font-family: 'Poppins-Medium';
    font-size: 13px;
    cursor: not-allowed;
}

.cart-steps-process li .step-disabled .step-icon {
    border-color: #e6e6e6;
    color: #cccccc;
}

.shipaddress-full {
    box-shadow: 0px 0px 10px #eee;
    border-radius: 10px;
    padding: 20px 20px;
    margin: 20px 0px;
    clear: both;
    border: none;
    outline: none;
    width: 100%;
    position: relative;
}

.shipaddress-full p {
    font-size: 14px;
    line-height: 20px;
    padding: 5px 0px;   
}

.shipaddress-full p strong {
    font-family: 'Poppins-Bold';
    font-weight: normal
}

.change-address-btn a {
    color: #3d5a4c;
    border: 1px solid #3d5a4c;
    border-radius: 2px;
    padding: 5px 10px;
    text-transform: uppercase;
    text-decoration: none;
    transition: 0.3s
}

.change-address-btn a:hover {
    text-decoration: none;
    background: #3d5a4c;
    border: 1px solid #3d5a4c;
    color: #fff;

}

.apply-coupons-section {
    box-shadow: 0px 0px 10px #eee;
    border-radius: 10px;
    padding: 10px 20px;
    margin: 20px 0px;
    clear: both;
    border: none;
    outline: none;
    width: 100%;
}

.apply-coupons-section p {
    padding: 0px;
    line-height: 25px;
}

.apply-coupons-section .per-icon {
    text-align: left;
    background: url(../images/apply-coupon.svg)no-repeat;
    padding-left: 40px;
    color: #5b7a52;
}

.apply-coupons-section .apply-btn {
    color: #fff;
    border: 1px solid #3d5a4c;
    border-radius: 3px;
    padding: 0px 10px;
    text-transform: uppercase;
    text-decoration: none;
    transition: 0.3s;
    background: #3d5a4c;
}

.apply-coupons-section .apply-btn:hover {
    text-decoration: none;
    background: #4a6b5b;
    border: 1px solid #4a6b5b;
    color: #fff;

}

.shop-more {
    text-align: center;
    background: #dcefdc;
    padding: 5px 5px;
    font-size: 11.5px;
    line-height: 25px;
    border-radius: 5px;
    margin-top: 20px;
}

.shop-more img {
    width: 25px;
}

.shop-more strong {
    font-family: 'Poppins-Bold';
}

.availablity-note {
    box-shadow: 0px 0px 10px #eee;
    border-radius: 10px;
    padding: 5px 15px 5px 5px;
    margin: 20px 0px;
    clear: both;
    border: none;
    outline: none;
    width: 100%;
}

.availablity-note p {
    font-size: 10.5px;
    line-height: 14px;
    font-style: italic;
    margin-bottom: 0px;
    padding: 0px 0px 0px 20px;
    color: #777777;
    letter-spacing: -0.4px;
    background: url(../images/note.svg)no-repeat
}

.my-wishlist-box {
    border: 1px solid #3d5a4c;
    border-radius: 10px;
    padding: 15px;
    position: relative;
    margin-bottom: 15px;
}

.my-wishlist-box .heart-icon {
    position: absolute;
    background: url(../images/heart.png)no-repeat;
    content: '';
    width: 30px;
    height: 27px;
    right: 10px;
    top: 10px;
}

.my-wishlist-box .off-tag {
    position: absolute;
    background: url(../images/wishlist-off-tag.png)no-repeat;
    content: '';
    width: 80px;
    height: 27px;
    left: 10px;
    top: 10px;
    color: #fff;
    padding: 0px 5px;
    text-transform: uppercase
}

.w100 {
    width: 100%;
}

.my-wishlist-box .pro-name {
    font-size: 14px;
    font-family: 'Poppins-Medium'
}

.my-wishlist-box .comp-name {
    font-size: 13px;
    color: #666
}

.my-wishlist-box .best-price {
    color: #222;
    font-size: 16px;
}

.my-wishlist-box .best-price span {
    color: #3d5a4c;
    font-family: 'Poppins-Bold'
}

.my-wishlist-box .mrp-price {
    color: #222;
    font-size: 14px
}

.my-wishlist-box p {
    padding-bottom: 0px;
}

.my-wishlist-box .remove-btn {
    border: 1px solid #3d5a4c;
    float: right;
    padding: 0px 10px;
    display: inline-block;
    border-radius: 2px;
    color: #3d5a4c;
    line-height: 20px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 13px;
}

.my-wishlist-box .remove-btn:hover {
    background: #3d5a4c;
    color: #fff;
}

.track-order .ordr-details {
    width: 100%;
    margin: 0px;
    padding: 0px;
}

.track-order .ordr-details .odr-pro img {
    width: 100%;
}

.track-order .ordr-details .odr-pro-d .odr-id {
    color: #b8893a;
    font-family: 'Poppins-Bold';
    font-size: 18px;
    padding-bottom: 5px;
}

.track-order .ordr-details .odr-pro-d .proname {
    font-size: 20px;
    text-align: left;
    font-family: 'Poppins-Medium';
    color: #444;
    line-height: 20px;
}

.track-order .ordr-details .odr-pro-d .proname span {
    color: #777;
    display: block
}

.track-order .ordr-details .odr-pro-d .pro-price {
    font-size: 18px;
    text-align: left;
    font-family: 'Poppins-Bold';
    color: #444;
    line-height: 20px;
    padding-bottom: 5px;
}

.track-btn {
    color: #b8893a;
    text-align: center;
    margin: 0px auto;
    display: block;
    border-radius: 10px;
    border: 1px solid #b8893a;
    font-size: 18px;
    padding: 2px 45px;
    font-family: 'Poppins-Medium';
    display: inline-block;
    transition: 0.3s
}

.track-btn a {
    color: #b8893a;
    transition: 0.3s
}

.track-btn:hover {
    background: #b8893a;
    color: #fff;
}

.track-btn:hover a {
    color: #fff;
}

.odr-process {
    width: 100%;
    float: left;
    margin: 30px 0px;
}

.odr-process ul {
    border-left: 1px solid #454545;
    padding-left: 30px;
    margin-left: 30px;
}

.odr-process ul li {
    padding: 10px 0px;
    position: relative
}

.odr-process ul li:first-child {
    padding-top: 0px
}

.odr-process ul li:last-child {
    padding-bottom: 0px;
}

.odr-process ul li:before {
    position: absolute;
    content: '';
    width: 30px;
    height: 30px;
    background: #fff;
    box-shadow: 0px 0px 5px #ccc;
    border-radius: 50%;
    left: -45px;
}

.odr-process ul li.checked:before {
    background: #454545 url(../images/white-check.png)no-repeat 5px 8px;
}

.track-order .ordr-details .odr-btns {
    width: 100%;
    float: left;
    margin: 0px 0px 30px;
}

.odr-process ul li i {
    padding-left: 10px;
}

.cancel-odr-btn {
    color: #b8893a;
    text-align: center;
    margin: 0px auto;
    display: block;
    border-radius: 10px;
    border: 1px solid #b8893a;
    font-size: 18px;
    padding: 5px 5px;
    font-family: 'Poppins-Medium';
    display: inline-block;
    transition: 0.3s;
    width: 100%;
    text-decoration: none !important;

}

.cancel-odr-btn a {
    color: #b8893a !important;
    transition: 0.3s;
    text-decoration: none
}

.cancel-odr-btn:hover {
    background: #b8893a;
    color: #fff;
    text-decoration: none
}

.cancel-odr-btn:hover a {
    color: #fff;
    text-decoration: none
}

.cancel-odr-btn a:hover,
.cancel-odr-btn a:focus {
    text-decoration: none;
    color: #b8893a !important;
}

.need-help-btn {
    color: #fff;
    text-align: center;
    margin: 0px auto;
    display: block;
    border-radius: 10px;
    border: 1px solid #b8893a;
    font-size: 18px;
    padding: 5px 5px;
    font-family: 'Poppins-Medium';
    display: inline-block;
    transition: 0.3s;
    width: 100%;
    background: #b8893a;
    text-decoration: none !important;
}

.need-help-btn a {
    color: #b8893a;
    transition: 0.3s
}

.need-help-btn:hover {
    background: #fff;
    color: #b8893a;
}

.need-help-btn:hover a {
    color: #b8893a !important;
}

.need-help-btn a:hover,
.need-help-btn a:focus {
    text-decoration: none;
    color: #fff !important;
}

.cancel-order .modal-body {
    padding: 10px 20px 20px;
}

.cancel-order .modal-content {
    border-radius: 20px
}

.cancel-order .modal-content .modal-footer {
    border: 0px;
}

.cancel-order .modal-content .modal-header .modal-title {
    text-align: center;
    font-size: 22px;
    font-family: 'Poppins-Medium'
}

.modal-content .modal-header .secondry-title {
    text-align: center;
    font-size: 13px;
    margin: 0px;
}

.modal-content .modal-header {
    border-bottom: 0px;
}

.rad-label {
    align-items: center;
    border-radius: 100px;
    padding: 0px 16px;
    margin: 5px 0px;
    cursor: pointer;
    transition: .3s;
    width: 100%;
    font-weight: normal;
}

.rad-label:hover,
.rad-label:focus-within {}

.rad-input {
    position: absolute;
    left: 0;
    top: 0;
    width: 1px;
    height: 1px;
    opacity: 0;
    z-index: -1;
}

.rad-design {
    width: 28px;
    height: 28px;
    border-radius: 100px;
    background: #b8893a url(../images/white-check.png)no-repeat 3px 7px;
    position: relative;
    display: inline-block;
    vertical-align: middle;
}

.rad-design::before {
    content: '';
    display: inline-block;
    width: inherit;
    height: inherit;
    border-radius: inherit;
    background: #fff;
    transform: scale(1.1);
    transition: .3s;
    border: 1px solid #ccc;
}

.rad-input:checked + .rad-design::before {
    transform: scale(0);
}

.rad-text {
    color: #222;
    margin-left: 14px;
    font-size: 16px;
    transition: .3s;
    display: inline-block;
    line-height: 20px
}

.rad-input:checked ~ .rad-text {
    color: hsl(0, 0%, 40%);
}


.confirm-btn {
    color: #b8893a;
    text-align: center;
    margin: 5px auto;
    display: block;
    border-radius: 50px;
    border: 1px solid #b8893a;
    font-size: 18px;
    padding: 5px 5px;
    font-family: 'Poppins-Medium';
    display: inline-block;
    transition: 0.3s;
    width: 100%;
    text-decoration: none !important;
    background: #fff;
}

.confirm-btn a {
    color: #b8893a !important;
    transition: 0.3s;
    text-decoration: none
}

.confirm-btn:hover {
    background: #b8893a;
    color: #fff;
    text-decoration: none;
    border: 1px solid #b8893a;
}

.confirm-btn:hover a {
    color: #fff;
    text-decoration: none
}

.confirm-btn a:hover,
.confirm-btn a:focus {
    text-decoration: none;
    color: #b8893a !important;
}

.donot-cancel {
    color: #fff;
    text-align: center;
    border-radius: 5px;
    border: 1px solid #3d5a4c;
    font-size: 15px;
    padding: 5px 5px;
    font-family: 'Poppins-Medium';
    display: inline-block;
    transition: 0.3s;
    background: #3d5a4c;
    text-decoration: none !important;
}

.do-not-cancel a {
    color: #b8893a;
    transition: 0.3s
}

.do-not-cancel:hover {
    background: #fff;
    color: #b8893a;
}

.do-not-cancel:hover a {
    color: #b8893a !important;
}

.do-not-cancel a:hover,
.do-not-cancel a:focus {
    text-decoration: none;
    color: #fff !important;
}

.inputbox {
    text-align: center
}

.inputbox input {
    width: 80%;
    border: 2px solid #b8893a;
    border-radius: 10px;
    padding: 8px 15px;
}

.inputbox input:focus {
    outline: none
}

.inputbox input::placeholder {
    font-size: 14px;
}

.need-help-orange {
    background: #b8893a;
    text-align: center;
    border-radius: 50px;
    padding: 10px;
    margin: 10px 8%
}

.need-help-orange img {
    float: left;
    padding: 2.5% 10%;
}

.need-help-orange p {
    color: #fff;
    font-size: 25px;
    padding: 0px
}

.need-help-orange p span {
    display: block;
    font-size: 16px;
}

.receive-email {
    text-align: center;
    font-size: 20px;
    margin: 20px;
    font-family: 'Poppins-Medium';
    padding: 0px;
}

.contact-email-white {
    background: #fff;
    text-align: center;
    border-radius: 50px;
    padding: 10px;
    margin: 10px 8%;
    border: 1px solid #b8893a
}

.contact-email-white img {
    float: left;
    padding: 2.5% 10%;
}

.contact-email-white p {
    color: #b8893a;
    font-size: 25px;
    padding: 0px
}

.contact-email-white p span {
    display: block;
    font-size: 16px;
}

@media (max-width: 340px) {
    .aproducts-list .product-details .addtocart-btn,
    .deals-of-the-day .product-details .addtocart-btn,
    .trending-products .product-details .addtocart-btn,
    .aproducts-list .product-details .wishlist-btn,
    .deals-of-the-day .product-details .wishlist-btn,
    .trending-products .product-details .wishlist-btn {
        font-size: 9px !important;
        padding: 0 1px !important;
    }

    .aproducts-list .product-details .cart-btns,
    .deals-of-the-day .product-details .cart-btns,
    .trending-products .product-details .cart-btns {
        gap: 2px !important;
    }
}