*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

a,
a:hover {
    text-decoration: none;
}

ul,
ol {
    margin: 0;
    padding: 0;
}

body.clear {
    overflow: hidden;
}

html {
    scroll-behavior: smooth; 
    overflow-x: hidden; 
}


/* ======== Variable Define ======== */

:root {
    --primary-color: #A82C48;
    --secondry-color: #43121d;
    --third-color: #f98169;
    --white-color: #fff;
    --text-color: #555;
    --white-gray: #999;
    --black-color: #000;
    --primary-font: 'Roboto', sans-serif;
    --secondry-font: 'Quicksand', sans-serif;
}

html {
    scroll-behavior: smooth;
}

body {
    font-family: var(--primary-font);
    font-size: 100%;
    font-weight: 400;
}


/* 
======================
    Custom Scrollbar
====================== 
*/

/* ::-webkit-scrollbar {
    width: 0.625rem;
}

::-webkit-scrollbar-track {
    background: var(--white-color);
}

::-webkit-scrollbar-thumb {
    background: var(--primary-color);
} */


/* 
========================
    Custom CSS Design
======================== 
*/

.wrapper {
    padding-top: 8.25rem;
    padding-bottom: 8.25rem;
}

.text-content {
    width: 70%;
    margin: auto;
}

.counter-section h2,
.testimonial-section h2,
.book-food-text h2 {
    color: var(--white-color);
}


/* 
===================================
Header Design
=================================== 
*/
.header_top {
    background: #38AC49;
    padding: 5px 0;
}

/* .header_top .logo a {
    font-size: 22px;
    color: #fff;
} */
.header_top .logo a img {
    width: 25%;
    height: 60px;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    float: left;
    margin-right: 10px;
}
.header_top .logo a h4 {
    color: #fff;
    padding-top: 14px;
    font-size: 25px;
    font-weight: 600;
    font-family: 'Inter', sans-serif;
}
.header_top .hotline .top_phone {
    float: left;
    color: #F6E203;
    padding: 10px 8px;
    font-size: 25px;
}
.header_top .hotline .number span {
    color: #fff;
    font-size: 13px;
    font-weight: 600;
}

.header_top .search_sec {
    background: #fff;
    border-radius: 20px;
}
.header_top .search_sec input {
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.header_top .search_sec input:focus {
    outline: none;
    box-shadow: none;
    border: 1px solid #FAE713;
}
.header_top .search_sec .search_btn {
    background: #FAE713;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    color: #000;
    font-weight: 600;
    margin: 3px;
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
}

.header_top .search_sec .search_btn:hover {
    background: #1B8057;
    color: #fff;
}
.header_top .header_icon_area {
    display: flex;
    align-items: center;
}

.header_top .header_icon_area .header_login a {
    color: #fff;
    font-weight: 600;
    font-size: 15px;
    border-right: 2px solid #fff;
    padding-right: 8px;
}
.header_top .header_icon_area .header_login a .fa-user {
    border: 1px solid #fff;
    border-radius: 30px;
    color: #fff;
    font-size: 12px;
    padding: 2px;
}
.header_top .header_icon_area .header_compare {
    padding: 7px 9px;
}
.header_top .header_icon_area .header_compare .notification {
    color: white;
    text-decoration: none;
    position: relative;
    display: inline-block;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    margin-left: 10px;
}
.header_top .header_icon_area .header_compare .notification .badge {
    position: absolute;
    top: -12px;
    right: 4px;
    padding: 4px 7px;
    border-radius: 50%;
    background: #FADF0D;
    color: #000;
}

.header_top .header_icon_area .header_cart {
    padding: 7px 8px;
}
.header_top .header_icon_area .header_cart .notification {
    color: white;
    text-decoration: none;
    position: relative;
    display: inline-block;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    margin-left: 10px;
}

.header_top .header_icon_area .header_cart .notification .badge {
    position: absolute;
    top: -12px;
    right: 4px;
    padding: 4px 7px;
    border-radius: 50%;
    background: #FFDA0D;
    color: #000;
}

.header_top .header_icon_area .hotline .top_phone {
    float: left;
    font-size: 17px;
}
.header_top .header_icon_area .hotline .number {
    float: left;
    font-size: 17px;
}

.header_top .scrollable-dropdown {
    height: auto;
    max-height:320px;  /* Increase / Decrease value as per your need */
    overflow-x: hidden;
}
/* .header_top .searchmobile_sec {
    display: none;
} */
.navigation-wrap {
    position: fixed;
    width: 100%;
    left: 0;
    z-index: 1000;
    -webkit-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    box-shadow: 0px 0px 4px #adadad;
}

.navigation-wrap .nav-item {
    padding: 0 0.625rem;
    transition: all 200s linear;
}

.navbar-toggler:focus {
    outline: unset;
    border: unset;
    box-shadow: none;
}

.navigation-wrap .nav-link {
    font-size: 0.9375rem;
    font-weight: 600;
    text-transform: capitalize;
    color: #000;
    letter-spacing: 1px;
    font-family: 'Inter', sans-serif;
    font-style: normal;
}

.navigation-wrap .nav-item .active {
    color: #38AC49;
}
.navigation-wrap .nav-item {
    display: inline-block;
    position: relative;
    margin-bottom: 0;
}

/* .navigation-wrap .main-btn {
    padding: 0.3125rem 1.4375rem;
    box-shadow: none;
    margin-left: 0.625rem;
} */
.dropdown-hover:hover>.dropdown-menu {
    display: inline-block;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
}

.dropdown-hover>.dropdown-toggle:active {
    /*Without this, clicking will make it sticky*/
    pointer-events: none;
}

.mega-submenu {
    left: 100%;
    top: 0;
    min-width: 25rem;
}

.mega-menu {
    left: 0;
    right: 0;
    width: 100%;
}
.mega-menu .mega_card h4 a {
    font-size: 15px;
    font-weight: 600;
    color: #000;
    margin-bottom: 11px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
}
.mega-menu .mega_card h4 a:hover {
    color: #38AC49;
}
.mega-menu .mega_card ul li {
    list-style-type: none;
}
.mega-menu .mega_card ul li a {
    color: #000;
    font-size: 14px;
    line-height: 30px;
    font-weight: 500;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
}
.mega-menu .mega_card ul li a:hover {
    margin-left: 10px;
    color: #1B8057;
}
.single-menu .mega_card {
    width: 200px;
}

.single-menu .mega_card ul li {
    list-style-type: none;
}

.single-menu .mega_card ul li a {
    color: #000;
    font-size: 13px;
    line-height: 32px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
}
.single-menu .mega_card ul li a:hover {
    margin-left: 10px;
    color: #1B8057;
}

/* change navbar styling on scroll */

.navigation-wrap.scroll-on {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: var(--white-color);
    box-shadow: 0 0.125rem 175rem 0 rgb(0, 0, 0, 0.09);
    transition: all .15s ease-in-out 0s;
}


/* 
===================================
top-banner Design
=================================== 
*/
.top-banner {
    padding: 80px 0 6px 0;
}

.top-banner .left_sidebar {
    border: 1px solid #ddd;
    border-radius: 20px;
    padding: 30px;
}

.top-banner .left_sidebar ul {
    margin: 0;
    padding: 0;
}
.top-banner .left_sidebar ul li {
    margin: 0;
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}
.top-banner .left_sidebar ul li:last-child {

    border-bottom: none;
}
.top-banner .left_sidebar ul li a {
    color: #444;
    font-weight: 600;
    font-size: 13px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
}
.top-banner .left_sidebar ul li a:hover {
    margin-left: 4px;
    color: #1B8057;
}
.top-banner .left_sidebar .line-wrap {
    display: flex;
    align-items: center;
    column-gap: 6px;
    margin-bottom: 20px;
}
.top-banner .left_sidebar .title-line {
    position: relative;
    width: 40px;
    height: 4px;
    background: #1b8057;
    border-radius: 30px;
}
.top-banner .left_sidebar .title-border {
    position: relative;
    width: 100%;
    height: 1px;
    background: #d7d7d7;
    flex: 1;
}

.top-banner .middle-banner {
    position: relative;
    color: white;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

.top-banner .middle-banner img {
    height: 436px;
    border-radius: 10px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
}
.top-banner .middle-banner:hover img {
    transform: scale(1.);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.top-banner .middle-banner .middle-banner-text {
    position: absolute;
    top: 48px;
    left: 50px;
    width: 50%;
}

.top-banner .middle-banner .middle-banner-text p {
    background: #e00000;
    padding: 5px 23px;
    border-radius: 5px;
    clip-path: polygon(50% 0, 100% 0, 100% 0, 95% 50%, 100% 100%, 100% 100%, 62% 100%, 0 100%, 0 0, 0 0);
    font-size: 17px;
    font-weight: 600;
}
.top-banner .middle-banner .middle-banner-text h1 {
    font-family: "Bangers", Sans-serif;
    font-size: 90px;
    font-style: italic;
    line-height: 80px;
    letter-spacing: 8px;
    color: #FFFFFF;
    margin-bottom: 20px;
    text-shadow:#38AC49 6px 0 0, 
    #38AC49 5.91686px .995377px 0, 
    #38AC49 5.66974px 1.96317px 0, 
    #38AC49 5.2655px 2.87655px 0, 
    #38AC49 4.71532px 3.71022px 0, 
    #38AC49 4.03447px 4.44106px 0, 
    #38AC49 3.24181px 5.04883px 0, 
    #38AC49 2.35931px 5.51667px 0, 
    #38AC49 1.41143px 5.83163px 0, 
    #38AC49 .424423px 5.98497px 0, 
    #38AC49 -.574341px 5.97245px 0, 
    #38AC49 -1.55719px 5.79441px 0, 
    #38AC49 -2.49688px 5.45578px 0, 
    #38AC49 -3.36738px 4.96596px 0, 
    #38AC49 -4.14455px 4.33852px 0, 
    #38AC49 -4.80686px 3.59083px 0, 
    #38AC49 -5.33596px 2.74364px 0, 
    #38AC49 -5.71718px 1.8204px 0, 
    #38AC49 -5.93995px .84672px 0, 
    #38AC49 -5.99811px -.150428px 0, 
    #38AC49 -5.89004px -1.14341px 0, 
    #38AC49 -5.61874px -2.1047px 0, 
    #38AC49 -5.19172px -3.00766px 0, 
    #38AC49 -4.62082px -3.82727px 0, 
    #38AC49 -3.92186px -4.54081px 0, 
    #38AC49 -3.11421px -5.12852px 0, 
    #38AC49 -2.22026px -5.57409px 0, 
    #38AC49 -1.26477px -5.86518px 0,
    #38AC49 -.274238px -5.99373px 0, 
    #38AC49 .723898px -5.95617px 0, 
    #38AC49 1.70197px -5.75355px 0, 
    #38AC49 2.63288px -5.39147px 0, 
    #38AC49 3.49082px -4.87998px 0, 
    #38AC49 4.25202px -4.23324px 0, 
    #38AC49 4.89538px -3.46919px 0, 
    #38AC49 5.40307px -2.60899px 0, 
    #38AC49 5.76102px -1.67649px 0, 
    #38AC49 5.95932px -.697531px 0;
}

.top-banner .middle-banner .middle-banner-text .price {
    font-size: 30px;
    color: #000;
    font-weight: 600;
    margin-bottom: 20px;
}
.top-banner .middle-banner .middle-banner-text a {
    background: #fff;
    font-size: 17px;
    color: #000;
    border-radius: 30px;
    padding: 12px 25px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
}
.top-banner .middle-banner .middle-banner-text a:hover {
    background: #37AB48;
    color: #fff;
}
.top-banner .middle-banner-right {
    position: relative;
    color: white;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}
.top-banner .carousel .carousel-item img {
    border-radius: 10px;
}
.top-banner .carousel .carousel-item .carousel-caption a {
    background: #fff;
    color: #000;
    padding: 7px 20px;
    border-radius: 30px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    -webkit-border-radius: 30px;
    -moz-border-radius: 30px;
    -ms-border-radius: 30px;
    -o-border-radius: 30px;
    float: right;
}
.top-banner .carousel .carousel-item .carousel-caption a:hover {
    background: #38AC49;
    color: #fff;
}

.top-banner .middle-banner-right .right-banner-text {
    position: absolute;
    top: 17px;
    left: 34px;
    width: 50%;
}

.top-banner .middle-banner-right .right-banner-text p {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 0;
    color: #666;
}
.top-banner .middle-banner-right .right-banner-text h1 {
    font-family: "Bangers", Sans-serif;
    font-size: 25px;
    font-style: italic;
    line-height: 30px;
    color: #FFFFFF;
    margin-bottom: 13px;
}

.top-banner .middle-banner-right .right-banner-text .price {
    font-size: 17px;
    color: #000;
    font-weight: 600;
    margin-bottom: 17px;
}
.top-banner .middle-banner-right a {
    position: absolute;
    top: 149px;
    left: 186px;
    background: #fff;
    font-size: 15px;
    color: #000;
    border-radius: 30px;
    padding: 7px 20px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
}
.top-banner .middle-banner-right a:hover {
    background: #37AB48;
    color: #fff;
}

.top-banner .middle-banner-right img {
    height: 209px;
    width: 100%;
    border-radius: 10px;
    margin-bottom: 18px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
}
.top-banner .middle-banner-right:hover img {
    transform: scale(1.);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);;
}
.top-banner .middle-banner-right-bottom {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}
.top-banner .middle-banner-right-bottom img {
    height: 209px;
    width: 100%;
    border-radius: 10px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
}
.top-banner .middle-banner-right-bottom:hover img {
    transform: scale(1.);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}


/* 
===================================
News Design
=================================== 
*/

.news-section {
    background: #F7F7F7;
    padding: 20px 0;
}

.news-section marquee a {
    color: #000;
    font-weight: 500;
    padding: 0px 10px;
    font-size: 18px;
}


/* 
===================================
Feature section Design
=================================== 
*/

.feature-section .feature_side {
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}
.feature-section .feature_side img {
    border-radius: 10px;
    transition: all .2s ease;
    -webkit-transition: ;
    -moz-transition: ;
    -ms-transition: ;
    -o-transition: ;
    height: 679px;
}

.feature-section .feature_side .featureside_text {
    position: absolute;
    top: 48px;
    left: 0px;
}
.feature-section .feature_side .featureside_text p {
    font-family: "Taprom", Sans-serif;
    font-size: 36px;
    font-weight: 500;
    margin-bottom: 30px;
    padding: 0 46px;
    width: 80%;
}

.feature-section .feature_side .featureside_text a {
    background: #fff;
    color: #000;
    padding: 10px 20px;
    border-radius: 30px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    top: 48px;
    left: 0px;
    float: right;
    margin-top: 348px;
}
.feature-section .feature_side .featureside_text a:hover {
    background: #38AC49;
    color: #fff;
}

.feature-section .feature_side:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.feature-section .product-grid{
    font-family: 'Poppins', sans-serif;
    text-align: center;
    transition: all 0.7s ease 0s;
    border: 1px solid #ddd;
}
.feature-section .product-grid:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.15),10px 10px rgba(0,0,0,0.05); }
.feature-section .product-grid .product-image{
    overflow: hidden;
    position: relative;
}
.feature-section .product-grid .product-image a.image{ display: block; }
.feature-section .product-grid .product-image img{
    width: 100%;
    height: 200px;
}
.feature-section .product-grid .product-image .pic-1{ transition: all 200ms ease 0s; }
.feature-section .product-grid .product-image:hover .pic-1{ opacity: 0; }
.feature-section .product-grid .product-image .pic-2{
    width: 100%;
    height: 100%;
    opacity: 0;
    position: absolute;
    top: 0;
    left: 0;
    transition: transform 3s;
}
.feature-section .product-grid .product-image:hover .pic-2{
    opacity: 1;
    transform: scale(1.5);
}
.feature-section .product-grid .product-hot-label{
    color: #fff;
    background: #222;
    font-size: 14px;
    font-weight: 500;
    text-transform: capitalize;
    padding: 7px 12px;
    position: absolute;
    top: 0;
    left: 0;
}
.feature-section .product-grid .product-links{
    background: #f1f1f1;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    opacity: 0;
    transform: scaleX(2);
    position: absolute;
    bottom: -50px;
    left: 0;
    transition: all 0.5s ease-in-out 0s;
}
.feature-section .product-grid:hover .product-links{
    opacity: 1;
    transform: scaleX(1);
    bottom: 0;
}
.feature-section .product-grid .product-links li{
    margin: 0 -2px;
    display: inline-block;
}
.feature-section .product-grid .product-links li a{
    color: #444;
    font-size: 16px;
    line-height: 41px;
    width: 40px;
    height: 40px;
    display: block;
    position: relative;
    transition: all .2s ease-out;
}
.feature-section .product-grid .product-links li a:hover{
    color: #fff;
    background-color: #88c000;
}
.feature-section .product-grid .product-links li a:before,
.feature-section .product-grid .product-links li a:after{
    content: attr(data-tip);
    color: #fff;
    background-color: #222;
    font-size: 12px;
    line-height: 18px;
    padding: 5px 10px;
    white-space: nowrap;
    display: none;
    transform: translateX(-50%);
    position: absolute;
    left: 50%;
    top: -40px;
    transition: all 0.3s;
}
.feature-section .product-grid .product-links li a:after{
    content: '';
    height: 15px;
    width: 15px;
    transform: translateX(-50%) rotate(45deg);
    top: -25px;
    z-index: -1;
}
.feature-section .product-grid .product-links li a:hover:before,
.feature-section .product-grid .product-links li a:hover:after{
    display: block;
}
.feature-section .product-grid .product-content{
    background: #fff;
    padding: 15px 12px;
    position: relative;
}
.feature-section .product-grid .add-to-cart{
    color: #88c000;
    font-size: 15px;
    font-weight: 600;
    transform: translateX(-50%);
    position: absolute;
    top: 13px;
    left: 50%;
    opacity: 0;
    transition: all 1s ease 0s;
}
.feature-section .product-grid:hover .add-to-cart{ opacity: 1; }
.feature-section .product-grid .add-to-cart i.fas{
    font-size: 14px;
    margin: 0 5px 0 0;
}
.feature-section .product-grid .title {
    font-size: 15px;
    font-weight: 500;
    text-transform: capitalize;
    margin: 0 0 10px;
    transition: all 0.3s ease 0s;
    color: #333;
    height: 36px;
    overflow: hidden;
}
.feature-section .product-grid .title a{ color: #444; }
.feature-section .product-grid:hover .title{ opacity: 0; }
.feature-section .product-grid .rating{
    color: #1c1a19;
    font-size: 12px;
    padding: 0;
    margin: 0 0 11px;
    list-style: none;
}
.feature-section .product-grid .price{
    color: #88c000;
    font-size: 16px;
    font-weight: 700;
}
@media screen and (max-width: 990px){
    .feature-section .product-grid{ margin: 0 0 30px; }
}

.feature-section .feature_title h4 {
    font-weight: bold;
}
.feature-section .line-wrap {
    display: flex;
    align-items: center;
    column-gap: 6px;
    margin-bottom: 20px;
}
.feature-section .title-line {
    position: relative;
    width: 40px;
    height: 4px;
    background: #1b8057;
    border-radius: 30px;
}
.feature-section .title-border {
    position: relative;
    width: 100%;
    height: 1px;
    background: #d7d7d7;
    flex: 1;
}
/* 
===================================
Tranding Product section Design
=================================== 
*/
.trensding_sec .transding_title .line-wrap {
    display: flex;
    align-items: center;
    column-gap: 6px;
    margin-bottom: 20px;
}
.trensding_sec .transding_title .title-line {
    position: relative;
    width: 40px;
    height: 4px;
    background: #1b8057;
    border-radius: 30px;
}
.trensding_sec .transding_title .title-border {
    position: relative;
    width: 100%;
    height: 1px;
    background: #d7d7d7;
    flex: 1;
}

.trensding_sec .best_selling {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 25px;
}

.trensding_sec .best_selling .line-wrap {
    display: flex;
    align-items: center;
    column-gap: 6px;
    margin-bottom: 20px;
}

.trensding_sec .best_selling .title-line {
    position: relative;
    width: 40px;
    height: 4px;
    background: #1b8057;
    border-radius: 30px;
}

.trensding_sec .best_selling .title-border {
    position: relative;
    width: 100%;
    height: 1px;
    background: #d7d7d7;
    flex: 1;
}

.trensding_sec .best_selling h4 {
    color: #444;
    font-size: 19px;
    font-weight: 600;
}

.trensding_sec .selling_body .selling_card {
    margin-bottom: 15px;
}

.trensding_sec .selling_body .selling_card a img {
    height: 60px;
    border-radius: 6px;
    background-color: #f7f7f7;
    padding: 7px;
}
.trensding_sec .selling_body .selling_card a img:hover {
    transform: scaleX(1);
    -webkit-transform: scaleX(1);
    -moz-transform: scaleX(1);
    -ms-transform: scaleX(1);
    -o-transform: scaleX(1);
}

.trensding_sec .selling_body .selling_card h5 {
    color: #444;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
}

.trensding_sec .selling_body .selling_card  h5 del {
    color: #9b9b9b;
}

.trensding_sec .selling_body .selling_card .star .icon .fa-star {
    font-size: 13px;
}

.trensding_sec .selling_body .selling_card .star .rate p {
    color: #858585;
    font-size: 15px;
    margin-bottom: 3px;
}

.trensding_sec .selling_body .selling_card .description p {
    margin-bottom: 0;
    font-size: 13px;
    color: #444;
}

.trensding_sec .box {
    border: 1px solid #ddd;
    padding: 10px;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    margin-bottom: 18px;
}
  
.trensding_sec .product-img {
    float: left;
    transition: all 0.5s linear;
    &:hover {
      transform: scale(1.03);
      -webkit-transform: scale(1.03);
      -moz-transform: scale(1.03);
      -ms-transform: scale(1.03);
      -o-transform: scale(1.03);
    }
}
.trensding_sec .product-img img {
    width: 100%;
    height: 80px;
}
  
.trensding_sec .product-info .description p {
    margin-bottom: 0;
    font-size: 14px;
    color: #444;
    height: 39px;
    overflow: hidden;
}

.trensding_sec .product-info .category {
    margin-bottom: 0;
    font-size: 14px;
    color: #444;
}
.trensding_sec .product-info .heart {
    color: #000;
}
    
.trensding_sec .price {
    margin-top: 0px;
    font-size: 16px;
    font-weight: bolder;
    color: #000;
    margin-bottom: 0;
}
.trensding_sec .percent {
    color: #ffffff;
    position: relative;
    margin: 0;
    border-radius: 4px;
    top: 0;
    right: auto;
    height: 18px;
    line-height: 1;
    font-size: 12px;
    font-weight: 500;
    padding: 3px 8px;
    background-color: #e00000;
}
.trensding_sec .angle-right {
    clip-path: polygon(15% 0%, 100% 0%, 100% 100%, 15% 100%, 0% 50%);
}
  
/* 
===================================
Top Seller section Design
===================================  
*/

.top_seller_sec .title-holder {
    position: relative;
}

.top_seller_sec .button-display {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    column-gap: 12px;
    justify-content: space-between;
}

.top_seller_sec .entry-title {
    font-size: 26px;
    display: flex;
    align-items: center;
    column-gap: 8px;
    flex-wrap: wrap;
    flex: 1;
}

.top_seller_sec .entry-title .line-wrap {
    display: flex;
    align-items: center;
    flex: 1;
    column-gap: 6px;
    margin-top: 3px;
}

.top_seller_sec .entry-title .title-line {
    position: relative;
    width: 40px;
    height: 4px;
    background: #1b8057;
    border-radius: 30px;
}
.top_seller_sec .entry-title .title-border {
    position: relative;
    width: 100%;
    height: 1px;
    background: #d7d7d7;
}

.top_seller_sec .title-holder .more-button {
    margin-bottom: 12px;
}

.top_seller_sec .title-holder .more-button a {
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    padding: 6px 12px;
    color: #626571;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    column-gap: 8px;
    line-height: 1.4;
}
.top_seller_sec .title-holder .more-button a:hover {
    background-color: #1e6046;
    color: #fff;
}
.top_seller_sec .title-holder .more-button .fa-angle-right::before {
    font-family: radius-zilly-font;
    font-style: normal;
    font-weight: 400;
    display: inline-block;
    text-decoration: inherit;
    text-align: center;
    font-variant: normal;
    text-transform: none;
    line-height: 1em;
    -webkit-font-smoothing: antialiased;
}

.top_seller_sec .rt-user-box {
    position: relative;
    border: 1px solid #d7d7d7;
    color: #626571;
    border-radius: 8px;
    padding: 12px;
    overflow: hidden;
    z-index: 1;
    transition: all .21s ease-in-out;
    display: flex;
    align-items: center;
    gap: 12px;
    flex-direction: inherit;
}
.top_seller_sec .rt-user-box:hover {
    color: #fff;
    border: 1px solid transparent;
}

.top_seller_sec .rt-user-box:before {
    position: absolute;
    content: "";
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #161925;
    transition-duration: .75s;
    transition-timing-function: cubic-bezier(.4,0,.2,1);
    will-change: transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
    transform: translateX(calc(-100% + -1px));
}
.top_seller_sec .rt-user-box .rt-seller-author {
    border-radius: 6px;
    overflow: hidden;
}
.top_seller_sec .rt-user-box .rt-seller-author img {
    object-fit: cover;
    height: 100px;
    max-width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
}
.top_seller_sec .rt-user-box .rt-seller-content {
    flex: 1;
}
.top_seller_sec .rt-user-box .rt-author-title {
    font-size: 18px;
    margin-bottom: 8px;
    line-height: 1.3;
}
.top_seller_sec .rt-user-box .rt-author-title a {
    color: #000;
}

/* 
===================================
Adverisment Banner Section Design
===================================  
*/
.advertisebanner_sec .advertise_card {
    position: relative;
    width: 100%;
    overflow: hidden;
    margin: 0 auto;
}

.advertisebanner_sec .advertise_card .advertisecard_text {
    position: absolute;
    top: 48px;
    right: 30px;
    text-align: right;
}
.advertisebanner_sec .advertise_card .advertisecard_text h4 {
    font-family: "Racing Sans One", Sans-serif;
    font-size: 30px;
    font-weight: 500;
}
.advertisebanner_sec .advertise_card .advertisecard_text p {
    color: #000;
    font-size: 13px;
    margin-bottom: 6px;
}
.advertisebanner_sec .advertise_card .advertisecard_text .price {
    font-size: 27px;
    font-weight: 600;
    margin-bottom: 12px;
}
.advertisebanner_sec .advertise_card .advertisecard_text a {
    background: #fff;
    color: #000;
    padding: 10px 20px;
    border-radius: 30px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
}
.advertisebanner_sec .advertise_card .advertisecard_text a:hover {
    background: #FFDE0C;
}
.advertisebanner_sec .advertise_card img {
    height: 250px;
    border-radius: 10px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
}

.advertisebanner_sec .advertise_card:hover img {
    transform: scale(1.);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.advertisebanner_sec .advertise_card .advertisemiddlecard_text {
    position: absolute;
    top: 48px;
    left: 30px;
    text-align: left;
}

.advertisebanner_sec .advertise_card .advertisemiddlecard_text h4 {
    font-family: "Racing Sans One", Sans-serif;
    font-size: 30px;
    font-weight: 500;
}
.advertisebanner_sec .advertise_card .advertisemiddlecard_text p {
    color: #000;
    font-size: 13px;
    margin-bottom: 6px;
}
.advertisebanner_sec .advertise_card .advertisemiddlecard_text .price {
    font-size: 27px;
    font-weight: 600;
    margin-bottom: 12px;
}
.advertisebanner_sec .advertise_card .advertisemiddlecard_textbutton a {
    position: absolute;
    top: 161px;
    left: 280px;
    text-align: right;
    background: #fff;
    color: #000;
    padding: 7px 20px;
    border-radius: 30px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
}

.advertisebanner_sec .advertise_card .advertisemiddlecard_textbutton a:hover {
    background: #FFDE0C;
}

.advertisebanner_sec .advertise_card .advertiserightcard_text {
    position: absolute;
    top: 48px;
    left: 30px;
    text-align: left;
    width: 50%;
    color: #fff;
}

.advertisebanner_sec .advertise_card .advertiserightcard_text h4 {
    font-family: "Racing Sans One", Sans-serif;
    font-size: 30px;
    font-weight: 500;
}
.advertisebanner_sec .advertise_card .advertiserightcard_text p {
    color: #000;
    font-size: 13px;
    margin-bottom: 6px;
}
.advertisebanner_sec .advertise_card .advertiserightcard_text .price {
    font-size: 27px;
    font-weight: 600;
    margin-bottom: 12px;
    color: #fff;
}
.advertisebanner_sec .advertise_card .advertiserightcard_textbutton a {
    position: absolute;
    top: 161px;
    left: 280px;
    background: #fff;
    color: #000;
    padding: 7px 20px;
    border-radius: 30px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
}

.advertisebanner_sec .advertise_card .advertiserightcard_textbutton a:hover {
    background: #FFDE0C;
}

/* 
===================================
Deal Of Week Section Design
===================================  
*/
 
.dealofweek_sec h2 {
    font-size: 26px;
    color: #000;
    font-weight: 500;
}
.dealofweek_sec .line-wrap {
    display: flex;
    align-items: center;
    column-gap: 6px;
    margin-bottom: 20px;
}

.dealofweek_sec .title-line {
    position: relative;
    width: 40px;
    height: 4px;
    background: #1b8057;
    border-radius: 30px;
}

.dealofweek_sec .title-border {
    position: relative;
    width: 100%;
    height: 1px;
    background: #d7d7d7;
    flex: 1;
}

.dealofweek_sec .deal_card {
    background: #fff;
    padding: 22px 22px 0;
    border-radius: 10px;
}

.dealofweek_sec .deal_card .dealcard_img img {
    height: 550px;
    border-radius: 10px;
}

.dealofweek_sec .product-grid{
    font-family: 'Poppins', sans-serif;
    text-align: center;
}
.dealofweek_sec .product-grid .product-image{
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.dealofweek_sec .product-grid .product-image a.image{
    display: block; 
}
.dealofweek_sec .product-grid .product-image img {
    width: 100%;
    height: 200px;
}
.dealofweek_sec .product-grid .product-discount-label{
    color: #fff;
    background: #A5BA8D;
    font-size: 13px;
    font-weight: 600;
    line-height: 25px;
    padding: 0 20px;
    position: absolute;
    top: 10px;
    left: 0;
}
.dealofweek_sec .product-grid .product-links{
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: 10px;
    right: -50px;
    transition: all .5s ease 0s;
}
.dealofweek_sec .product-grid:hover .product-links{ right: 10px; }
.dealofweek_sec .product-grid .product-links li a{
    color: #000;
    background: #ffff;
    font-size: 17px;
    line-height: 38px;
    width: 38px;
    height: 38px;
    border: 1px solid #000;
    border-bottom: none;
    display: block;
    transition: all 0.3s;
}
.dealofweek_sec .product-grid .product-links li:last-child a{ border-bottom: 1px solid #333; }
.dealofweek_sec .product-grid .product-links li a:hover{
    color: #fff;
    background: #333;
}
.dealofweek_sec .product-grid .add-to-cart {
    background: #38ab49;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    width: 100%;
    padding: 7px 26px;
    position: absolute;
    left: 0;
    bottom: -60px;
    transition: all 0.3s ease 0s;
}
.dealofweek_sec .product-grid:hover .add-to-cart { bottom: 0; }
.dealofweek_sec .product-grid .add-to-cart:hover { text-shadow: 4px 4px rgba(0,0,0,0.2); }
.dealofweek_sec .product-grid .product-content {
    padding: 8px;
    box-shadow: 0 0 0 5px rgba(0,0,0,0.1) inset;
}
.dealofweek_sec .product-grid .title {
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0 0 7px;
    height: 23px;
    overflow: hidden;
}
.dealofweek_sec .product-grid .title a {
    color: #777;
    transition: all 0.3s ease 0s;
    font-size: 15px;
}
.dealofweek_sec .product-grid .title a:hover{ color: #a5ba8d; }
.dealofweek_sec .product-grid .price{
    color: #0d0d0d;
    font-size: 14px;
    font-weight: 600;
}
.dealofweek_sec .product-grid .price span{
    color: #888;
    font-size: 13px;
    font-weight: 400;
    text-decoration: line-through;
}
@media screen and (max-width: 990px){
    .dealofweek_sec .product-grid{ margin-bottom: 30px; }
}

/* 
===================================
Grocery Section Design
===================================  
*/

/* 
===================================
On sales Product Section Design
===================================  
*/
.onsales_sec .toprated {
    border: 1px solid #ddd;
    border-radius: 10px;
    padding: 15px 25px;
}

.onsales_sec .toprated .line-wrap {
    display: flex;
    align-items: center;
    column-gap: 6px;
    margin-bottom: 20px;
}

.onsales_sec .toprated .title-line {
    position: relative;
    width: 40px;
    height: 4px;
    background: #1b8057;
    border-radius: 30px;
}

.onsales_sec .toprated .title-border {
    position: relative;
    width: 100%;
    height: 1px;
    background: #d7d7d7;
    flex: 1;
}

.onsales_sec .toprated h4 {
    color: #444;
    font-size: 19px;
    font-weight: 600;
}

.onsales_sec .toprated_body .toprated_card {
    margin-bottom: 15px;
}

.onsales_sec .toprated_body .toprated_card a img {
    height: 60px;
    border-radius: 6px;
    background-color: #f7f7f7;
    padding: 7px;
}

.onsales_sec .toprated_body .toprated_card h5 {
    color: #444;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 0;
}

.onsales_sec .toprated_body .toprated_card .star .icon .fa-star {
    font-size: 13px;
}

.onsales_sec .toprated_body .toprated_card .description p {
    margin-bottom: 0;
    font-size: 13px;
    color: #444;
}

.onsales_sec .toprated_body .toprated_card .star .rate p {
    color: #858585;
    font-size: 15px;
    margin-bottom: 3px;
}
.onsales_sec .onsales_title .line-wrap {
    display: flex;
    align-items: center;
    column-gap: 6px;
    margin-bottom: 20px;
}

.onsales_sec .onsales_title .title-line {
    position: relative;
    width: 40px;
    height: 4px;
    background: #1b8057;
    border-radius: 30px;
}

.onsales_sec .onsales_title .title-border {
    position: relative;
    width: 100%;
    height: 1px;
    background: #d7d7d7;
    flex: 1;
}
.onsales_sec .onsales_title a {
    border: 1px solid #d7d7d7;
    border-radius: 4px;
    padding: 6px 12px;
    color: #626571;
    font-size: 14px;
    font-weight: 500;
    display: flex;
    column-gap: 8px;
    line-height: 1.4;
}
.onsales_sec .onsales_title a:hover {
    color: #fff;
    background: #1B8057;
}

.onsales_sec .product-grid {
    font-family: 'Poppins', sans-serif;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.onsales_sec .product-grid .product-image{
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.onsales_sec .product-grid .product-image a.image{
    display: block; 
}
.onsales_sec .product-grid .product-image img {
    width: 100%;
    height: 194px;
}
.onsales_sec .product-grid .product-discount-label{
    color: #fff;
    background: #A5BA8D;
    font-size: 13px;
    font-weight: 600;
    line-height: 25px;
    padding: 0 20px;
    position: absolute;
    top: 10px;
    left: 0;
}
.onsales_sec .product-grid .product-links{
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: 10px;
    right: -50px;
    transition: all .5s ease 0s;
}
.onsales_sec .product-grid:hover .product-links{ right: 10px; }
.onsales_sec .product-grid .product-links li a{
    color: #000;
    background: #fff;
    font-size: 17px;
    line-height: 38px;
    width: 38px;
    height: 38px;
    border: 1px solid #444;
    border-bottom: none;
    display: block;
    transition: all 0.3s;
}
.onsales_sec .product-grid .product-links li:last-child a{ border-bottom: 1px solid #333; }
.onsales_sec .product-grid .product-links li a:hover{
    color: #fff;
    background: #333;
}
.onsales_sec .product-grid .add-to-cart {
    background: #38ab49;
    color: #fff;
    font-size: 13px;
    text-transform: uppercase;
    letter-spacing: 2px;
    width: 100%;
    padding: 7px 26px;
    position: absolute;
    left: 0;
    bottom: -60px;
    transition: all 0.3s ease 0s;
}
.onsales_sec .product-grid:hover .add-to-cart { bottom: 0; }
.onsales_sec .product-grid .add-to-cart:hover { text-shadow: 4px 4px rgba(0,0,0,0.2); }
.onsales_sec .product-grid .product-content {
    padding: 8px;
    box-shadow: 0 0 0 5px rgba(0,0,0,0.1) inset;
}
.onsales_sec .product-grid .title {
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0 0 7px;
    height: 23px;
    overflow: hidden;
}
.onsales_sec .product-grid .title a {
    color: #777;
    transition: all 0.3s ease 0s;
    font-size: 14px;
}
.onsales_sec .product-grid .title a:hover{ color: #a5ba8d; }
.onsales_sec .product-grid .price{
    color: #0d0d0d;
    font-size: 14px;
    font-weight: 600;
}
.onsales_sec .product-grid .price span{
    color: #888;
    font-size: 13px;
    font-weight: 400;
    text-decoration: line-through;
}
@media screen and (max-width: 990px){
    .onsales_sec .product-grid{ margin-bottom: 30px; }
}

.onsales_sec .onsales_grid {
    font-family: 'Poppins', sans-serif;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
}
.onsales_sec .onsales_grid .product-image{
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.onsales_sec .onsales_grid .product-image a.image{
    display: block; 
}
.onsales_sec .onsales_grid .product-image img {
    width: 100%;
    height: 475px;
}
.onsales_sec .onsales_grid .product-discount-label{
    color: #fff;
    background: #A5BA8D;
    font-size: 13px;
    font-weight: 600;
    line-height: 25px;
    padding: 0 20px;
    position: absolute;
    top: 10px;
    left: 0;
}
.onsales_sec .onsales_grid .product-links{
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: 10px;
    right: -50px;
    transition: all .5s ease 0s;
}
.onsales_sec .onsales_grid:hover .product-links{ right: 10px; }
.onsales_sec .onsales_grid .product-links li a{
    color: #000;
    background: #fff;
    font-size: 17px;
    line-height: 38px;
    width: 38px;
    height: 38px;
    border: 1px solid #444;
    border-bottom: none;
    display: block;
    transition: all 0.3s;
}
.onsales_sec .onsales_grid .product-links li:last-child a{ border-bottom: 1px solid #333; }
.onsales_sec .onsales_grid .product-links li a:hover{
    color: #fff;
    background: #333;
}
.onsales_sec .onsales_grid .add-to-cart{
    background: #38ab49;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 2px;
    width: 100%;
    padding: 10px 26px;
    position: absolute;
    left: 0;
    bottom: -60px;
    transition: all 0.3s ease 0s;
}
.onsales_sec .onsales_grid:hover .add-to-cart { bottom: 0; }
.onsales_sec .onsales_grid .add-to-cart:hover { text-shadow: 4px 4px rgba(0,0,0,0.2); }
.onsales_sec .onsales_grid .product-content {
    padding: 8px;
    box-shadow: 0 0 0 5px rgba(0,0,0,0.1) inset;
}
.onsales_sec .onsales_grid .title {
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0 0 7px;
    height: 30px;
    overflow: hidden;
}
.onsales_sec .onsales_grid .title a {
    color: #777;
    transition: all 0.3s ease 0s;
    font-size: 15px;
}
.onsales_sec .onsales_grid .title a:hover{ color: #a5ba8d; }
.onsales_sec .onsales_grid .price{
    color: #0d0d0d;
    font-size: 14px;
    font-weight: 600;
}
.onsales_sec .onsales_grid .price span{
    color: #888;
    font-size: 13px;
    font-weight: 400;
    text-decoration: line-through;
}
@media screen and (max-width: 990px){
    .onsales_sec .onsales_grid{ margin-bottom: 30px; }
}


/* 
===================================
Company Profile Section Design
===================================  
*/

.companypolicy_sec {
    background: #5445e7;
}
.companypolicy_sec .policy_card .policy_icon {
    float: left;
    font-size: 51px;
    margin-right: 10px;
    color: #fff;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
}
.companypolicy_sec .policy_card .policy_icon:hover {
    color: #f1ba06;
}
.companypolicy_sec .policy_card .policycard_body h4 {
    color: #fff;
    font-weight: 600;
    font-size: 16px;
}
.companypolicy_sec .policy_card .policycard_body p {
    margin-bottom: 0;
    font-size: 13px;
    color: #fff;
}

/* 
===================================
Shopping cart
===================================  
*/
.shippingcart-extra-btn {
    text-align: center;
    position: fixed;
    top: 45%;
    right: 1px;
    z-index: 99;
    background: #38AC49;
    width: 5%;
    border-radius: 6px;
    padding: 3px 0;
}

.shippingcart-extra-btn a {
    text-decoration: none;
    display: block;
}

.shippingcart-extra-btn a .sidecart {
    color: #fff;
    font-size: 20px;
    margin-top: 1px;
}
.shippingcart-extra-btn .price span {
    padding: 5px 2px;
    font-size: 11px;
    font-weight: 600;
    border-radius: 6px;
    background: #ddd;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
}
.shippingcart-extra-btn a .items {
    color: #fff;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: 600;
    padding: 3px 0;
}

.shoppingcartlist_sec .shoppingcart_body {
    position: relative;
    height: 70%;
    overflow-y: auto;
    transition: 0.5s;
    overflow-x: hidden;
}
.shoppingcartlist_sec .shoppingcart_body::-webkit-scrollbar {
    width: 5px;
}
.shoppingcartlist_sec .shoppingcart_body::-webkit-scrollbar-track {
    box-shadow: inset 0 0 5px grey; 
    border-radius: 10px;
}
.shoppingcartlist_sec .shoppingcart_body::-webkit-scrollbar-thumb {
    background: #38AC49; 
    border-radius: 10px;
}
.shoppingcartlist_sec .shoppingcart_body::-webkit-scrollbar-thumb:hover {
    background: #22772f; 
}
.shoppingcartlist_sec .shoppingcart_body .cart_item {
    border-bottom: 1px solid #ddd;
    padding: 10px 0;
}

.shoppingcartlist_sec .shoppingcart_body img {
    border: 1px solid #ddd;
    padding: 2px;
    border-radius: 4px;
}
.shoppingcartlist_sec .shoppingcart_body .title {
    font-size: 13px;
}
.shoppingcartlist_sec .shoppingcart_body .title {
    font-size: 13px;
}
.shoppingcartlist_sec .shoppingcart_body .qty {
    font-size: 12px;
}
.shoppingcartlist_sec .shoppingcart_body .price {
    font-size: 12px;
}
.shoppingcartlist_sec .shoppingcart_body .empty_cart a {
    background: #278835;
    color: #fff;
    padding: 10px 20px;
    border-radius: 4px;
    font-weight: 600;
}
.shoppingcartlist_sec .shoppingcart_body .empty_cart a:hover {
    background: #195a23;
}

.shoppingcartlist_sec .shoppingcart_footer {
    height: 30%;
    border-top: 1px solid #ddd;
}

.shoppingcartlist_sec .shoppingcart_footer .cart_btn .view_cart {
    background: #ddd;
    color: #000;
    padding: 10px 48px;
    border-radius: 5px;
    font-weight: 600;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
}
.shoppingcartlist_sec .shoppingcart_footer .cart_btn .view_cart:hover {
    background: #38AC49;
    color: #fff;
}
.shoppingcartlist_sec .shoppingcart_footer .cart_btn .chekcout {
    background: #38AC49;
    color: #000;
    padding: 10px 48px;
    border-radius: 5px;
    font-weight: 600;
    color: #fff;
}
.shoppingcartlist_sec .shoppingcart_footer .cart_btn .chekcout {
    background: #278835;
}

/* 
===================================
Conatct Us Page Design
===================================  
*/
.header_sec .header_title h5 {
    margin-top: 46px;
    background: #ebebeb;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 2px;
    font-size: 16px;
}

/* 
===================================
Product Single Page Design
===================================  
*/

.image_slider .carousel-indicators img {
    width: 70px;
    display: block;
    border: 1px solid #333;
    border-radius: 4px;
}
.image_slider .carousel-indicators button{
    width: max-content!important;
}
.image_slider .carousel-indicators{
    position: unset;
}

.singleproduct_sec .product_info .share {
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
}
.singleproduct_sec .product_info .share ul li {
    list-style-type: none;
    float: left;
}
.singleproduct_sec .product_info .share ul li a {
    background: #ddd;
    display: block;
    padding: 6px;
    border-radius: 5px;
    color: #444;
    margin-left: 8px;
    line-height: 0;
    font-size: 11px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
}
.singleproduct_sec .product_info .share ul li a:hover {
    box-shadow: 1px 1px 1px #000;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.singleproduct_sec .product_info .description p {
    margin-bottom: 0;
    font-size: 14px;
    text-align: justify;
    line-height: 23px;
    color: #000;
    padding: 20px 0;
}
.singleproduct_sec .product_info .price span {
    font-size: 30px;
    color: #333;
    font-weight: 600;
}
.singleproduct_sec .product_info .price span del {
    color: #999999;
    font-size: 20px;
}

.singleproduct_sec .product_info .category h5 {
    font-size: 15px;
}

.singleproduct_sec .cart_section {
    border-bottom: 1px solid #ddd;
}
.singleproduct_sec .cart_section .quantity.buttons_added .minus {
    border-right: 0;
    border-top-left-radius: 19px;
    border-bottom-left-radius: 19px;
}
.singleproduct_sec .cart_section .quantity.buttons_added .plus {
    border-top-right-radius: 19px;
    border-bottom-right-radius: 19px;
}
.singleproduct_sec .cart_section .quantity.buttons_added .minus, .quantity.buttons_added .plus {
    padding: 7px 11px 8px;
    height: 41px;
    background-color: #38ab49;
    border: 1px solid #efefef;
    cursor: pointer;
}
.singleproduct_sec .cart_section .quantity .input-text.qty {
    width: 50px;
    height: 40px;
    padding: 0 5px;
    text-align: center;
    background-color: transparent;
    border: 1px solid #efefef;
}

.singleproduct_sec .cart_section .addto_cart a {
    background: #38ac49;
    color: #fff;
    padding: 12px 8px;
    border-radius: 20px;
    font-size: 13px;
}
.singleproduct_sec .cart_section .addto_cart a:hover {
    background: #257230;
}
.singleproduct_sec .cart_section .buy_cart a {
    color: #444;
    padding: 12px 12px;
    border-radius: 20px;
    border: 1px solid #ddd;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
    font-size: 14px;
}
.singleproduct_sec .cart_section .buy_cart a:hover {
    background: #257230;
    border: 1px solid #257230;
    color: #fff;
}
.singleproduct_sec .cart_section .addtowishlist a {
    color: #444;
    font-size: 15px;
}
.singleproduct_sec .delivery_sec {
    padding: 20px 40px;
    background: #ebebeb;
    border-radius: 20px;
}
.singleproduct_sec .delivery_sec .delivery_card .delivery_icon {
    font-size: 20px;
    color: #38ac49;
}
.singleproduct_sec .delivery_sec .delivery_card p {
    color: #444;
    font-size: 15px;
    letter-spacing: 1px;
}

.product_description h4 {
    font-size: 20px;
    font-weight: 600;
}
.product_description .line-wrap {
    display: flex;
    align-items: center;
    column-gap: 6px;
    margin-bottom: 20px;
}
.product_description .title-line {
    position: relative;
    width: 40px;
    height: 4px;
    background: #1b8057;
    border-radius: 30px;
}
.product_description .title-border {
    position: relative;
    width: 100%;
    height: 1px;
    background: #d7d7d7;
    flex: 1;
}

/* related product */
/* .related_product .bbb_viewed_title_container h3 {

} */

.related_product .bbb_viewed_title_container .line-wrap {
    display: flex;
    align-items: center;
    column-gap: 6px;
    margin-bottom: 20px;
}
.related_product .bbb_viewed_title_container .title-line {
    position: relative;
    width: 40px;
    height: 4px;
    background: #1b8057;
    border-radius: 30px;
}
.related_product .bbb_viewed_title_container .title-border {
    position: relative;
    width: 100%;
    height: 1px;
    background: #d7d7d7;
    flex: 1;
}
.related_product .bbb_viewed {
    padding-top: 51px;
    padding-bottom: 60px;
    background: #eff6fa
}
.related_product .bbb_main_container{
        background-color: #fff;
   padding: 11px;
}
.related_product .bbb_viewed_title {
        margin-bottom: 16px;
   margin-top: 8px;

}
.related_product .bbb_viewed_nav_container {
    position: absolute;
    right: 136px;
    top: 856px;
}
.related_product .bbb_viewed_nav {
    display: inline-block;
    cursor: pointer
}
.related_product .bbb_viewed_nav i {
    color: #dadada;
    font-size: 18px;
    padding: 5px;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease
}
.related_product .bbb_viewed_nav:hover i {
    color: #606264
}
.related_product .bbb_viewed_prev {
    margin-right: 15px
}
.related_product .bbb_viewed_slider_container {
    padding-top: 13px;
}
.related_product .bbb_viewed_item {
    width: 100%;
    background: #FFFFFF;
    border-radius: 2px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 20px;
    padding-right: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
}
.related_product .bbb_viewed_image {
        width: 150px;
   height: 150px;
}
.related_product .bbb_viewed_image img {
    display: block;
    max-width: 100%
}
.related_product .bbb_viewed_content {
    width: 100%;
    margin-top: 25px
}
.related_product .bbb_viewed_price {
    font-size: 16px;
    color: #000000;
    font-weight: 500
}
.related_product .bbb_viewed_item.discount .bbb_viewed_price {
    color: #df3b3b
}
.related_product .bbb_viewed_price span {
    position: relative;
    font-size: 12px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.6);
    margin-left: 8px
}
.related_product .bbb_viewed_price span::after {
    display: block;
    position: absolute;
    top: 6px;
    left: -2px;
    width: calc(100% + 4px);
    height: 1px;
    background: #8d8d8d;
    content: ''
}
.related_product .bbb_viewed_name {
    margin-top: 3px;
    height: 50px;
    overflow: hidden;
}
.related_product .bbb_viewed_name a {
    font-size: 14px;
    color: #000000;
    -webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease
}
.related_product .bbb_viewed_name a:hover {
    color: #0e8ce4
}
.related_product .item_marks {
    position: absolute;
    top: 18px;
    left: 18px
}
.related_product .item_mark {
    display: none;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    color: #FFFFFF;
    font-size: 10px;
    font-weight: 500;
    line-height: 36px;
    text-align: center
}
.related_product .item_discount { 
    background: #df3b3b;
    margin-right: 5px
}

.related_product .item_new {
    background: #0e8ce4
}

.related_product .bbb_viewed_item.discount .item_discount {
    display: inline-block
}

.related_product .bbb_viewed_item.is_new .item_new {
    display: inline-block
}

.related_product .bbb_viewed_item .addto_card a {
    background: #38ab49;
    color: #fff;
    font-size: 13px;
    padding: 5px 17px;
    border-radius: 3px;
    font-weight: 600;
    border: 1px solid #38ab49;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
}

.related_product .bbb_viewed_item .addto_card a:hover {
    background: #fff;
    border: 1px solid #ddd;
    color: #000;

}


/* 
===================================
Contact Page Design
===================================  
*/
.contact_form {
    box-shadow: 0px 0px 2px #333;
    padding: 25px;
    border-radius: 5px;
}
.contact_form h5 {
    font-weight: 600;
}

.contact_form .line-wrap {
    display: flex;
    align-items: center;
    column-gap: 6px;
    margin-bottom: 20px;
}
.contact_form .title-line {
    position: relative;
    width: 40px;
    height: 4px;
    background: #1b8057;
    border-radius: 30px;
}
.contact_form .title-border {
    position: relative;
    width: 100%;
    height: 1px;
    background: #d7d7d7;
    flex: 1;
}

.contact_address {
    box-shadow: 0px 0px 2px #333;
    padding: 25px;
    border-radius: 5px;
    min-height: 426px;
}
.contact_address h4 {
    font-weight: 600;
    font-size: 21px;
}
.contact_address .line-wrap {
    display: flex;
    align-items: center;
    column-gap: 6px;
    margin-bottom: 20px;
}
.contact_address .title-line {
    position: relative;
    width: 40px;
    height: 4px;
    background: #1b8057;
    border-radius: 30px;
}
.contact_address .title-border {
    position: relative;
    width: 100%;
    height: 1px;
    background: #d7d7d7;
    flex: 1;
}
.contact_address h5 {
    font-weight: 600;
    color: #444;
}
.contact_address p {
    margin-bottom: 5px;
    font-size: 15px;
    color: #444;
}
.contact_address .social ul li {
    display: inline-block;
    list-style-type: none;
    margin-left: 5px;
}
.contact_address .social ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    font-size: 15px;
    text-align: center;
    background: #f3f9f5;
    color: #1b8057;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
}
.contact_address .social ul li a:hover {
    background: #f8c519;
    color: #000;
}
/* 
===================================
Shop Page Design
===================================  
*/
.shop_sidebar {
    border: 1px solid #ddd;
    padding: 30px;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -ms-border-radius: 10px;
    -o-border-radius: 10px;
    margin-bottom: 10px;
}
.shop_sidebar h5 {
    color: #333;
    font-size: 16px;
    font-weight: 600;
}
.shop_sidebar .line-wrap {
    display: flex;
    align-items: center;
    column-gap: 6px;
    margin-bottom: 20px;
}
.shop_sidebar .title-line {
    position: relative;
    width: 40px;
    height: 4px;
    background: #1b8057;
    border-radius: 30px;
}
.shop_sidebar .title-border {
    position: relative;
    width: 100%;
    height: 1px;
    background: #d7d7d7;
    flex: 1;
}
.shop_sidebar ul li label {
    padding: 5px 0;
    font-size: 14px;
    color: #333;
    cursor: pointer;
}
.shop_sidebar ul li label:hover {
    color: #38ac49;
}
.shop_sidebar ul li label input {
    border: 1px solid #38ab49;
}
.shop_sidebar ul li span {
    font-size: 13px;
    color: #666;
    font-weight: 600;
}
.shop_sidebar .category_box{
    height: 250px;
    position: relative;
    background: #fff;
    overflow: hidden;
    transition: 0.5s;
    overflow-y: auto;
}
  
.shop_sidebar .category_box::-webkit-scrollbar {
    width: 5px;
}
  
  /* Track */
.shop_sidebar .category_box::-webkit-scrollbar-track {
  box-shadow: inset 0 0 5px grey; 
  border-radius: 10px;
}
  
  /* Handle */
.shop_sidebar .category_box::-webkit-scrollbar-thumb {
  background: #38AC49; 
  border-radius: 10px;
}
  
  /* Handle on hover */
.shop_sidebar .category_box::-webkit-scrollbar-thumb:hover {
  background: #ebdb03; 
}

.topshop_sec .sorting_sec select {
    font-size: 15px;
}
.shopproduct .product-grid {
    font-family: 'Poppins', sans-serif;
    text-align: center;
    box-shadow: 0px 0px 1px #444;
}
.shopproduct .product-grid .product-image{
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.shopproduct .product-grid .product-image a.image{
    display: block; 
}
.shopproduct .product-grid .product-image img {
    width: 100%;
    height: 255px;
}
.shopproduct .product-grid .product-discount-label{
    color: #fff;
    background: #A5BA8D;
    font-size: 13px;
    font-weight: 600;
    line-height: 25px;
    padding: 0 20px;
    position: absolute;
    top: 10px;
    left: 0;
}
.shopproduct .product-grid .product-links{
    padding: 0;
    margin: 0;
    list-style: none;
    position: absolute;
    top: 10px;
    right: -50px;
    transition: all .5s ease 0s;
}
.shopproduct .product-grid:hover .product-links{ right: 10px; }
.shopproduct .product-grid .product-links li a{
    color: #000;
    background: #fff;
    font-size: 17px;
    line-height: 38px;
    width: 38px;
    height: 38px;
    border: 1px solid #444;
    border-bottom: none;
    display: block;
    transition: all 0.3s;
}
.shopproduct .product-grid .product-links li:last-child a{ border-bottom: 1px solid #333; }
.shopproduct .product-grid .product-links li a:hover{
    color: #fff;
    background: #333;
}
.shopproduct .product-grid .add-to-cart {
    background: #38ab49;
    color: #fff;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 2px;
    width: 100%;
    padding: 6px 26px;
    position: absolute;
    left: 0;
    bottom: -60px;
    transition: all 0.3s ease 0s;
}
.shopproduct .product-grid:hover .add-to-cart { bottom: 0; }
.shopproduct .product-grid .add-to-cart:hover { text-shadow: 4px 4px rgba(0,0,0,0.2); }
.shopproduct .product-grid .product-content {
    padding: 8px;
    box-shadow: 0 0 0 5px rgba(0,0,0,0.1) inset;
}
.shopproduct .product-grid .title {
    font-size: 16px;
    font-weight: 600;
    text-transform: capitalize;
    margin: 0 0 7px;
    height: 22px;
    overflow: hidden;
}
.shopproduct .product-grid .title a {
    color: #777;
    transition: all 0.3s ease 0s;
    font-size: 15px;
}
.shopproduct .product-grid .title a:hover{ color: #a5ba8d; }
.shopproduct .product-grid .price{
    color: #0d0d0d;
    font-size: 14px;
    font-weight: 600;
}
.shopproduct .product-grid .price span{
    color: #888;
    font-size: 13px;
    font-weight: 400;
    text-decoration: line-through;
}
@media screen and (max-width: 990px){
    .shopproduct .product-grid{ margin-bottom: 30px; }
}

/* 
===================================
Cart page Design
===================================  
*/
.cart-section .table tbody td h2 {
    font-size: 17px;
    font-weight: 500;
    color: #000;
}
.cart-section .table tfoot td h4 {
    font-size: 17px;
    font-weight: 600;
    color: #000;
}
.cart-section .table tbody td a {
    color: #000;
}
.cart-section .table tbody td .qty-box input {
    width: 26px;
}
.cart-section .table tbody td .qty-box button {
    padding: 6px 12px;
    border: none;
    background: #ddd;
}
.cart-section .table tbody td .qty-box button:hover {
    background: #c5c5c5;
}

/* 
===================================
Login Register Design
===================================  
*/
.login-page .theme-card {
    box-shadow: 0px 0px 1px #333;
    border-radius: 5px;
    padding: 20px;
    border-top: 2px solid #38ab49;
}
.login-page .theme-card form label {
    color: #333;
    font-weight: 600;
    font-size: 14px;
}

/* 
===================================
Checkout Page Design
===================================  
*/
.checkout_sec .table thead tr th {
    font-size: 14px;
}
.checkout_sec .table tbody tr td {
    font-size: 14px;
}
.checkout_sec form label {
    font-size: 14px;
    font-weight: 600;
}
.checkout_sec form input {
    font-size: 14px;
    color: #444;
}

/* 
===================================
Customer Dashboard Design
===================================  
*/
.account-sidebar {
    box-shadow: 0px 0px 1px #444;
    border-radius: 5px;
}
.account-sidebar .popup-btn {
    font-size: 18px;
    text-transform: capitalize;
    background: #38ac49;
    display: block;
    color: #fff;
    text-align: center;
    padding: 7px 0;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.account-sidebar .dashboard-left .block-content ul {
    margin: 0;
    padding: 0;
}
.account-sidebar .dashboard-left .block-content ul li {
    list-style-type: none;
}
.account-sidebar .dashboard-left .block-content ul li a {
    display: block;
    color: #333;
    border-bottom: 1px solid #ddd;
    font-size: 14px;
    padding: 7px 0;
    font-weight: 600;
    padding: 7px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
}
.account-sidebar .dashboard-left .block-content ul li a:hover {
    background: #ddd;
}
.cus_dashboard .dashboard-right .dashboard .page-title h2 {
    font-size: 22px;
    font-weight: 600;
}
.cus_dashboard .dashboard-right .dashboard .box-head h2 {
    font-size: 22px;
    font-weight: 600;
}
.dashboard-right .dashboard .customer_form form input {
    margin-bottom: 6px;
    font-size: 14px;
}
.dashboard-right .dashboard .customer_form form label {
    font-size: 14px;
    font-weight: 600;
}
.profile-img img {
    width: 100%;
    height: 100%;
}
.profile-img .file input {
    position: absolute;
    opacity: 0;
    right: 0;
    top: 0;
}
.profile-img .file {
    position: relative;
    overflow: hidden;
    margin-top: 0%;
    width: 100%;
    border: none;
    border-radius: 0;
    font-size: 15px;
    background: #212529b8;
}
.dashboard-right .emp-profile form label {
    font-size: 14px;
}
.dashboard-right .emp-profile form input {
    font-size: 14px;
}
.customer_profile h4 {
    font-size: 19px;
    font-weight: 600;
}
.customer_profile .table thead tr th {
    font-size: 14px;
}
.customer_profile .table tbody tr td {
    font-size: 14px;
}

.order_details ul li {
    font-size: 14px;
}

/* 
===================================
Wishlist Design
===================================  
*/
.wishlist-section .table tbody tr td {
    font-size: 14px;
    color: #000;
}

/* 
===================================
About Page Design
===================================  
*/
.about-page img {
    float: left;
    width: 40%;
    margin-right: 20px;
}
.about-page h4 {
    font-size: 26px;
    font-weight: 600;
}
.about-page p {
    font-size: 16px;
    text-align: justify;
    line-height: 28px;
}

/* 
===================================
Footer Section Design
===================================  
*/
.footer {
    background-color: #38AC49;
    border-top: 1px solid #adadad;
}
.footer .footer_about h2,
.footer .quicklink h2,
.accounts h2,
.privacy_policy h2,
.newsletter h2 {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 20px;
    color: #fff;
}

.footer .footer_about .address p {
    margin-bottom: 0;
}
.footer .newsletter .address p {
    color: #fff;
}

.footer .footer_about p {
    font-size: 15px;
    color: #fff;
    line-height: 31px;
}
.footer .newsletter .social ul li {
    display: inline-block;
    list-style-type: none;
}
.footer .newsletter .social ul li a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 40px;
    width: 40px;
    font-size: 15px;
    text-align: center;
    background: #f3f9f5;
    color: #1b8057;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
}
.footer .newsletter .social ul li a:hover {
    background: #f8c519;
    color: #000;
}
.footer .quicklink ul li, 
.footer .accounts ul li,
.footer .privacy_policy ul li {
    list-style-type: none;
}
.footer .quicklink ul li a,
.footer .accounts ul li a, 
.footer .privacy_policy ul li a {
    font-size: 15px;
    color: #fff;
    line-height: 35px;
    transition: all .2s ease;
    -webkit-transition: all .2s ease;
    -moz-transition: all .2s ease;
    -ms-transition: all .2s ease;
    -o-transition: all .2s ease;
}
.footer .quicklink ul li a:hover,
.footer .accounts ul li a:hover, 
.footer .privacy_policy ul li a:hover {
    margin-left: 10px;
}

.footer_bottom {
    background: #000;
    padding: 10px 0;
}
.footer_bottom p {
    margin-bottom: 0;
    color: #fff;
    font-size: 13px;
}