/******************************************************************
  Template Name: Ogani
  Description:  Ogani eCommerce  HTML Template
  Author: Colorlib
  Author URI: https://colorlib.com
  Version: 1.0
  Created: Colorlib
******************************************************************/


/*------------------------------------------------------------------
[Table of contents]

1.  Template default CSS
	1.1	Variables
	1.2	Mixins
	1.3	Flexbox
	1.4	Reset
2.  Helper Css
3.  Header Section
4.  Hero Section
5.  Service Section
6.  Categories Section
7.  Featured Section
8.  Latest Product Section
9.  Contact
10.  Footer Style
-------------------------------------------------------------------*/


/*----------------------------------------*/


/* Template default CSS
/*----------------------------------------*/

html,
body {
    height: 100%;
    font-family: "Cairo", sans-serif;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    color: #105e1d;
    font-weight: 400;
    font-family: "Cairo", sans-serif;
}

h1 {
    font-size: 70px;
}

h2 {
    font-size: 36px;
}

h3 {
    font-size: 30px;
}

h4 {
    font-size: 24px;
}

h5 {
    font-size: 18px;
}

h6 {
    font-size: 16px;
}

p {
    font-size: 16px;
    font-family: "Cairo", sans-serif;
    color: #6f6f6f;
    font-weight: 400;
    line-height: 26px;
    margin: 0 0 15px 0;
}

img {
    max-width: 100%;
}

input:focus,
select:focus,
button:focus,
textarea:focus {
    outline: none;
}


/* a:hover,
a:focus {
    text-decoration: none;
    outline: none;
    color: #0000 !important;
} */

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


/*---------------------
  Helper CSS
-----------------------*/



.section-title {
    margin-bottom: 50px;
    text-align: center;
}

.section-title h2 {
    color: #1c1c1c;
    font-weight: 700;
    position: relative;
}

.section-title h2:after {
    position: absolute;
    left: 0;
    bottom: -15px;
    right: 0;
    height: 4px;
    width: 80px;
    background: #7fad39;
    content: "";
    margin: 0 auto;
}

.set-bg {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
}

.spad {
    padding-top: 100px;
    padding-bottom: 100px;
}

.text-white h1,
.text-white h2,
.text-white h3,
.text-white h4,
.text-white h5,
.text-white h6,
.text-white p,
.text-white span,
.text-white li,
.text-white a {
    color: #fff;
}


/* buttons */

.primary-btn {
    display: inline-block;
    font-size: 14px;
    padding: 10px 28px 10px;
    color: #ffffff;
    text-transform: uppercase;
    font-weight: 700;
    background: #7fad39;
    letter-spacing: 2px;
}

.site-btn {
    font-size: 14px;
    color: #ffffff;
    font-weight: 800;
    text-transform: uppercase;
    display: inline-block;
    padding: 13px 30px 12px;
    background: #7fad39;
    border: none;
}


/* Preloder */

#preloder {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 999999;
    background: #000;
}

.loader {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -13px;
    margin-left: -13px;
    border-radius: 60px;
    animation: loader 0.8s linear infinite;
    -webkit-animation: loader 0.8s linear infinite;
}

@keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }

    50% {
        -webkit-transform: rotate(180deg);
        transform: rotate(180deg);
        border: 4px solid #673ab7;
        border-left-color: transparent;
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }
}

@-webkit-keyframes loader {
    0% {
        -webkit-transform: rotate(0deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }

    50% {
        -webkit-transform: rotate(180deg);
        border: 4px solid #673ab7;
        border-left-color: transparent;
    }

    100% {
        -webkit-transform: rotate(360deg);
        border: 4px solid #f44336;
        border-left-color: transparent;
    }
}


/*---------------------
  Header
-----------------------*/

/* .header__top {
    background: #f5f5f5;
}

.header__top__left {
    padding: 10px 0 13px;
}

.header__top__left ul li {
    font-size: 14px;
    color: #1c1c1c;
    display: inline-block;
    margin-right: 45px;
    position: relative;
}

.header__top__left ul li:after {
    position: absolute;
    right: -25px;
    top: 1px;
    height: 20px;
    width: 1px;
    background: #000000;
    opacity: 0.1;
    content: "";
}

.header__top__left ul li:last-child {
    margin-right: 0;
}

.header__top__left ul li:last-child:after {
    display: none;
}

.header__top__left ul li i {
    color: #252525;
    margin-right: 5px;
}

.header__top__right {
    text-align: right;
    padding: 10px 0 13px;
}

.header__top__right__social {
    position: relative;
    display: inline-block;
    margin-right: 35px;
}

.header__top__right__social:after {
    position: absolute;
    right: -20px;
    top: 1px;
    height: 20px;
    width: 1px;
    background: #000000;
    opacity: 0.1;
    content: "";
}

.header__top__right__social a {
    font-size: 14px;
    display: inline-block;
    color: #1c1c1c;
    margin-right: 20px;
}

.header__top__right__social a:last-child {
    margin-right: 0;
}

.header__top__right__language {
    position: relative;
    display: inline-block;
    margin-right: 40px;
    cursor: pointer;
}

.header__top__right__language:hover ul {
    top: 23px;
    opacity: 1;
    visibility: visible;
}

.header__top__right__language:after {
    position: absolute;
    right: -21px;
    top: 1px;
    height: 20px;
    width: 1px;
    background: #000000;
    opacity: 0.1;
    content: "";
}

.header__top__right__language img {
    margin-right: 6px;
}

.header__top__right__language div {
    font-size: 14px;
    color: #1c1c1c;
    display: inline-block;
    margin-right: 4px;
}

.header__top__right__language span {
    font-size: 14px;
    color: #1c1c1c;
    position: relative;
    top: 2px;
}

.header__top__right__language ul {
    background: #222222;
    width: 100px;
    text-align: left;
    padding: 5px 0;
    position: absolute;
    left: 0;
    top: 43px;
    z-index: 9;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -ms-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.header__top__right__language ul li {
    list-style: none;
}

.header__top__right__language ul li a {
    font-size: 14px;
    color: #ffffff;
    padding: 5px 10px;
}

.header__top__right__auth {
    display: inline-block;
}

.header__top__right__auth a {
    display: block;
    font-size: 14px;
    color: #1c1c1c;
}

.header__top__right__auth a i {
    margin-right: 6px;
}

.header__logo {
    padding: 15px 0;
}

.header__logo a {
    display: inline-block;
}

.header__menu {
    padding: 24px 0;
}

.header__menu ul li {
    list-style: none;
    display: inline-block;
    margin-right: 50px;
    position: relative;
}

.header__menu ul li .header__menu__dropdown {
    position: absolute;
    left: 0;
    top: 50px;
    background: #222222;
    width: 180px;
    z-index: 9;
    padding: 5px 0;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -ms-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
    opacity: 0;
    visibility: hidden;
}

.header__menu ul li .header__menu__dropdown li {
    margin-right: 0;
    display: block;
}

.header__menu ul li .header__menu__dropdown li:hover>a {
    color: #7fad39;
}

.header__menu ul li .header__menu__dropdown li a {
    text-transform: capitalize;
    color: #ffffff;
    font-weight: 400;
    padding: 5px 15px;
}

.header__menu ul li.active a {
    color: #7fad39;
}

.header__menu ul li:hover .header__menu__dropdown {
    top: 30px;
    opacity: 1;
    visibility: visible;
}

.header__menu ul li:hover>a {
    color: #7fad39;
}

.header__menu ul li:last-child {
    margin-right: 0;
}

.header__menu ul li a {
    font-size: 14px;
    color: #252525;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 2px;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -ms-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
    padding: 5px 0;
    display: block;
}

.header__cart {
    text-align: right;
    padding: 24px 0;
}

.header__cart ul {
    display: inline-block;
    margin-right: 25px;
}

.header__cart ul li {
    list-style: none;
    display: inline-block;
    margin-right: 15px;
}

.header__cart ul li:last-child {
    margin-right: 0;
}

.header__cart ul li a {
    position: relative;
}

.header__cart ul li a i {
    font-size: 18px;
    color: #1c1c1c;
}

.header__cart ul li a span {
    height: 13px;
    width: 13px;
    background: #7fad39;
    font-size: 10px;
    color: #ffffff;
    line-height: 13px;
    text-align: center;
    font-weight: 700;
    display: inline-block;
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: -12px;
}

.header__cart .header__cart__price {
    font-size: 14px;
    color: #6f6f6f;
    display: inline-block;
}

.header__cart .header__cart__price span {
    color: #252525;
    font-weight: 700;
}

.humberger__menu__wrapper {
    display: none;
}

.humberger__open {
    display: none;
} */

header#default_header {
    position: sticky;
    top: 0;
    z-index: 1030;
    background: linear-gradient(90deg, #0a9b73 0%, #11c784 100%);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
    font-family: 'Poppins', sans-serif;
}

/* Header top padding and container */
.header_top {
    padding: 10px 0;
}

.header_top .container-fluid {
    max-width: 1300px;
    margin: auto;
}

/* ===== Logo Section ===== */
.header_top img {
    height: 60px;
    width: auto;
    transition: all 0.3s ease;
}

header#default_header.scrolled img {
    height: 50px;
}

/* ===== Search Bar ===== */
.header_top .form-control {
    font-size: 15px;
    border: none;
    border-radius: 40px;
    padding: 10px 20px 10px 45px;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
}

.header_top .form-control:focus {
    box-shadow: 0 0 0 0.25rem rgba(17, 199, 132, 0.25);
    outline: none;
}

.header_top .fa-search {
    position: absolute;
    left: 18px;
    top: 11px;
    color: #0a9b73;
    font-size: 16px;
}

/* ===== Right Icons ===== */
.header_top a {
    color: #fff !important;
    font-weight: 500;
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

.header_top a:hover {
    color: #fff !important;
    opacity: 0.8;
    transform: translateY(-1px);
}

.header_top i {
    font-size: 17px;
    margin-right: 6px;
}

/* ===== Buttons ===== */
.header_top .btn-outline-light {
    background: transparent;
    border: none;
    color: #fff !important;
    font-weight: 600;
    border-radius: 25px;
    padding: 6px 18px;
    transition: all 0.3s ease;
}

.header_top .btn-outline-light:hover {
    background: #fff;
    color: #0a9b73 !important;
    box-shadow: none;
}

.header_top .badge {
    background: #fff;
    color: #0a9b73;
    font-weight: 700;
    border-radius: 50%;
    font-size: 12px;
}

.dropdown-menu {
    border: none;
    border-radius: 10px;
    box-shadow: 0 6px 18px rgba(0, 0, 0, 0.1);
}

.dropdown-menu a {
    font-size: 15px;
    font-weight: 500;
    color: #333 !important;
}

.dropdown-menu a:hover {
    background-color: #e8fff3;
    color: #0a9b73 !important;
}



/* @media (max-width: 768px) {
    .header_top {
        text-align: center;
    }

    .header_top .col-auto {
        justify-content: center;
    }

    .header_top .col-lg-5.col-md-6.col-12 {
        order: 3;
        margin-top: 10px;
    }

    .header_top .d-flex.justify-content-end {
        justify-content: center !important;
        flex-wrap: wrap;
    }

    .header_top .btn-outline-light {
        margin-top: 8px;
    }

    .header_top input.form-control {
        width: 100%;
        margin: auto;
    }
} */





.cart-badge {
  position: absolute;
  top: -6px;
  right: -8px;
  background: #fff;
  color: #0a9b73;
  font-size: 11px;
  border-radius: 50%;
  padding: 2px 5px;
}

/*---------------------
  Hero
-----------------------*/

.hero {
    padding-bottom: 50px;
}

.hero.hero-normal {
    padding-bottom: 30px;
}

.hero.hero-normal .hero__categories {
    position: relative;
}

.hero.hero-normal .hero__categories ul {
    display: none;
    position: absolute;
    left: 0;
    top: 46px;
    width: 100%;
    z-index: 9;
    background: #ffffff;
}

.hero.hero-normal .hero__search {
    margin-bottom: 0;
}

.hero__categories__all {
    background: #7fad39;
    position: relative;
    padding: 10px 25px 10px 40px;
    cursor: pointer;
}

.hero__categories__all i {
    font-size: 16px;
    color: #ffffff;
    margin-right: 10px;
}

.hero__categories__all span {
    font-size: 18px;
    font-weight: 700;
    color: #ffffff;
}

.hero__categories__all:after {
    position: absolute;
    right: 18px;
    top: 9px;
    content: "3";
    font-family: "ElegantIcons";
    font-size: 18px;
    color: #ffffff;
}

.hero__categories ul {
    border: 1px solid #ebebeb;
    padding-left: 40px;
    padding-top: 10px;
    padding-bottom: 12px;
}

.hero__categories ul li {
    list-style: none;
}

.hero__categories ul li a {
    font-size: 16px;
    color: #1c1c1c;
    line-height: 39px;
    display: block;
}

.hero__search {
    overflow: hidden;
    margin-bottom: 30px;
}

.hero__search__form {
    width: 610px;
    height: 50px;
    border: 1px solid #ebebeb;
    position: relative;
    float: left;
}

.hero__search__form form .hero__search__categories {
    width: 30%;
    float: left;
    font-size: 16px;
    color: #1c1c1c;
    font-weight: 700;
    padding-left: 18px;
    padding-top: 11px;
    position: relative;
}

.hero__search__form form .hero__search__categories:after {
    position: absolute;
    right: 0;
    top: 14px;
    height: 20px;
    width: 1px;
    background: #000000;
    opacity: 0.1;
    content: "";
}

.hero__search__form form .hero__search__categories span {
    position: absolute;
    right: 14px;
    top: 14px;
}

.hero__search__form form input {
    width: 70%;
    border: none;
    height: 48px;
    font-size: 16px;
    color: #b2b2b2;
    padding-left: 20px;
}

.hero__search__form form input::placeholder {
    color: #b2b2b2;
}

.hero__search__form form button {
    position: absolute;
    right: 0;
    top: -1px;
    height: 50px;
}

.hero__search__phone {
    float: right;
}

.hero__search__phone__icon {
    font-size: 18px;
    color: #7fad39;
    height: 50px;
    width: 50px;
    background: #f5f5f5;
    line-height: 50px;
    text-align: center;
    border-radius: 50%;
    float: left;
    margin-right: 20px;
}

.hero__search__phone__text {
    overflow: hidden;
}

.hero__search__phone__text h5 {
    color: #1c1c1c;
    font-weight: 700;
    margin-bottom: 5px;
}

.hero__search__phone__text span {
    font-size: 14px;
    color: #6f6f6f;
}

.hero__item {
    height: 431px;
    display: flex;
    align-items: center;
    padding-left: 75px;
}

.hero__text span {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 4px;
    color: #7fad39;
}

.hero__text h2 {
    font-size: 46px;
    color: #252525;
    line-height: 52px;
    font-weight: 700;
    margin: 10px 0;
}

.hero__text p {
    margin-bottom: 35px;
}


/*---------------------
  Categories
-----------------------*/

.categories__item {
    height: 270px;
    position: relative;
}

.categories__item h5 {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0 20px;
    bottom: 20px;
    text-align: center;
}

.categories__item h5 a {
    font-size: 18px;
    color: #1c1c1c;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 2px;
    padding: 12px 0 10px;
    background: #ffffff;
    display: block;
}

.categories__slider .col-lg-3 {
    max-width: 100%;
}

.categories__slider.owl-carousel .owl-nav button {
    font-size: 18px;
    color: #1c1c1c;
    height: 70px;
    width: 30px;
    line-height: 70px;
    text-align: center;
    border: 1px solid #ebebeb;
    position: absolute;
    left: -35px;
    top: 50%;
    -webkit-transform: translateY(-35px);
    background: #ffffff;
}

.categories__slider.owl-carousel .owl-nav button.owl-next {
    left: auto;
    right: -35px;
}


/*---------------------
  Featured
-----------------------*/

.featured {
    padding-top: 80px;
    padding-bottom: 40px;
}

.featured__controls {
    text-align: center;
    margin-bottom: 50px;
}

.featured__controls ul li {
    list-style: none;
    font-size: 18px;
    color: #1c1c1c;
    display: inline-block;
    margin-right: 25px;
    position: relative;
    cursor: pointer;
}

.featured__controls ul li.active:after {
    opacity: 1;
}

.featured__controls ul li:after {
    position: absolute;
    left: 0;
    bottom: -2px;
    width: 100%;
    height: 2px;
    background: #7fad39;
    content: "";
    opacity: 0;
}

.featured__controls ul li:last-child {
    margin-right: 0;
}

.featured__item {
    margin-bottom: 50px;
}

.featured__item:hover .featured__item__pic .featured__item__pic__hover {
    bottom: 20px;
}

.featured__item__pic {
    height: 270px;
    position: relative;
    overflow: hidden;
    background-position: center center;
}

.featured__item__pic__hover {
    position: absolute;
    left: 0;
    bottom: -50px;
    width: 100%;
    text-align: center;
    -webkit-transition: all, 0.5s;
    -moz-transition: all, 0.5s;
    -ms-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
}

.featured__item__pic__hover li {
    list-style: none;
    display: inline-block;
    margin-right: 6px;
}

.featured__item__pic__hover li:last-child {
    margin-right: 0;
}

.featured__item__pic__hover li:hover a {
    background: #7fad39;
    border-color: #7fad39;
}

.featured__item__pic__hover li:hover a i {
    color: #ffffff;
    transform: rotate(360deg);
}

.featured__item__pic__hover li a {
    font-size: 16px;
    color: #1c1c1c;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #ebebeb;
    background: #ffffff;
    display: block;
    border-radius: 50%;
    -webkit-transition: all, 0.5s;
    -moz-transition: all, 0.5s;
    -ms-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
}

.featured__item__pic__hover li a i {
    position: relative;
    transform: rotate(0);
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -ms-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.featured__item__text {
    text-align: center;
    padding-top: 15px;
}

.featured__item__text h6 {
    margin-bottom: 10px;
}

.featured__item__text h6 a {
    color: #252525;
}

.featured__item__text h5 {
    color: #252525;
    font-weight: 700;
}


/*---------------------
  Latest Product
-----------------------*/

.latest-product {
    padding-top: 80px;
    padding-bottom: 0;
}

.latest-product__text h4 {
    font-weight: 700;
    color: #1c1c1c;
    margin-bottom: 45px;
}

.latest-product__slider.owl-carousel .owl-nav {
    position: absolute;
    right: 20px;
    top: -75px;
}

.latest-product__slider.owl-carousel .owl-nav button {
    height: 30px;
    width: 30px;
    background: #F3F6FA;
    border: 1px solid #e6e6e6;
    font-size: 14px;
    color: #636363;
    margin-right: 10px;
    line-height: 30px;
    text-align: center;
}

.latest-product__slider.owl-carousel .owl-nav button span {
    font-weight: 700;
}

.latest-product__slider.owl-carousel .owl-nav button:last-child {
    margin-right: 0;
}

.latest-product__item {
    margin-bottom: 20px;
    overflow: hidden;
    display: block;
}

.latest-product__item__pic {
    float: left;
    margin-right: 26px;
}

.latest-product__item__pic img {
    height: 110px;
    width: 110px;
}

.latest-product__item__text {
    overflow: hidden;
    padding-top: 10px;
}

.latest-product__item__text h6 {
    color: #252525;
    margin-bottom: 8px;
}

.latest-product__item__text span {
    font-size: 18px;
    display: block;
    color: #252525;
    font-weight: 700;
}


/*---------------------
  Form BLog
-----------------------*/

.from-blog {
    padding-top: 50px;
    padding-bottom: 50px;
}

.from-blog .blog__item {
    margin-bottom: 30px;
}

.from-blog__title {
    margin-bottom: 70px;
}


/*---------------------
  Breadcrumb
-----------------------*/

.breadcrumb-section {
    display: flex;
    align-items: center;
    padding: 45px 0 40px;
}

.breadcrumb__text h2 {
    font-size: 46px;
    color: #ffffff;
    font-weight: 700;
}

.breadcrumb__option a {
    display: inline-block;
    font-size: 16px;
    color: #ffffff;
    font-weight: 700;
    margin-right: 20px;
    position: relative;
}

.breadcrumb__option a:after {
    position: absolute;
    right: -12px;
    top: 13px;
    height: 1px;
    width: 10px;
    background: #ffffff;
    content: "";
}

.breadcrumb__option span {
    display: inline-block;
    font-size: 16px;
    color: #ffffff;
}


/*---------------------
  Sidebar
-----------------------*/

.sidebar__item {
    margin-bottom: 35px;
}

.sidebar__item.sidebar__item__color--option {
    overflow: hidden;
}

.sidebar__item h4 {
    color: #1c1c1c;
    font-weight: 700;
    margin-bottom: 25px;
}

.sidebar__item ul li {
    list-style: none;
}

.sidebar__item ul li a {
    font-size: 16px;
    color: #1c1c1c;
    line-height: 39px;
    display: block;
}

.sidebar__item .latest-product__text {
    position: relative;
}

.sidebar__item .latest-product__text h4 {
    margin-bottom: 45px;
}

.sidebar__item .latest-product__text .owl-carousel .owl-nav {
    right: 0;
}

.price-range-wrap .range-slider {
    margin-top: 20px;
}

.price-range-wrap .range-slider .price-input {
    position: relative;
}

.price-range-wrap .range-slider .price-input:after {
    position: absolute;
    left: 38px;
    top: 13px;
    height: 1px;
    width: 5px;
    background: #dd2222;
    content: "";
}

.price-range-wrap .range-slider .price-input input {
    font-size: 16px;
    color: #dd2222;
    font-weight: 700;
    max-width: 20%;
    border: none;
    display: inline-block;
}

.price-range-wrap .price-range {
    border-radius: 0;
}

.price-range-wrap .price-range.ui-widget-content {
    border: none;
    background: #ebebeb;
    height: 5px;
}

.price-range-wrap .price-range.ui-widget-content .ui-slider-handle {
    height: 13px;
    width: 13px;
    border-radius: 50%;
    background: #ffffff;
    border: none;
    -webkit-box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 10px rgba(0, 0, 0, 0.2);
    outline: none;
    cursor: pointer;
}

.price-range-wrap .price-range .ui-slider-range {
    background: #dd2222;
    border-radius: 0;
}

.price-range-wrap .price-range .ui-slider-range.ui-corner-all.ui-widget-header:last-child {
    background: #dd2222;
}

.sidebar__item__color {
    float: left;
    width: 40%;
}

.sidebar__item__color.sidebar__item__color--white label:after {
    border: 2px solid #333333;
    background: transparent;
}

.sidebar__item__color.sidebar__item__color--gray label:after {
    background: #E9A625;
}

.sidebar__item__color.sidebar__item__color--red label:after {
    background: #D62D2D;
}

.sidebar__item__color.sidebar__item__color--black label:after {
    background: #252525;
}

.sidebar__item__color.sidebar__item__color--blue label:after {
    background: #249BC8;
}

.sidebar__item__color.sidebar__item__color--green label:after {
    background: #3CC032;
}

.sidebar__item__color label {
    font-size: 16px;
    color: #333333;
    position: relative;
    padding-left: 32px;
    cursor: pointer;
}

.sidebar__item__color label input {
    position: absolute;
    visibility: hidden;
}

.sidebar__item__color label:after {
    position: absolute;
    left: 0;
    top: 5px;
    height: 14px;
    width: 14px;
    background: #222;
    content: "";
    border-radius: 50%;
}

.sidebar__item__size {
    display: inline-block;
    margin-right: 16px;
    margin-bottom: 10px;
}

.sidebar__item__size label {
    font-size: 12px;
    color: #6f6f6f;
    display: inline-block;
    padding: 8px 25px 6px;
    background: #f5f5f5;
    cursor: pointer;
    margin-bottom: 0;
}

.sidebar__item__size label input {
    position: absolute;
    visibility: hidden;
}


/*---------------------
  Shop Grid
-----------------------*/

.product {
    padding-top: 80px;
    padding-bottom: 80px;
}

.product__discount {
    padding-bottom: 50px;
}

.product__discount__title {
    text-align: left;
    margin-bottom: 65px;
}

.product__discount__title h2 {
    display: inline-block;
}

.product__discount__title h2:after {
    margin: 0;
    width: 100%;
}

.product__discount__item:hover .product__discount__item__pic .product__item__pic__hover {
    bottom: 20px;
}

.product__discount__item__pic {
    height: 270px;
    position: relative;
    overflow: hidden;
}

.product__discount__item__pic .product__discount__percent {
    height: 45px;
    width: 45px;
    background: #dd2222;
    border-radius: 50%;
    font-size: 14px;
    color: #ffffff;
    line-height: 45px;
    text-align: center;
    position: absolute;
    left: 15px;
    top: 15px;
}

.product__item__pic__hover {
    position: absolute;
    left: 0;
    bottom: -50px;
    width: 100%;
    text-align: center;
    -webkit-transition: all, 0.5s;
    -moz-transition: all, 0.5s;
    -ms-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
}

.product__item__pic__hover li {
    list-style: none;
    display: inline-block;
    margin-right: 6px;
}

.product__item__pic__hover li:last-child {
    margin-right: 0;
}

.product__item__pic__hover li:hover a {
    background: #7fad39;
    border-color: #7fad39;
}

.product__item__pic__hover li:hover a i {
    color: #0000;
    transform: rotate(360deg);
}

.product__item__pic__hover li a {
    font-size: 16px;
    color: #1c1c1c;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #ebebeb;
    background: #ffffff;
    display: block;
    border-radius: 50%;
    -webkit-transition: all, 0.5s;
    -moz-transition: all, 0.5s;
    -ms-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
}

.product__item__pic__hover li a i {
    position: relative;
    transform: rotate(0);
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -ms-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.product__discount__item__text {
    text-align: center;
    padding-top: 20px;
}

.product__discount__item__text span {
    font-size: 14px;
    color: #b2b2b2;
    display: block;
    margin-bottom: 4px;
}

.product__discount__item__text h5 {
    margin-bottom: 6px;
}

.product__discount__item__text h5 a {
    color: #1c1c1c;
}

.product__discount__item__text .product__item__price {
    font-size: 18px;
    color: #1c1c1c;
    font-weight: 700;
}

.product__discount__item__text .product__item__price span {
    display: inline-block;
    font-weight: 400;
    text-decoration: line-through;
    margin-left: 10px;
}

.product__discount__slider .col-lg-4 {
    max-width: 100%;
}

.product__discount__slider.owl-carousel .owl-dots {
    text-align: center;
    margin-top: 30px;
}

.product__discount__slider.owl-carousel .owl-dots button {
    height: 12px;
    width: 12px;
    border: 1px solid #b2b2b2;
    border-radius: 50%;
    margin-right: 12px;
}

.product__discount__slider.owl-carousel .owl-dots button.active {
    background: #707070;
    border-color: #6f6f6f;
}

.product__discount__slider.owl-carousel .owl-dots button:last-child {
    margin-right: 0;
}

.filter__item {
    padding-top: 45px;
    border-top: 1px solid #ebebeb;
    padding-bottom: 20px;
}

.filter__sort {
    margin-bottom: 15px;
}

.filter__sort span {
    font-size: 16px;
    color: #6f6f6f;
    display: inline-block;
}

.filter__sort .nice-select {
    background-color: #fff;
    border-radius: 0;
    border: none;
    display: inline-block;
    float: none;
    height: 0;
    line-height: 0;
    padding-left: 18px;
    padding-right: 30px;
    font-size: 16px;
    color: #1c1c1c;
    font-weight: 700;
    cursor: pointer;
}

.filter__sort .nice-select span {
    color: #1c1c1c;
}

.filter__sort .nice-select:after {
    border-bottom: 1.5px solid #1c1c1c;
    border-right: 1.5px solid #1c1c1c;
    height: 8px;
    margin-top: 0;
    right: 16px;
    width: 8px;
    top: -5px;
}

.filter__sort .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
}

.filter__sort .nice-select .list {
    border-radius: 0;
    margin-top: 0;
    top: 15px;
}

.filter__sort .nice-select .option {
    line-height: 30px;
    min-height: 30px;
}

.filter__found {
    text-align: center;
    margin-bottom: 15px;
}

.filter__found h6 {
    font-size: 16px;
    color: #b2b2b2;
}

.filter__found h6 span {
    color: #1c1c1c;
    font-weight: 700;
    margin-right: 5px;
}

.filter__option {
    text-align: right;
    margin-bottom: 15px;
}

.filter__option span {
    font-size: 24px;
    color: #b2b2b2;
    margin-right: 10px;
    cursor: pointer;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -ms-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.filter__option span:last-child {
    margin: 0;
}

.filter__option span:hover {
    color: #7fad39;
}

.product__item {
    margin-bottom: 50px;
}

.product__item:hover .product__item__pic .product__item__pic__hover {
    bottom: 20px;
}

.product__item__pic {
    height: 270px;
    position: relative;
    overflow: hidden;
}

.product__item__pic__hover {
    position: absolute;
    left: 0;
    bottom: -50px;
    width: 100%;
    text-align: center;
    -webkit-transition: all, 0.5s;
    -moz-transition: all, 0.5s;
    -ms-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
}

.product__item__pic__hover li {
    list-style: none;
    display: inline-block;
    margin-right: 6px;
}

.product__item__pic__hover li:last-child {
    margin-right: 0;
}

.product__item__pic__hover li:hover a {
    background: #7fad39;
    border-color: #7fad39;
}

.product__item__pic__hover li:hover a i {
    color: #ffffff;
    transform: rotate(360deg);
}

.product__item__pic__hover li a {
    font-size: 16px;
    color: #1c1c1c;
    height: 40px;
    width: 40px;
    line-height: 40px;
    text-align: center;
    border: 1px solid #ebebeb;
    background: #ffffff;
    display: block;
    border-radius: 50%;
    -webkit-transition: all, 0.5s;
    -moz-transition: all, 0.5s;
    -ms-transition: all, 0.5s;
    -o-transition: all, 0.5s;
    transition: all, 0.5s;
}

.product__item__pic__hover li a i {
    position: relative;
    transform: rotate(0);
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -ms-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.product__item__text {
    text-align: center;
    padding-top: 15px;
}

.product__item__text h6 {
    margin-bottom: 10px;
}

.product__item__text h6 a {
    color: #252525;
}

.product__item__text h5 {
    color: #252525;
    font-weight: 700;
}

.product__pagination,
.blog__pagination {
    padding-top: 10px;
}

.product__pagination a,
.blog__pagination a {
    display: inline-block;
    width: 30px;
    height: 30px;
    border: 1px solid #b2b2b2;
    font-size: 14px;
    color: #b2b2b2;
    font-weight: 700;
    line-height: 28px;
    text-align: center;
    margin-right: 16px;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -ms-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.product__pagination a:hover,
.blog__pagination a:hover {
    background: #7fad39;
    border-color: #7fad39;
    color: #0000;
}

.product__pagination a:last-child,
.blog__pagination a:last-child {
    margin-right: 0;
}


/*---------------------
  Shop Details
-----------------------*/

.product-details {
    padding-top: 80px;
}

.product__details__pic__item {
    margin-bottom: 20px;
}

.product__details__pic__item img {
    min-width: 100%;
}

.product__details__pic__slider img {
    cursor: pointer;
}

.product__details__pic__slider.owl-carousel .owl-item img {
    width: auto;
}

.product__details__text h3 {
    color: #252525;
    font-weight: 700;
    margin-bottom: 16px;
}

.product__details__text .product__details__rating {
    font-size: 14px;
    margin-bottom: 12px;
}

.product__details__text .product__details__rating i {
    margin-right: -2px;
    color: #EDBB0E;
}

.product__details__text .product__details__rating span {
    color: #dd2222;
    margin-left: 4px;
}

.product__details__text .product__details__price {
    font-size: 30px;
    color: #dd2222;
    font-weight: 600;
    margin-bottom: 15px;
}

.product__details__text p {
    margin-bottom: 45px;
}

.product__details__text .primary-btn {
    padding: 16px 28px 14px;
    margin-right: 6px;
    margin-bottom: 5px;
}

.product__details__text .heart-icon {
    display: inline-block;
    font-size: 16px;
    color: #6f6f6f;
    padding: 13px 16px 13px;
    background: #f5f5f5;
}

.product__details__text ul {
    border-top: 1px solid #ebebeb;
    padding-top: 40px;
    margin-top: 50px;
}

.product__details__text ul li {
    font-size: 16px;
    color: #1c1c1c;
    list-style: none;
    line-height: 36px;
}

.product__details__text ul li b {
    font-weight: 700;
    width: 170px;
    display: inline-block;
}

.product__details__text ul li span samp {
    color: #dd2222;
}

.product__details__text ul li .share {
    display: inline-block;
}

.product__details__text ul li .share a {
    display: inline-block;
    font-size: 15px;
    color: #1c1c1c;
    margin-right: 25px;
}

.product__details__text ul li .share a:last-child {
    margin-right: 0;
}

.product__details__quantity {
    display: inline-block;
    margin-right: 6px;
}

.pro-qty {
    width: 140px;
    height: 50px;
    display: inline-block;
    position: relative;
    text-align: center;
    background: #f5f5f5;
    margin-bottom: 5px;
}

.pro-qty input {
    height: 100%;
    width: 100%;
    font-size: 16px;
    color: #6f6f6f;
    width: 50px;
    border: none;
    background: #f5f5f5;
    text-align: center;
}

.pro-qty .qtybtn {
    width: 35px;
    font-size: 16px;
    color: #6f6f6f;
    cursor: pointer;
    display: inline-block;
}

.product__details__tab {
    padding-top: 85px;
}

.product__details__tab .nav-tabs {
    border-bottom: none;
    justify-content: center;
    position: relative;
}

.product__details__tab .nav-tabs:before {
    position: absolute;
    left: 0;
    top: 12px;
    height: 1px;
    width: 370px;
    background: #ebebeb;
    content: "";
}

.product__details__tab .nav-tabs:after {
    position: absolute;
    right: 0;
    top: 12px;
    height: 1px;
    width: 370px;
    background: #ebebeb;
    content: "";
}

.product__details__tab .nav-tabs li {
    margin-bottom: 0;
    margin-right: 65px;
}

.product__details__tab .nav-tabs li:last-child {
    margin-right: 0;
}

.product__details__tab .nav-tabs li a {
    font-size: 16px;
    color: #999999;
    font-weight: 700;
    border: none;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    padding: 0;
}

.product__details__tab .product__details__tab__desc {
    padding-top: 44px;
}

.product__details__tab .product__details__tab__desc h6 {
    font-weight: 700;
    color: #333333;
    margin-bottom: 26px;
}

.product__details__tab .product__details__tab__desc p {
    color: #666666;
}


/*---------------------
  Shop Details
-----------------------*/

.related-product {
    padding-bottom: 30px;
}

.related__product__title {
    margin-bottom: 70px;
}


/*---------------------
  Shop Cart
-----------------------*/

.shoping-cart {
    padding-top: 80px;
    padding-bottom: 80px;
}

.shoping__cart__table {
    margin-bottom: 30px;
}

.shoping__cart__table table {
    width: 100%;
    text-align: center;
}

.shoping__cart__table table thead tr {
    border-bottom: 1px solid #ebebeb;
}

.shoping__cart__table table thead th {
    font-size: 20px;
    font-weight: 700;
    color: #1c1c1c;
    padding-bottom: 20px;
}

.shoping__cart__table table thead th.shoping__product {
    text-align: left;
}

.shoping__cart__table table tbody tr td {
    padding-top: 30px;
    padding-bottom: 30px;
    border-bottom: 1px solid #ebebeb;
}

.shoping__cart__table table tbody tr td.shoping__cart__item {
    width: 630px;
    text-align: left;
}

.shoping__cart__table table tbody tr td.shoping__cart__item img {
    display: inline-block;
    margin-right: 25px;
}

.shoping__cart__table table tbody tr td.shoping__cart__item h5 {
    color: #1c1c1c;
    display: inline-block;
}

.shoping__cart__table table tbody tr td.shoping__cart__price {
    font-size: 18px;
    color: #1c1c1c;
    font-weight: 700;
    width: 100px;
}

.shoping__cart__table table tbody tr td.shoping__cart__total {
    font-size: 18px;
    color: #1c1c1c;
    font-weight: 700;
    width: 110px;
}

.shoping__cart__table table tbody tr td.shoping__cart__item__close {
    text-align: right;
}

.shoping__cart__table table tbody tr td.shoping__cart__item__close span {
    font-size: 24px;
    color: #b2b2b2;
    cursor: pointer;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity {
    width: 225px;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity .pro-qty {
    width: 120px;
    height: 40px;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity .pro-qty input {
    color: #1c1c1c;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity .pro-qty input::placeholder {
    color: #1c1c1c;
}

.shoping__cart__table table tbody tr td.shoping__cart__quantity .pro-qty .qtybtn {
    width: 15px;
}

.primary-btn.cart-btn {
    color: #6f6f6f;
    padding: 14px 30px 12px;
    background: #f5f5f5;
}

.primary-btn.cart-btn span {
    font-size: 14px;
}

.primary-btn.cart-btn.cart-btn-right {
    float: right;
}

.shoping__discount {
    margin-top: 45px;
}

.shoping__discount h5 {
    font-size: 20px;
    color: #1c1c1c;
    font-weight: 700;
    margin-bottom: 25px;
}

.shoping__discount form input {
    width: 255px;
    height: 46px;
    border: 1px solid #cccccc;
    font-size: 16px;
    color: #b2b2b2;
    text-align: center;
    display: inline-block;
    margin-right: 15px;
}

.shoping__discount form input::placeholder {
    color: #b2b2b2;
}

.shoping__discount form button {
    padding: 15px 30px 11px;
    font-size: 12px;
    letter-spacing: 4px;
    background: #6f6f6f;
}

.shoping__checkout {
    background: #f5f5f5;
    padding: 30px;
    padding-top: 20px;
    margin-top: 50px;
}

.shoping__checkout h5 {
    color: #1c1c1c;
    font-weight: 700;
    font-size: 20px;
    margin-bottom: 28px;
}

.shoping__checkout ul {
    margin-bottom: 28px;
}

.shoping__checkout ul li {
    font-size: 16px;
    color: #1c1c1c;
    font-weight: 700;
    list-style: none;
    overflow: hidden;
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 13px;
    margin-bottom: 18px;
}

.shoping__checkout ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
    margin-bottom: 0;
}

.shoping__checkout ul li span {
    font-size: 18px;
    color: #dd2222;
    float: right;
}

.shoping__checkout .primary-btn {
    display: block;
    text-align: center;
}


/*---------------------
  Checkout
-----------------------*/

.checkout {
    padding-top: 80px;
    padding-bottom: 60px;
}

.checkout h6 {
    color: #999999;
    text-align: center;
    background: #f5f5f5;
    border-top: 1px solid #6AB963;
    padding: 12px 0 12px;
    margin-bottom: 75px;
}

.checkout h6 span {
    font-size: 16px;
    color: #6AB963;
    margin-right: 5px;
}

.checkout h6 a {
    text-decoration: underline;
    color: #999999;
}

.checkout__form h4 {
    color: #1c1c1c;
    font-weight: 700;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 20px;
    margin-bottom: 25px;
}

.checkout__form p {
    column-rule: #b2b2b2;
}

.checkout__input {
    margin-bottom: 24px;
}

.checkout__input p {
    color: #1c1c1c;
    margin-bottom: 20px;
}

.checkout__input p span {
    color: #dd2222;
}

.checkout__input input {
    width: 100%;
    height: 46px;
    border: 1px solid #ebebeb;
    padding-left: 20px;
    font-size: 16px;
    color: #b2b2b2;
    border-radius: 4px;
}

.checkout__input input.checkout__input__add {
    margin-bottom: 20px;
}

.checkout__input input::placeholder {
    color: #b2b2b2;
}

.checkout__input__checkbox {
    margin-bottom: 10px;
}

.checkout__input__checkbox label {
    position: relative;
    font-size: 16px;
    color: #1c1c1c;
    padding-left: 40px;
    cursor: pointer;
}

.checkout__input__checkbox label input {
    position: absolute;
    visibility: hidden;
}

.checkout__input__checkbox label input:checked~.checkmark {
    background: #7fad39;
    border-color: #7fad39;
}

.checkout__input__checkbox label input:checked~.checkmark:after {
    opacity: 1;
}

.checkout__input__checkbox label .checkmark {
    position: absolute;
    left: 0;
    top: 4px;
    height: 16px;
    width: 14px;
    border: 1px solid #a6a6a6;
    content: "";
    border-radius: 4px;
}

.checkout__input__checkbox label .checkmark:after {
    position: absolute;
    left: 1px;
    top: 1px;
    width: 10px;
    height: 8px;
    border: solid white;
    border-width: 3px 3px 0px 0px;
    -webkit-transform: rotate(127deg);
    -ms-transform: rotate(127deg);
    transform: rotate(127deg);
    content: "";
    opacity: 0;
}

.checkout__order {
    background: #f5f5f5;
    padding: 40px;
    padding-top: 30px;
}

.checkout__order h4 {
    color: #1c1c1c;
    font-weight: 700;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.checkout__order .checkout__order__products {
    font-size: 18px;
    color: #1c1c1c;
    font-weight: 700;
    margin-bottom: 10px;
}

.checkout__order .checkout__order__products span {
    float: right;
}

.checkout__order ul {
    margin-bottom: 12px;
}

.checkout__order ul li {
    font-size: 16px;
    color: #6f6f6f;
    line-height: 40px;
    list-style: none;
}

.checkout__order ul li span {
    font-weight: 700;
    float: right;
}

.checkout__order .checkout__order__subtotal {
    font-size: 18px;
    color: #1c1c1c;
    font-weight: 700;
    border-bottom: 1px solid #e1e1e1;
    border-top: 1px solid #e1e1e1;
    padding-bottom: 15px;
    margin-bottom: 15px;
    padding-top: 15px;
}

.checkout__order .checkout__order__subtotal span {
    float: right;
}

.checkout__order .checkout__input__checkbox label {
    padding-left: 20px;
}

.checkout__order .checkout__order__total {
    font-size: 18px;
    color: #1c1c1c;
    font-weight: 700;
    border-bottom: 1px solid #e1e1e1;
    padding-bottom: 15px;
    margin-bottom: 25px;
}

.checkout__order .checkout__order__total span {
    float: right;
    color: #dd2222;
}

.checkout__order button {
    font-size: 18px;
    letter-spacing: 2px;
    width: 100%;
    margin-top: 10px;
}


/*---------------------
  Blog
-----------------------*/

.blog__item {
    margin-bottom: 60px;
}

.blog__item__pic img {
    min-width: 100%;
}

.blog__item__text {
    padding-top: 25px;
}

.blog__item__text ul {
    margin-bottom: 15px;
}

.blog__item__text ul li {
    font-size: 16px;
    color: #b2b2b2;
    list-style: none;
    display: inline-block;
    margin-right: 15px;
}

.blog__item__text ul li:last-child {
    margin-right: 0;
}

.blog__item__text h5 {
    margin-bottom: 12px;
}

.blog__item__text h5 a {
    font-size: 20px;
    color: #1c1c1c;
    font-weight: 700;
}

.blog__item__text p {
    margin-bottom: 25px;
}

.blog__item__text .blog__btn {
    display: inline-block;
    font-size: 14px;
    color: #1c1c1c;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 1px solid #b2b2b2;
    padding: 14px 20px 12px;
    border-radius: 25px;
}

.blog__item__text .blog__btn span {
    position: relative;
    top: 1px;
    margin-left: 5px;
}

.blog__pagination {
    padding-top: 5px;
    position: relative;
}

.blog__pagination:before {
    position: absolute;
    left: 0;
    top: -29px;
    height: 1px;
    width: 100%;
    background: #000000;
    opacity: 0.1;
    content: "";
}


/*---------------------
  Blog Sidebar
-----------------------*/

.blog__sidebar {
    padding-top: 50px;
}

.blog__sidebar__item {
    margin-bottom: 50px;
}

.blog__sidebar__item h4 {
    color: #1c1c1c;
    font-weight: 700;
    margin-bottom: 25px;
}

.blog__sidebar__item ul li {
    list-style: none;
}

.blog__sidebar__item ul li a {
    font-size: 16px;
    color: #666666;
    line-height: 48px;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -ms-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.blog__sidebar__item ul li a:hover {
    color: #7fad39;
}

.blog__sidebar__search {
    margin-bottom: 50px;
}

.blog__sidebar__search form {
    position: relative;
}

.blog__sidebar__search form input {
    width: 100%;
    height: 46px;
    font-size: 16px;
    color: #6f6f6f;
    padding-left: 15px;
    border: 1px solid #e1e1e1;
    border-radius: 20px;
}

.blog__sidebar__search form input::placeholder {
    color: #6f6f6f;
}

.blog__sidebar__search form button {
    font-size: 16px;
    color: #6f6f6f;
    background: transparent;
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    padding: 0px 18px;
}

.blog__sidebar__recent .blog__sidebar__recent__item {
    display: block;
}

.blog__sidebar__recent .blog__sidebar__recent__item:last-child {
    margin-bottom: 0;
}

.blog__sidebar__recent__item {
    overflow: hidden;
    margin-bottom: 20px;
}

.blog__sidebar__recent__item__pic {
    float: left;
    margin-right: 20px;
}

.blog__sidebar__recent__item__text {
    overflow: hidden;
}

.blog__sidebar__recent__item__text h6 {
    font-weight: 700;
    color: #333333;
    line-height: 20px;
    margin-bottom: 5px;
}

.blog__sidebar__recent__item__text span {
    font-size: 12px;
    color: #999999;
    text-transform: uppercase;
}

.blog__sidebar__item__tags a {
    font-size: 16px;
    color: #6f6f6f;
    background: #f5f5f5;
    display: inline-block;
    padding: 7px 26px 5px;
    margin-right: 6px;
    margin-bottom: 10px;
}


/*---------------------
  Blog Details Hero
-----------------------*/

.blog-details-hero {
    height: 350px;
    display: flex;
    align-items: center;
}

.blog__details__hero__text {
    text-align: center;
}

.blog__details__hero__text h2 {
    font-size: 46px;
    color: #ffffff;
    font-weight: 700;
    margin-bottom: 10px;
}

.blog__details__hero__text ul li {
    font-size: 16px;
    color: #ffffff;
    list-style: none;
    display: inline-block;
    margin-right: 45px;
    position: relative;
}

.blog__details__hero__text ul li:after {
    position: absolute;
    right: -26px;
    top: 0;
    content: "|";
}

.blog__details__hero__text ul li:last-child {
    margin-right: 0;
}

.blog__details__hero__text ul li:last-child:after {
    display: none;
}


/*---------------------
  Blog Details
-----------------------*/

.related-blog {
    padding-top: 70px;
    padding-bottom: 10px;
}

.related-blog-title {
    margin-bottom: 70px;
}

.blog-details {
    padding-bottom: 75px;
    border-bottom: 1px solid #e1e1e1;
}

.blog__details__text {
    margin-bottom: 45px;
}

.blog__details__text img {
    margin-bottom: 30px;
}

.blog__details__text p {
    font-size: 18px;
    line-height: 30px;
}

.blog__details__text h3 {
    color: #333333;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 30px;
}

.blog__details__author__pic {
    float: left;
    margin-right: 15px;
}

.blog__details__author__pic img {
    height: 92px;
    width: 92px;
    border-radius: 50%;
}

.blog__details__author__text {
    overflow: hidden;
    padding-top: 30px;
}

.blog__details__author__text h6 {
    color: #1c1c1c;
    font-weight: 700;
}

.blog__details__author__text span {
    font-size: 16px;
    color: #6f6f6f;
}

.blog__details__widget ul {
    margin-bottom: 5px;
}

.blog__details__widget ul li {
    font-size: 16px;
    color: #6f6f6f;
    list-style: none;
    line-height: 30px;
}

.blog__details__widget ul li span {
    color: #1c1c1c;
    font-weight: 700;
}

.blog__details__widget .blog__details__social a {
    display: inline-block;
    font-size: 20px;
    color: #6f6f6f;
    margin-right: 24px;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -ms-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
}

.blog__details__widget .blog__details__social a:hover {
    color: #7fad39;
}

.blog__details__widget .blog__details__social a:last-child {
    margin-right: 0;
}


/*---------------------
  Footer
-----------------------*/

/* .footer {
    background: #F3F6FA;
    padding-top: 70px;
    padding-bottom: 0;
}

.footer__about {
    margin-bottom: 30px;
}

.footer__about ul li {
    font-size: 16px;
    color: #1c1c1c;
    line-height: 36px;
    list-style: none;
}

.footer__about__logo {
    margin-bottom: 15px;
}

.footer__about__logo a {
    display: inline-block;
}

.footer__widget {
    margin-bottom: 30px;
    overflow: hidden;
}

.footer__widget h6 {
    color: #1c1c1c;
    font-weight: 700;
    margin-bottom: 10px;
}

.footer__widget ul {
    width: 50%;
    float: left;
}

.footer__widget ul li {
    list-style: none;
}

.footer__widget ul li a {
    color: #1c1c1c;
    font-size: 14px;
    line-height: 32px;
}

.footer__widget p {
    font-size: 14px;
    color: #1c1c1c;
    margin-bottom: 30px;
}

.footer__widget form {
    position: relative;
    margin-bottom: 30px;
}

.footer__widget form input {
    width: 100%;
    font-size: 16px;
    padding-left: 20px;
    color: #1c1c1c;
    height: 46px;
    border: 1px solid #ededed;
}

.footer__widget form input::placeholder {
    color: #1c1c1c;
}

.footer__widget form button {
    position: absolute;
    right: 0;
    top: 0;
    padding: 0 26px;
    height: 100%;
}

.footer__widget .footer__widget__social a {
    display: inline-block;
    height: 41px;
    width: 41px;
    font-size: 16px;
    color: #404040;
    border: 1px solid #ededed;
    border-radius: 50%;
    line-height: 38px;
    text-align: center;
    background: #ffffff;
    -webkit-transition: all, 0.3s;
    -moz-transition: all, 0.3s;
    -ms-transition: all, 0.3s;
    -o-transition: all, 0.3s;
    transition: all, 0.3s;
    margin-right: 10px;
}

.footer__widget .footer__widget__social a:last-child {
    margin-right: 0;
}

.footer__widget .footer__widget__social a:hover {
    background: #7fad39;
    color: #0000;
    border-color: #ffffff;
}

.footer__copyright {
    border-top: 1px solid #ebebeb;
    padding: 15px 0;
    overflow: hidden;
    margin-top: 20px;
}

.footer__copyright__text {
    font-size: 14px;
    color: #1c1c1c;
    float: left;
    line-height: 25px;
}

.footer__copyright__payment {
    float: right;
}
 */
.footer_style_2 {
    background: linear-gradient(180deg, #ffffff 0%, #e9fdf3 100%);
    border-top: 3px solid #0a9b73;
    padding: 60px 0 0;
    font-family: 'Poppins', sans-serif;
    color: #333;
    position: relative;
    z-index: 10;
}

.footer_style_2 .main-heading h2 {
    font-size: 16px;
    font-weight: 700;           /* ⬅ stronger */
    letter-spacing: 0.8px;      /* ⬅ premium feel */
    color: #0a9b73;
    text-transform: uppercase;
    margin-bottom: 18px;
}


.footer_style_2 .main-heading h2::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 45px;
    height: 2px;
    background-color: #0a9b73;
    border-radius: 2px;
}

/* Links */
.footer_style_2 .footer-menu {
    list-style: none;
    padding: 0;
}

.footer_style_2 .footer-menu li {
    margin-bottom: 8px;
}

.footer_style_2 .footer-menu li a {
    color: #444;
    font-size: 14px;
    text-decoration: none;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    gap: 8px;
}

.footer_style_2 .footer-menu li a i {
    color: #0a9b73;
    margin-right: 8px;
    font-size: 15px;
    transition: transform 0.3s ease;
}

.footer_style_2 .footer-menu li a:hover {
    color: #0a9b73;
    text-decoration: underline;
}

.footer_style_2 .footer-menu li a:hover i {
    transform: translateX(4px);
}

/* About / Paragraph */
.footer_style_2 p {
    font-size: 14px;
    color: #555;
    line-height: 1.8;
}

/* Copyright Section */
.footer_style_2 .cprt {
    background: #0a9b73;
    color: #fff;
    text-align: center;
    padding: 15px 10px;
    font-size: 14px;
    margin-top: 40px;
    /* ensure spacing visible always */
    border-radius: 0;
    border-top: 2px solid #0a9b73;
    position: relative;
    z-index: 20;
    clear: both;
}

.footer_style_2 .cprt a {
    color: #fff;
    text-decoration: none;
    font-weight: 500;
}

.footer_style_2 .cprt a:hover {
    text-decoration: underline;
}

/* Ensures footer stays bottom on short pages */
html,
body {
    height: 100%;
}

body {
    display: flex;
    flex-direction: column;
}

footer.footer_style_2 {
    margin-top: auto;
}

/* Responsive */
@media (max-width: 768px) {
    .footer_style_2 {
        text-align: center;
        padding-top: 40px;
    }

    .footer_style_2 .main-heading h2::after {
        left: 50%;
        transform: translateX(-50%);
    }
}
@media (max-width: 767px) {
    .footer_style_2 {
        text-align: left;
    }

    .footer_style_2 .col-6 {
        margin-bottom: 30px;
    }

    .footer_style_2 .main-heading h2 {
        font-size: 15px;
    }
}


/* Scroll Top Button */
#scrollTopBtn {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 25px;
    background: #0a9b73;
    color: #fff;
    border: none;
    border-radius: 50%;
    padding: 10px 12px;
    font-size: 18px;
    cursor: pointer;
    z-index: 999;
    transition: all 0.3s ease;
}

#scrollTopBtn:hover {
    background: #11c784;
    transform: translateY(-2px);
}



/*---------------------
  Contact
-----------------------*/

.contact {
    padding-top: 80px;
    padding-bottom: 50px;
}

.contact__widget {
    margin-bottom: 30px;
}

.contact__widget span {
    font-size: 36px;
    color: #7fad39;
}

.contact__widget h4 {
    color: #1c1c1c;
    font-weight: 700;
    margin-bottom: 6px;
    margin-top: 18px;
}

.contact__widget p {
    color: #666666;
    margin-bottom: 0;
}


/*---------------------
  Map
-----------------------*/

.map {
    height: 500px;
    position: relative;
}

.map iframe {
    width: 100%;
}

.map .map-inside {
    position: absolute;
    left: 50%;
    top: 160px;
    -webkit-transform: translateX(-175px);
    -ms-transform: translateX(-175px);
    transform: translateX(-175px);
}

.map .map-inside i {
    font-size: 48px;
    color: #7fad39;
    position: absolute;
    bottom: -75px;
    left: 50%;
    -webkit-transform: translateX(-18px);
    -ms-transform: translateX(-18px);
    transform: translateX(-18px);
}

.map .map-inside .inside-widget {
    width: 350px;
    background: #ffffff;
    text-align: center;
    padding: 23px 0;
    position: relative;
    z-index: 1;
    -webkit-box-shadow: 0 0 20px 5px rgba(12, 7, 26, 0.15);
    box-shadow: 0 0 20px 5px rgba(12, 7, 26, 0.15);
}

.map .map-inside .inside-widget:after {
    position: absolute;
    left: 50%;
    bottom: -30px;
    -webkit-transform: translateX(-6px);
    -ms-transform: translateX(-6px);
    transform: translateX(-6px);
    border: 12px solid transparent;
    border-top: 30px solid #ffffff;
    content: "";
    z-index: -1;
}

.map .map-inside .inside-widget h4 {
    font-size: 22px;
    font-weight: 700;
    color: #1c1c1c;
    margin-bottom: 4px;
}

.map .map-inside .inside-widget ul li {
    list-style: none;
    font-size: 16px;
    color: #666666;
    line-height: 26px;
}


/*---------------------
  Contact Form
-----------------------*/

.contact__form__title {
    margin-bottom: 50px;
    text-align: center;
}

.contact__form__title h2 {
    color: #1c1c1c;
    font-weight: 700;
}

.contact-form {
    padding-top: 80px;
    padding-bottom: 80px;
}

.contact-form form input {
    width: 100%;
    height: 50px;
    font-size: 16px;
    color: #6f6f6f;
    padding-left: 20px;
    margin-bottom: 30px;
    border: 1px solid #ebebeb;
    border-radius: 4px;
}

.contact-form form input::placeholder {
    color: #6f6f6f;
}

.contact-form form textarea {
    width: 100%;
    height: 150px;
    font-size: 16px;
    color: #6f6f6f;
    padding-left: 20px;
    margin-bottom: 24px;
    border: 1px solid #ebebeb;
    border-radius: 4px;
    padding-top: 12px;
    resize: none;
}

.contact-form form textarea::placeholder {
    color: #6f6f6f;
}

.contact-form form button {
    font-size: 18px;
    letter-spacing: 2px;
}


/*--------------------------------- Responsive Media Quaries -----------------------------*/

@media only screen and (min-width: 1200px) {
    .container {
        max-width: 1170px;
    }
}


/* Medium Device = 1200px */

@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .header__menu ul li {
        margin-right: 45px;
    }

    .hero__search__form {
        width: 490px;
    }

    .hero__categories__all {
        padding: 10px 25px 10px 20px;
    }

    .hero__categories ul {
        padding-left: 20px;
    }

    .latest-product__slider.owl-carousel .owl-nav {
        right: 0;
    }

    .product__details__tab .nav-tabs:before {
        width: 265px;
    }

    .product__details__tab .nav-tabs:after {
        width: 265px;
    }

    .shoping__discount form input {
        width: 240px;
    }
}


/* Tablet Device = 768px */

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .hero__categories {
        margin-bottom: 30px;
    }

    .hero__search__form {
        width: 485px;
    }

    .categories__slider.owl-carousel .owl-nav button {
        left: -20px;
    }

    .categories__slider.owl-carousel .owl-nav button.owl-next {
        right: -20px;
    }

    .filter__sort .nice-select {
        padding-left: 5px;
        padding-right: 28px;
    }

    .product__details__quantity {
        margin-bottom: 10px;
    }

    .product__details__text .primary-btn {
        margin-bottom: 10px;
    }

    .product__details__tab .nav-tabs:before {
        width: 150px;
    }

    .product__details__tab .nav-tabs:after {
        width: 150px;
    }

    .blog__details__author {
        overflow: hidden;
        margin-bottom: 25px;
    }

    .humberger__open {
        display: block;
        font-size: 22px;
        color: #1c1c1c;
        height: 35px;
        width: 35px;
        line-height: 33px;
        text-align: center;
        border: 1px solid #1c1c1c;
        cursor: pointer;
        position: absolute;
        right: 15px;
        top: 22px;
    }

    .header .container {
        position: relative;
    }

    .humberger__menu__wrapper {
        width: 300px;
        background: #ffffff;
        position: fixed;
        left: -300px;
        top: 0;
        height: 100%;
        overflow-y: auto;
        z-index: 99;
        padding: 30px;
        padding-top: 50px;
        opacity: 0;
        display: block;
        -webkit-transition: all, 0.6s;
        -moz-transition: all, 0.6s;
        -ms-transition: all, 0.6s;
        -o-transition: all, 0.6s;
        transition: all, 0.6s;
    }

    .humberger__menu__wrapper.show__humberger__menu__wrapper {
        opacity: 1;
        left: 0;
    }

    .humberger__menu__logo {
        margin-bottom: 30px;
    }

    .humberger__menu__logo a {
        display: inline-block;
    }

    .humberger__menu__contact {
        padding: 10px 0 13px;
    }

    .humberger__menu__contact ul li {
        font-size: 14px;
        color: #1c1c1c;
        position: relative;
        line-height: 30px;
        list-style: none;
    }

    .humberger__menu__contact ul li i {
        color: #252525;
        margin-right: 5px;
    }

    .humberger__menu__cart ul {
        display: inline-block;
        margin-right: 25px;
    }

    .humberger__menu__cart ul li {
        list-style: none;
        display: inline-block;
        margin-right: 15px;
    }

    .humberger__menu__cart ul li:last-child {
        margin-right: 0;
    }

    .humberger__menu__cart ul li a {
        position: relative;
    }

    .humberger__menu__cart ul li a i {
        font-size: 18px;
        color: #1c1c1c;
    }

    .humberger__menu__cart ul li a span {
        height: 13px;
        width: 13px;
        background: #7fad39;
        font-size: 10px;
        color: #ffffff;
        line-height: 13px;
        text-align: center;
        font-weight: 700;
        display: inline-block;
        border-radius: 50%;
        position: absolute;
        top: 0;
        right: -12px;
    }

    .humberger__menu__cart .header__cart__price {
        font-size: 14px;
        color: #6f6f6f;
        display: inline-block;
    }

    .humberger__menu__cart .header__cart__price span {
        color: #252525;
        font-weight: 700;
    }

    .humberger__menu__cart {
        margin-bottom: 25px;
    }

    .humberger__menu__widget {
        margin-bottom: 20px;
    }

    .humberger__menu__widget .header__top__right__language {
        margin-right: 20px;
    }

    .humberger__menu__nav {
        display: none;
    }

    .humberger__menu__wrapper .header__top__right__social {
        display: block;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .humberger__menu__wrapper .slicknav_btn {
        display: none;
    }

    .humberger__menu__wrapper .slicknav_nav .slicknav_item a {
        border-bottom: none !important;
    }

    .humberger__menu__wrapper .slicknav_nav {
        display: block !important;
    }

    .humberger__menu__wrapper .slicknav_menu {
        background: transparent;
        padding: 0;
        margin-bottom: 30px;
    }

    .humberger__menu__wrapper .slicknav_nav ul {
        margin: 0;
    }

    .humberger__menu__wrapper .slicknav_nav a {
        color: #1c1c1c;
        font-size: 16px;
        font-weight: 600;
        margin: 0;
        border-bottom: 1px solid #e1e1e1;
    }

    .humberger__menu__wrapper .slicknav_nav a:hover {
        -webkit-border-radius: 0;
        border-radius: 0;
        background: transparent;
        color: #7fad39;
    }

    .humberger__menu__wrapper .slicknav_nav .slicknav_row,
    .humberger__menu__wrapper .slicknav_nav a {
        padding: 8px 0;
    }

    .humberger__menu__overlay {
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, 0.5);
        content: "";
        z-index: 98;
        visibility: hidden;
        -webkit-transition: all, 0.6s;
        -moz-transition: all, 0.6s;
        -ms-transition: all, 0.6s;
        -o-transition: all, 0.6s;
        transition: all, 0.6s;
    }

    .humberger__menu__overlay.active {
        visibility: visible;
    }

    .header__top {
        display: none;
    }

    .header__menu {
        display: none;
    }

    .header__cart {
        text-align: center;
        padding: 10px 0 24px;
    }

    .over_hid {
        overflow: hidden;
    }
}


/* Wide Mobile = 480px */

@media only screen and (max-width: 767px) {
    .hero__categories {
        margin-bottom: 30px;
    }

    .hero__search {
        margin-bottom: 30px;
    }

    .hero__search__form {
        width: 100%;
    }

    .hero__search__form form input {
        width: 100%;
    }

    .hero__search__form form .hero__search__categories {
        display: none;
    }

    .hero__search__phone {
        float: left;
        margin-top: 30px;
    }

    .categories__slider.owl-carousel .owl-nav {
        text-align: center;
        margin-top: 40px;
    }

    .categories__slider.owl-carousel .owl-nav button {
        position: relative;
        left: 0;
        top: 0;
        -webkit-transform: translateY(0);
    }

    .categories__slider.owl-carousel .owl-nav button.owl-next {
        right: -10px;
    }

    .footer__copyright {
        text-align: center;
    }

    .footer__copyright__text {
        float: none;
        margin-bottom: 25px;
    }

    .footer__copyright__payment {
        float: none;
    }

    .filter__item {
        text-align: center;
    }

    .filter__option {
        text-align: center;
    }

    .product__details__pic {
        margin-bottom: 40px;
    }

    .product__details__tab .nav-tabs:before {
        display: none;
    }

    .product__details__tab .nav-tabs:after {
        display: none;
    }

    .shoping__cart__table {
        overflow-y: auto;
    }

    .shoping__discount form input {
        margin-bottom: 15px;
    }

    .blog__details__author {
        overflow: hidden;
        margin-bottom: 25px;
    }

    .humberger__open {
        display: block;
        font-size: 22px;
        color: #1c1c1c;
        height: 35px;
        width: 35px;
        line-height: 33px;
        text-align: center;
        border: 1px solid #1c1c1c;
        cursor: pointer;
        position: absolute;
        right: 15px;
        top: 22px;
    }

    .header .container {
        position: relative;
    }

    .humberger__menu__wrapper {
        width: 300px;
        background: #ffffff;
        position: fixed;
        left: -300px;
        top: 0;
        height: 100%;
        overflow-y: auto;
        z-index: 99;
        padding: 30px;
        padding-top: 50px;
        opacity: 0;
        display: block;
        -webkit-transition: all, 0.6s;
        -moz-transition: all, 0.6s;
        -ms-transition: all, 0.6s;
        -o-transition: all, 0.6s;
        transition: all, 0.6s;
    }

    .humberger__menu__wrapper.show__humberger__menu__wrapper {
        opacity: 1;
        left: 0;
    }

    .humberger__menu__logo {
        margin-bottom: 30px;
    }

    .humberger__menu__logo a {
        display: inline-block;
    }

    .humberger__menu__contact {
        padding: 10px 0 13px;
    }

    .humberger__menu__contact ul li {
        font-size: 14px;
        color: #1c1c1c;
        position: relative;
        line-height: 30px;
        list-style: none;
    }

    .humberger__menu__contact ul li i {
        color: #252525;
        margin-right: 5px;
    }

    .humberger__menu__cart ul {
        display: inline-block;
        margin-right: 25px;
    }

    .humberger__menu__cart ul li {
        list-style: none;
        display: inline-block;
        margin-right: 15px;
    }

    .humberger__menu__cart ul li:last-child {
        margin-right: 0;
    }

    .humberger__menu__cart ul li a {
        position: relative;
    }

    .humberger__menu__cart ul li a i {
        font-size: 18px;
        color: #1c1c1c;
    }

    .humberger__menu__cart ul li a span {
        height: 13px;
        width: 13px;
        background: #7fad39;
        font-size: 10px;
        color: #ffffff;
        line-height: 13px;
        text-align: center;
        font-weight: 700;
        display: inline-block;
        border-radius: 50%;
        position: absolute;
        top: 0;
        right: -12px;
    }

    .humberger__menu__cart .header__cart__price {
        font-size: 14px;
        color: #6f6f6f;
        display: inline-block;
    }

    .humberger__menu__cart .header__cart__price span {
        color: #252525;
        font-weight: 700;
    }

    .humberger__menu__cart {
        margin-bottom: 25px;
    }

    .humberger__menu__widget {
        margin-bottom: 20px;
    }

    .humberger__menu__widget .header__top__right__language {
        margin-right: 20px;
    }

    .humberger__menu__nav {
        display: none;
    }

    .humberger__menu__wrapper .header__top__right__social {
        display: block;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .humberger__menu__wrapper .slicknav_btn {
        display: none;
    }

    .humberger__menu__wrapper .slicknav_nav .slicknav_item a {
        border-bottom: none !important;
    }

    .humberger__menu__wrapper .slicknav_nav {
        display: block !important;
    }

    .humberger__menu__wrapper .slicknav_menu {
        background: transparent;
        padding: 0;
        margin-bottom: 30px;
    }

    .humberger__menu__wrapper .slicknav_nav ul {
        margin: 0;
    }

    .humberger__menu__wrapper .slicknav_nav a {
        color: #1c1c1c;
        font-size: 16px;
        font-weight: 600;
        margin: 0;
        border-bottom: 1px solid #e1e1e1;
    }

    .humberger__menu__wrapper .slicknav_nav a:hover {
        -webkit-border-radius: 0;
        border-radius: 0;
        background: transparent;
        color: #7fad39;
    }

    .humberger__menu__wrapper .slicknav_nav .slicknav_row,
    .humberger__menu__wrapper .slicknav_nav a {
        padding: 8px 0;
    }

    .humberger__menu__overlay {
        position: fixed;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        background: rgba(0, 0, 0, 0.5);
        content: "";
        z-index: 98;
        visibility: hidden;
        -webkit-transition: all, 0.6s;
        -moz-transition: all, 0.6s;
        -ms-transition: all, 0.6s;
        -o-transition: all, 0.6s;
        transition: all, 0.6s;
    }

    .humberger__menu__overlay.active {
        visibility: visible;
    }

    .header__top {
        display: none;
    }

    .header__menu {
        display: none;
    }

    .header__cart {
        text-align: center;
        padding: 10px 0 24px;
    }

    .over_hid {
        overflow: hidden;
    }
}


/* Small Device = 320px */

@media only screen and (max-width: 479px) {
    .hero__search__form form .hero__search__categories {
        display: none;
    }

    .featured__controls ul li {
        margin-bottom: 10px;
    }

    .product__details__text ul li b {
        width: 100px;
    }

    .product__details__tab .nav-tabs li {
        margin-right: 20px;
    }

    .shoping__cart__btns {
        text-align: center;
    }

    .primary-btn.cart-btn.cart-btn-right {
        float: none;
        margin-top: 10px;
    }

    .shoping__checkout .primary-btn {
        display: block;
        text-align: center;
        padding: 10px 15px 10px;
    }

    .map .map-inside {
        -webkit-transform: translateX(-125px);
        -ms-transform: translateX(-125px);
        transform: translateX(-125px);
    }

    .map .map-inside .inside-widget {
        width: 250px;
    }

    .product__details__tab .nav-tabs li {
        margin-right: 15px;
    }

    .shoping__discount form input {
        width: 100%;
    }

    .checkout__order {
        radius: 20px;
        padding: 20px;
    }

    .blog__details__hero__text h2 {
        font-size: 24px;
    }

    .mydesh {
        background-color: red;
        font: red;
    }
}


/* ==========================================================
   🌿 Premium Scroll-to-Top Button (Green-Gold Theme)
   ========================================================== */
#scrollTopBtn {
    position: fixed;
    bottom: 35px;
    right: 30px;
    z-index: 9999;
    background: linear-gradient(145deg, #0a9b73 0%, #066e53 100%);
    color: #ffffff;
    border: 2px solid #ffd700;
    border-radius: 50%;
    width: 45px;
    height: 45px;
    font-size: 18px;
    display: none;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
    cursor: pointer;
    transition: all 0.4s ease;
}

#scrollTopBtn:hover {
    background: #ffd700;
    color: #054f3a;
    border-color: #ffffff;
    transform: translateY(-5px) scale(1.08);
    box-shadow: 0 6px 16px rgba(255, 215, 0, 0.5);
}

#scrollTopBtn i {
    pointer-events: none;
}

@media (max-width: 600px) {
    #scrollTopBtn {
        bottom: 25px;
        right: 20px;
        width: 42px;
        height: 42px;
        font-size: 16px;
    }
}



/* Fix for "View All" button visibility */
.view-all-btn {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    background: linear-gradient(90deg, #0a9b73, #11c784);
    color: #fff !important;
    font-weight: 600;
    border-radius: 25px;
    padding: 8px 20px;
    font-size: 15px;
    text-decoration: none;
    transition: all 0.3s ease;
    margin-top: 10px;
    position: relative;
    z-index: 10;
}

.view-all-btn:hover {
    background: linear-gradient(90deg, #11c784, #0a9b73);
    transform: translateY(-2px);
    text-decoration: underline;
}



/* =======================================================
   🌿 PREMIUM VIEW-ALL PAGE STYLING (E-COMMERCE STANDARD)
   ======================================================= */

/* Product Grid */
.product_list_main {
    background: #f9fffb;
    padding: 40px 0;
}

.product_list {
    background: #fff;
    border-radius: 16px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    overflow: hidden;
    position: relative;
}

.product_list:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 25px rgba(10, 155, 115, 0.15);
}

.product_list .product_img {
    background: #fff;
    border-bottom: 1px solid #f0f0f0;
    padding: 20px;
    transition: all 0.3s ease;
}

.product_list:hover .product_img img {
    transform: scale(1.05);
}

.product_list .product_img img {
    width: 100%;
    height: 220px;
    object-fit: contain;
    transition: transform 0.3s ease;
}

/* Product Name & Price */
.product_detail_btm h4 {
    font-size: 16px;
    font-weight: 600;
    color: #333;
    margin-top: 10px;
    line-height: 1.4;
}

.product_price p {
    font-size: 15px;
    margin: 8px 0;
}

.product_price .old_price {
    color: #999;
    text-decoration: line-through;
    margin-right: 5px;
}

.product_price .new_price {
    color: #0a9b73;
    font-weight: 600;
}

/* Filter Buttons */
.section .btn {
    border-radius: 25px;
    font-weight: 500;
    transition: all 0.3s ease;
    background: #fff;
    border: 1px solid #0a9b73;
    color: #0a9b73;
}

.section .btn:hover,
.section .btn.btn-primary {
    background: #0a9b73 !important;
    color: #fff !important;
    box-shadow: 0 4px 12px rgba(10, 155, 115, 0.3);
}

/* Sidebar */
.side_bar {
    background: #fff;
    border-radius: 15px;
    padding: 25px 20px;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08);
    position: sticky;
    top: 100px;
}

/* Sidebar Title Styling */
.side_bar_blog h4 {
    font-weight: 600;
    color: #0a9b73;
    border-bottom: 2px solid #0a9b73;
    display: inline-block;
    padding-bottom: 4px;
    margin-bottom: 15px;
    letter-spacing: 0.3px;
}

/* Category List Styling */
.side_bar_blog ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.side_bar_blog ul li {
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
    transition: all 0.3s ease;
}

.side_bar_blog ul li:last-child {
    border-bottom: none;
}

.side_bar_blog ul li a {
    color: #333;
    font-weight: 500;
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

.side_bar_blog ul li a i {
    margin-right: 8px;
    color: #0a9b73;
    transition: transform 0.3s ease;
}

.side_bar_blog ul li a:hover {
    color: #0a9b73;
    padding-left: 5px;
}

.side_bar_blog ul li a:hover i {
    transform: translateX(3px);
}

/* Sidebar subtle separation */
.side_bar_blog:not(:last-child) {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px dashed #e5f6ee;
}

/* Responsive Grid */
@media (max-width: 992px) {
    .product_list .product_img img {
        height: 180px;
    }

    .side_bar {
        margin-top: 30px;
        position: static;
    }
}

@media (max-width: 576px) {
    .product_list_main {
        padding: 20px 0;
    }

    .product_detail_btm h4 {
        font-size: 14px;
    }

    .product_price p {
        font-size: 13px;
    }

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

/* =======================================================
   🌿 FIXED & RESPONSIVE SIDEBAR (PREMIUM E-COMMERCE)
   ======================================================= */

/* Sidebar Container */
.side_bar {
    background: #ffffff;
    border-radius: 15px;
    padding: 25px 20px;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.08);
    position: -webkit-sticky;
    position: sticky;
    top: 100px;
    max-height: calc(100vh - 120px);
    overflow-y: auto;
    scrollbar-width: thin;
    scrollbar-color: #0a9b73 #f1f1f1;
    transition: all 0.3s ease;
}

/* Scrollbar for WebKit */
.side_bar::-webkit-scrollbar {
    width: 6px;
}

.side_bar::-webkit-scrollbar-thumb {
    background-color: #0a9b73;
    border-radius: 10px;
}

.side_bar::-webkit-scrollbar-track {
    background: #f1f1f1;
}

/* Sidebar Titles */
.side_bar_blog h4 {
    font-weight: 600;
    color: #0a9b73;
    border-bottom: 2px solid #0a9b73;
    display: inline-block;
    padding-bottom: 4px;
    margin-bottom: 15px;
    letter-spacing: 0.3px;
}

/* Category Lists */
.side_bar_blog ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.side_bar_blog ul li {
    padding: 10px 0;
    border-bottom: 1px solid #f0f0f0;
    transition: all 0.3s ease;
}

.side_bar_blog ul li:last-child {
    border-bottom: none;
}

.side_bar_blog ul li a {
    color: #333;
    font-weight: 500;
    text-decoration: none;
    display: flex;
    align-items: center;
    transition: all 0.3s ease;
}

.side_bar_blog ul li a i {
    margin-right: 8px;
    color: #0a9b73;
    transition: transform 0.3s ease, color 0.3s ease;
}

.side_bar_blog ul li a:hover {
    color: #0a9b73;
    padding-left: 5px;
}

.side_bar_blog ul li a:hover i {
    transform: translateX(4px);
    color: #0a9b73;
}

/* Section Separation */
.side_bar_blog:not(:last-child) {
    margin-bottom: 25px;
    padding-bottom: 15px;
    border-bottom: 2px dashed #e5f6ee;
}

/* Responsive Fixes */
@media (max-width: 992px) {
    .side_bar {
        position: static;
        max-height: none;
        overflow-y: visible;
        margin-top: 30px;
    }
}

@media (max-width: 576px) {
    .side_bar_blog h4 {
        font-size: 16px;
    }

    .side_bar_blog ul li {
        padding: 8px 0;
    }
}

/* =======================================================
   🌿 PREMIUM PRODUCT LISTING & FILTER STYLING
   ======================================================= */

/* Filter Buttons Row */
.section .row.text-center .btn {
    background: linear-gradient(90deg, #0a9b73, #11c784);
    color: #fff !important;
    font-weight: 600;
    border: none;
    border-radius: 30px;
    padding: 8px 18px;
    transition: all 0.3s ease;
    box-shadow: 0 3px 10px rgba(17, 199, 132, 0.25);
}

.section .row.text-center .btn:hover {
    background: linear-gradient(90deg, #11c784, #0a9b73);
    transform: translateY(-2px);
    box-shadow: 0 5px 14px rgba(17, 199, 132, 0.3);
}

.section .row.text-center {
    margin-bottom: 35px;
}

/* Product Grid */
.product_list {
    background: #ffffff;
    border-radius: 12px;
    padding: 10px;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.08);
    transition: all 0.3s ease;
    overflow: hidden;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product_list:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 25px rgba(10, 155, 115, 0.15);
}

/* Product Image */
.product_list .product_img {
    border-radius: 12px;
    overflow: hidden;
    margin-bottom: 10px;
}

.product_list .product_img img {
    width: 100%;
    height: 200px;
    object-fit: contain;
    transition: transform 0.3s ease;
}

.product_list:hover .product_img img {
    transform: scale(1.05);
}

/* Product Title */
.product_detail_btm h4 a {
    color: #1c1c1c;
    font-size: 15px;
    font-weight: 600;
    text-decoration: none;
    transition: all 0.3s ease;
}

.product_detail_btm h4 a:hover {
    color: #0a9b73;
}

/* Price Section */
.product_price {
    font-size: 14px;
    margin-top: 8px;
}

.product_price .old_price {
    color: #888;
    text-decoration: line-through;
    margin-right: 5px;
}

.product_price .new_price {
    color: #0a9b73;
    font-weight: 600;
}

/* Star Rating */
.starratin i {
    color: #ffd700;
    margin: 0 1px;
}

/* Pagination */
.pagination {
    justify-content: center;
    margin-top: 40px;
}

.pagination li a,
.pagination li span {
    color: #0a9b73;
    border-radius: 50%;
    margin: 0 4px;
    padding: 8px 14px;
    border: 1px solid #0a9b73;
    transition: all 0.3s ease;
}

.pagination li a:hover {
    background: #0a9b73;
    color: #fff;
}

/* Product Cards Container */
.margin_bottom_30_all {
    margin-bottom: 25px;
}

/* Responsive Fixes */
@media (max-width: 992px) {
    .product_list .product_img img {
        height: 180px;
    }
}

@media (max-width: 576px) {
    .section .row.text-center .btn {
        width: 100%;
        margin-bottom: 8px;
    }

    .product_list .product_img img {
        height: 160px;
    }

    .product_detail_btm h4 a {
        font-size: 14px;
    }

    .product_price {
        font-size: 13px;
    }
}

/* 🌿 PRODUCT IMAGE UNIVERSAL FIX (Backend Images Same Size, No Crop) */
.product_list {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 10px;
  transition: all 0.3s ease;
}

.product_list:hover {
  transform: translateY(-3px);
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
}

/* Image Frame */
.product_img {
  width: 100%;
  height: 220px; /* uniform frame for all product images */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #fff;
  border-radius: 8px;
}

/* Image inside frame */
.product_img img {
  width: 100%;
  height: 100%;
  object-fit: contain; /* ensures no image is cut */
  transition: transform 0.3s ease;
}

/* Hover zoom for products */
.product_img img:hover {
  transform: scale(1.05);
}

/* Responsive frame height for mobile */
@media (max-width: 768px) {
  .product_img {
    height: 180px;
  }
}

/* 🌿 PREMIUM OFFER SLIDER (Next Slider Same Look as First One) */
.offer-slider {
  width: 100%;
  padding: 20px 0;
  background: #f9f9f9;
  border-radius: 10px;
  box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  position: relative;
}

.offer-slider .carousel-inner {
  border-radius: 12px;
  overflow: hidden;
}
.offer-slider .carousel-item {
  position: relative;
  text-align: center;
  overflow: hidden;
  background: #fff;
  border-radius: 12px;
  transition: transform 0.4s ease;
}
.offer-slider .carousel-item img {
  width: 100%;
  height: 420px; /* desktop height */
  object-fit: contain; /* no cropping */
  display: block;
  margin: auto;
  background-color: #fff;
  transition: transform 0.4s ease;
}
.offer-slider .carousel-item:hover img {
  transform: scale(1.03);
}
/* Gradient overlay for premium feel */
.offer-slider .carousel-item::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 80px;
  background: linear-gradient(to top, rgba(0,0,0,0.15), transparent);
  pointer-events: none;
}
/* Navigation arrows */
.offer-slider .carousel-control-prev-icon,
.offer-slider .carousel-control-next-icon {
  background-color: rgba(10, 155, 115, 0.9);
  border-radius: 50%;
  padding: 15px;
}
.offer-slider .carousel-control-prev,
.offer-slider .carousel-control-next {
  width: 5%;
}
.offer-slider .carousel-indicators li {
  background-color: #0a9b73;
}
.offer-slider .carousel-indicators .active {
  background-color: #087657;
}
/* Responsive slider heights */
@media (max-width: 992px) {
  .offer-slider .carousel-item img {
    height: 340px;
  }
}
@media (max-width: 768px) {
  .offer-slider .carousel-item img {
    height: 260px;
  }
}
@media (max-width: 500px) {
  .offer-slider .carousel-item img {
    height: 200px;
  }
}
/* 🌿 GLOBAL IMAGE RESET */
img {
  max-width: 100%;
  height: auto;
  display: block;
}
/* 🌿 OFFER SLIDER (Main Banner Carousel) */
.main_slider {
  margin-top: 0;
  padding: 0;
  background: #fff;
}
.main_slider .carousel-inner {
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
}
.main_slider .carousel-item img {
  width: 100%;
  height: 420px; /* desktop frame */
  object-fit: contain; /* no cutting */
  background-color: #fff;
  transition: transform 0.5s ease;
}
.main_slider .carousel-item img:hover {
  transform: scale(1.02);
}
/* Navigation arrows */
.carousel-control-prev-icon,
.carousel-control-next-icon {
  background-color: rgba(10, 155, 115, 0.9);
  border-radius: 50%;
  padding: 15px;
}
/* Indicators */
.carousel-indicators li {
  background-color: #0a9b73;
}
.carousel-indicators .active {
  background-color: #087657;
}
/* Responsive for offer slider */
@media (max-width: 992px) {
  .main_slider .carousel-item img {
    height: 340px;
  }
}
@media (max-width: 768px) {
  .main_slider .carousel-item img {
    height: 260px;
  }
}
@media (max-width: 500px) {
  .main_slider .carousel-item img {
    height: 200px;
  }
}
/* 🌿 ICON SLIDER (.card-home) */
/* .card-home .icon {
  text-align: center;
  background: #fff;
  border-radius: 12px;
  padding: 15px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.card-home .icon img {
  width: 100px;
  height: 100px;
  object-fit: contain;
  margin: 0 auto;
}
.card-home .icon:hover {
  transform: translateY(-5px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
}
/* 🌿 CARD-HOME-INFO SLIDER (Image Cards) */
/* .card-home-info img {
  width: 100%;
  height: 250px;
  object-fit: contain;
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  transition: transform 0.3s ease;
}
.card-home-info img:hover {
  transform: scale(1.03);
} */
/* 🌿 SUBCATEGORY SLIDER */
/* .card-home img.img_100 {
  width: 100%;
  height: 220px;
  object-fit: contain;
  background: #fff;
  border-radius: 10px;
  transition: transform 0.3s ease;
}
.card-home img.img_100:hover {
  transform: scale(1.05);
  box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);
} */ */

/* 🌿 GENERAL SPACING & CLEAN LOOK */
.section {
  padding: 40px 0;
}
.slick-slide img {
  display: block;
  margin: auto;
}
.slick-slide {
  transition: all 0.3s ease;
}
.slick-current img {
  transform: scale(1.02);
}

/* 🌿 CATEGORY-WISE PRODUCT ROWS (Uniform, Responsive, Premium Look) */

/* Product Row Wrapper */
.row.mt-4 {
  border-radius: 10px;
  margin-bottom: 30px;
  padding: 20px 10px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  background: #fff;
}
/* Section Heading */
.row.mt-4 h4 {
  font-family: 'Poppins', sans-serif;
  font-weight: 600;
  color: #222;
  margin-bottom: 10px;
}
.row.mt-4 h4 .btn-primary {
  background: #0a9b73;
  border: none;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  transition: all 0.3s ease;
}
.row.mt-4 h4 .btn-primary:hover {
  background: #087657;
}
/* Product Card Container */
.product_list {
  background: #fff;
  border: 1px solid #eee;
  border-radius: 10px;
  padding: 10px;
  transition: all 0.3s ease;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
/* Product Image */
.product_img {
  width: 100%;
  height: 220px; /* uniform frame for all */
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
}
.product_img img {
  width: 100%;
  height: 100%;
  object-fit: contain; /* keep full image visible */
  transition: transform 0.3s ease;
}
.product_img img:hover {
  transform: scale(1.05);
}
/* Product Details */
.product_detail_btm {
  text-align: center;
  margin-top: 10px;
}
.product_detail_btm h5 a,
.product_detail_btm h4 a {
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
  font-weight: 600;
  color: #222;
  text-decoration: none;
  transition: color 0.3s ease;
}
.product_detail_btm h5 a:hover,
.product_detail_btm h4 a:hover {
  color: #0a9b73;
}
/* Price styling */
.product_price p {
  margin: 5px 0;
  font-family: 'Poppins', sans-serif;
  font-size: 15px;
}
.product_price .old_price {
  text-decoration: line-through;
  color: #888;
  margin-right: 5px;
}
.product_price .new_price {
  color: #0a9b73;
  font-weight: 600;
}

/* Hover effect for the whole card */
.product_list:hover {
  transform: translateY(-5px);
  box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);
}

/* Responsive adjustments */
@media (max-width: 992px) {
  .product_img {
    height: 200px;
  }
}

@media (max-width: 768px) {
  .product_img {
    height: 180px;
  }
  .row.mt-4 h4 {
    font-size: 18px;
  }
}

@media (max-width: 500px) {
  .product_img {
    height: 160px;
  }
  .product_detail_btm h5 a {
    font-size: 14px;
  }
  .product_price p {
    font-size: 13px;
  }
}

/* 🌿 RESTORE WHITE TEXT & BUTTON COLORS FOR CATEGORY ROWS */
.row.mt-4 {
  color: #fff !important;
}
.row.mt-4 {
  background: #0a9b73 !important;
}

.row.mt-4 h4 {
  color: #fff !important;
  font-weight: 600;
}

.row.mt-4 h4 a {
  color: #fff !important;
  text-decoration: none;
}

/* View All button visible on dark backgrounds */
.row.mt-4 h4 .btn-primary {
  background: #fff !important;
  color: #0a9b73 !important;
  border: none !important;
  border-radius: 5px;
  font-weight: 600;
  padding: 5px 12px;
  transition: all 0.3s ease;
}

/* On hover → invert colors */
.row.mt-4 h4 .btn-primary:hover {
  background: transparent !important;
  color: #fff !important;
  border: 2px solid #fff !important;
}
/* 🌿 FIX: Extra space between sliders & visibility issue */

/* Remove unwanted top/bottom spacing between sections */
.main_slider,
.card-home-info,
.card-home,
.section {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 25px !important;
}


/* For the second (card-home-info) slider */
.card-home-info {
  padding: 0 !important;
}

/* Ensure sliders display correctly */
.carousel,
.slick-slider {
  display: block !important;
  overflow: visible !important;
}

/* Adjust the height gap below banner */
.main_slider + .section {
  margin-top: -10px !important;
}

/* Smooth transition for all sections */
.section {
  transition: all 0.3s ease;
}

/* Responsive fine-tuning */
@media (max-width: 768px) {
  .main_slider,
  .card-home-info {
    margin-bottom: 10px !important;
  }
}

/* ===== Apply Dark Teal Green Theme ===== */

/* Buttons */
.btn.sqaure_bt {
  background: #0a9b73 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 50px;
  box-shadow: 0 4px 12px rgba(10, 155, 115, 0.25);
}
.btn.sqaure_bt:hover {
  background: #087c5c !important;
  transform: translateY(-2px);
}

/* Stock text */
.text-success,
.stock b {
  color: #0a9b73 !important;
}

/* Tabs active state */
.nav-tabs .nav-link.active {
  background-color: #0a9b73 !important;
  color: #fff !important;
}

/* Review submit button */
#collapseExample button {
  background: #0a9b73 !important;
  color: #fff !important;
  border: none !important;
}
#collapseExample button:hover {
  background: #087c5c !important;
}

/* Social icon hover */
.social_icons li a i:hover {
  color: #0a9b73 !important;
}

/* Rating stars (optional subtle teal accent instead of yellow)
.rating i {
  color: #0a9b73 !important;
}
*/
/* ===== Improve spacing between image and right content ===== */
.product_detail .row > div.col-xl-8.col-lg-12.col-md-12.product_detail_side {
  padding-left: 60px !important; /* Increase space on the left side */
}

/* For smaller screens, reduce the spacing */
@media (max-width: 991px) {
  .product_detail .row > div.col-xl-8.col-lg-12.col-md-12.product_detail_side {
    padding-left: 20px !important;
  }
}
/* === Align product name (top) and share (bottom) exactly with image === */
.product_detail .row.mt-3 > .col-md-10 > .row {
  display: flex;
  align-items: stretch;
}

/* Make both sides same height */
.product_detail_feature_img,
.product_detail_side {
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* name = top, share = bottom */
  height: 100%;
}

/* Adjust inner spacing for perfect alignment */
.product_detail_side {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: 0;
  justify-content: space-between;
}

/* Ensure image stays proportionate */
.product_detail_feature_img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 8px;
}

/* Responsive fix for small screens */
@media (max-width: 991px) {
  .product_detail .row.mt-3 > .col-md-10 > .row {
    flex-direction: column;
  }

  .product_detail_feature_img,
  .product_detail_side {
    height: auto;
  }
}
/* === Perfect Equal Height: Image and Product Details (Name → Share) === */

/* Make both left & right columns equal height */
.product_detail .row.mt-3 > .col-md-10 > .row {
  display: flex;
  align-items: stretch;
}

/* Both boxes should stretch equally */
.product_detail_feature_img,
.product_detail_side {
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* Product name = top, Share = bottom */
  height: 100%;
}

/* Ensure image fits perfectly inside its box */
.product_detail_feature_img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  border-radius: 8px;
}

/* Fine-tune vertical alignment (if needed) */
.product_detail_side {
  padding-top: 5px;     /* move text down slightly if needed */
  padding-bottom: 5px;  /* move share up slightly if needed */
}

/* Responsive: stack columns on mobile */
@media (max-width: 991px) {
  .product_detail .row.mt-3 > .col-md-10 > .row {
    flex-direction: column;
  }

  .product_detail_feature_img,
  .product_detail_side {
    height: auto;
  }
}

/* === Flipkart-style zoom on right === */
.hizoom {
  position: relative;
  overflow: visible;
  cursor: zoom-in;
}

/* Zoom box on right */
.hizoom .big {
  position: absolute;
  top: 0;
  left: 105%; /* push to right side */
  width: 450px;
  height: 100%;
  border: 1px solid #ddd;
  background: #fff;
  box-shadow: 0 5px 20px rgba(0, 0, 0, 0.15);
  border-radius: 8px;
  overflow: hidden;
  display: none;
  z-index: 1000;
}

/* When zoom is active, hide the text */
.hizoom.active ~ .product_detail_side {
  opacity: 0;
  pointer-events: none;
  transition: all 0.3s ease;
}

/* Smooth zoom transition */
.hizoom .big img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
/* === Auto-Formatted Premium Product Description === */
.premium-desc {
  background: #fff;
  border: 1px solid #eaeaea;
  border-radius: 12px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.05);
  padding: 25px 30px;
  font-family: 'Poppins', sans-serif;
  font-size: 15.5px;
  color: #333;
  line-height: 1.8;
  transition: all 0.3s ease;
}

.premium-desc:hover {
  box-shadow: 0 5px 20px rgba(0,0,0,0.08);
}

.premium-desc h1,
.premium-desc h2,
.premium-desc h3,
.premium-desc h4 {
  color: #0a9b73;
  font-weight: 600;
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 18px;
}

.premium-desc p {
  margin-bottom: 14px;
  color: #444;
  text-align: justify;
}

.premium-desc ul,
.premium-desc ol {
  margin: 15px 0 15px 20px;
  padding-left: 15px;
}

.premium-desc li {
  margin-bottom: 8px;
  position: relative;
  padding-left: 20px;
  color: #333;
}

.premium-desc li::before {
  content: "✔";
  color: #0a9b73;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  font-weight: bold;
}

.premium-desc strong {
  color: #0a9b73;
  font-weight: 600;
}

.premium-desc img {
  max-width: 100%;
  border-radius: 8px;
  margin: 15px 0;
  box-shadow: 0 3px 12px rgba(0,0,0,0.1);
}

.premium-desc table {
  width: 100%;
  border-collapse: collapse;
  margin: 15px 0;
}

.premium-desc th,
.premium-desc td {
  border: 1px solid #ddd;
  padding: 10px;
  text-align: left;
}

.premium-desc th {
  background-color: #f4f8f7;
  color: #0a9b73;
  font-weight: 600;
}

@media (max-width: 768px) {
  .premium-desc {
    padding: 15px;
    font-size: 14.5px;
  }
}
/* 10-11-2025 */
/* 🌿 Premium Gradient Divider Below Header */
/* .header-divider {
  height: 3px;
  background: linear-gradient(90deg, #0a9b73 0%, #0ecb8a 50%, #0a9b73 100%);
  margin: 0;
  padding: 0;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
  border: none;
  animation: headerLine 2s ease-in-out;
}

@keyframes headerLine {
  from {
    opacity: 0;
    width: 0%;
  }
  to {
    opacity: 1;
    width: 100%;
  }
} */
/* ========== GLOBAL: Brand + Card visual polish (place at end of style.css) ========== */

/* Make brand/logo row look premium: centered cards, consistent padding & subtle shadow */
.customer-logos {
  background: linear-gradient(180deg,#fff 0,#f6fef9 100%);
  padding: 28px 20px !important;
  border-radius: 14px;
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  gap: 22px;
  box-shadow: 0 4px 18px rgba(0,0,0,0.04);
  border: 1px solid #eef8f3;
}

/* Each logo tile: fixed square frame and gentle hover */
.customer-logos .slide,
.card-home .icon {
  width: 120px;
  height: 120px;
  min-width: 120px;
  min-height: 120px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #fff;
  border-radius: 14px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.06);
  transition: transform .35s ease, box-shadow .35s ease;
}

/* Logo image sizing */
.customer-logos .slide img,
.card-home .icon img {
  width: 78%;
  height: 78%;
  object-fit: contain;
  display: block;
}

/* Subtle lift on hover */
.customer-logos .slide:hover,
.card-home .icon:hover {
  transform: translateY(-6px);
  box-shadow: 0 12px 30px rgba(10,155,115,0.12);
}

/* Hide any brand text under logos (you asked to remove names) */
.customer-logos h5,
.card-home h5,
.card-home span,
.card-home p {
  display: none !important;
}

/* Make image cards (offers) consistent and not overflow */
.card-home-info .slick-slide img,
.card-home-info img {
  height: 220px;
  object-fit: cover;
  border-radius: 12px;
  box-shadow: 0 6px 20px rgba(0,0,0,0.06);
}

/* Keep slick track aligned and avoid weird gaps */
.slick-track {
  display: flex !important;
  align-items: center;
}

/* Remove unwanted extra margins that were causing white strips */
.section,
.section .row {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

/* Mobile adjustments */
@media (max-width: 768px) {
  .customer-logos { padding: 18px 10px !important; gap: 12px; }
  .customer-logos .slide, .card-home .icon { width: 90px; height: 90px; min-width:90px; min-height:90px; }
  .card-home-info img { height: 160px; }
}


/* 🌿 Premium Header Interaction Styling */
.header_top a {
  position: relative;
  transition: all 0.3s ease;
}

.header_top a::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 50%;
  transform: translateX(-50%) scaleX(0);
  transform-origin: center;
  width: 100%;
  height: 2px;
  background-color: #fff;
  transition: transform 0.3s ease;
  opacity: 0.8;
}

.header_top a:hover::after {
  transform: translateX(-50%) scaleX(1);
}

/* 🪄 Glow + Lift Hover for All Header Buttons */
.header_top a:hover,
.header_top .btn-outline-light:hover {
  transform: translateY(-2px);
  filter: drop-shadow(0px 2px 5px rgba(255, 255, 255, 0.4));
}

/* 🛍️ Hover color animation for icons */
.header_top a i {
  transition: color 0.3s ease, transform 0.3s ease;
}

.header_top a:hover i {
  color: #ffd700 !important;
  transform: scale(1.15);
}

/* ✨ Login button stays consistent but enhanced */
.header_top .btn-outline-light {
  border: 2px solid #ffffff80;
  padding: 6px 18px;
  font-weight: 600;
  letter-spacing: 0.3px;
  backdrop-filter: blur(4px);
}

.header_top .btn-outline-light:hover {
  background: #fff;
  color: #0a9b73 !important;
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.4);
}

/* 📱 Responsive hover simplification */
@media (max-width: 768px) {
  .header_top a::after {
    display: none;
  }
  .header_top a:hover {
    transform: none;
    filter: none;
  }
}
/* 11/11/2025 */
/* 🌿 Final Compact Premium Header — all 4 equal & perfectly aligned */

/* Right section container */
.header_top .col-lg-5.d-flex {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px; /* closer spacing between all items */
  /* flex-wrap: nowrap !important; */
}

/* Common style for all buttons (Store, Upload, Login) */
.header_top a.text-white.d-flex.align-items-center,
.header_top .btn-outline-light {
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 20px;
  padding: 4px 14px;
  font-weight: 500;
  font-size: 13px;
  color: #fff !important;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
  transition: all 0.25s ease-in-out;
  line-height: 1.2;
  height: 32px; /* keep consistent height */
}

/* Smaller icons and tight alignment */
.header_top a.text-white.d-flex.align-items-center i,
.header_top .btn-outline-light i {
  font-size: 12.5px;
  margin-right: 5px;
  opacity: 0.9;
}

/* Hover - consistent for all */
.header_top a.text-white.d-flex.align-items-center:hover,
.header_top .btn-outline-light:hover {
  background: #fff;
  color: #0a9b73 !important;
  border-color: #fff;
  box-shadow: 0 2px 6px rgba(10, 155, 115, 0.25);
  transform: translateY(-1px);
}

/* Cart icon - inline and same height alignment */
.header_top a.text-white.position-relative {
  border: none !important;
  background: none !important;
  padding: 0 4px !important;
  margin: 0 2px !important;
  box-shadow: none !important;
  transform: none !important;
}

.header_top a.text-white.position-relative i {
  font-size: 15px;
  color: #fff;
  opacity: 0.95;
}

/* Make Login same as others */
.header_top .btn-outline-light {
  border: 1px solid rgba(255, 255, 255, 0.8);
  background: transparent;
  color: #fff !important;
  font-size: 13px;
  padding: 4px 14px;
  border-radius: 20px;
  height: 32px;
}

/* Hover for Login also same */
.header_top .btn-outline-light:hover {
  background: #fff !important;
  color: #0a9b73 !important;
  border-color: #fff !important;
  box-shadow: 0 2px 6px rgba(10, 155, 115, 0.25);
  transform: translateY(-1px);
}

/* Slightly reduce header padding for compactness */
.header_top {
  padding-top: 7px;
  padding-bottom: 7px;
}

/* Responsiveness */
@media (max-width: 992px) {
  .header_top .col-lg-5.d-flex {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px;
  }

  .header_top a.text-white.d-flex.align-items-center,
  .header_top .btn-outline-light {
    font-size: 13px;
    padding: 5px 12px;
  }
}

@media (max-width: 500px) {
  .header_top .col-lg-5.d-flex {
    flex-direction: column;
    align-items: center;
    gap: 6px;
  }

  .header_top a.text-white.d-flex.align-items-center,
  .header_top .btn-outline-light {
    width: 85%;
    justify-content: center;
  }
}
/* main slider width same as header  */
#slider .carousel-item {
  background: linear-gradient(180deg, #f8fff9, #ffffff);
}
#slider .carousel-control-prev-icon,
#slider .carousel-control-next-icon {
  background-color: #0a9b73;
  border-radius: 50%;
  background-size: 60%;
  padding: 10px;
}
#slider .carousel-item {
  transition: transform 0.8s ease-in-out;
}
/* view all and pic big  */
/* ✅ Move 'View All' button slightly upward */
.row.mt-4 > .w-100 .btn-primary {
  position: relative;
  top: -6px; /* lift slightly */
  padding: 6px 16px !important;
  border-radius: 6px !important;
  font-size: 14px;
  font-weight: 500;
  background: #fff !important;
  color: #0a9b73 !important;
  border: none !important;
  transition: all 0.3s ease;
}

.row.mt-4 > .w-100 .btn-primary:hover {
  background: #0a9b73 !important;
  color: #fff !important;
}

/* ✅ Make product images bigger */
.product_img img,
.product_img .img-responsive {
  width: 100%;
  height: 260px !important;   /* increase from earlier 180–200px */
  object-fit: contain !important;
  transition: transform 0.3s ease;
}

.product_img img:hover {
  transform: scale(1.05);
}

/* optional – center product image nicely */
.product_img {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 8px;
  background: #fff;
}
/* signup page  */
/* 🌿 Premium Hover Glow for Card */
.register-card {
  position: relative;
  border-radius: 20px;
  background: #ffffff;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.07);
  transition: all 0.4s ease-in-out;
}
.register-card:hover {
  transform: translateY(-6px);
  box-shadow: 0 0 25px rgba(10, 155, 115, 0.25), 0 12px 45px rgba(0, 0, 0, 0.08);
  border: 1px solid rgba(10, 155, 115, 0.2);
}

/* 🌿 Soft Gradient Border Glow (subtle shimmer) */
.register-card::before {
  content: "";
  position: absolute;
  top: -2px;
  left: -2px;
  right: -2px;
  bottom: -2px;
  border-radius: 22px;
  background: linear-gradient(120deg, rgba(10, 155, 115, 0.3), rgba(17, 199, 132, 0.1), rgba(10, 155, 115, 0.3));
  z-index: -1;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.register-card:hover::before {
  opacity: 1;
}

/* 🌿 Refined Background + Section */
.signup-section {
  background: radial-gradient(circle at 20% 20%, #e6faf3, #f7fffc) !important;
  min-height: calc(100vh - 100px);
  display: flex;
  align-items: center;
  justify-content: center;
}

/* 🌿 Improve Inputs and Buttons for Depth */
.register-right .form-control {
  background: #fafffd !important;
  border: 1.5px solid #def1e7 !important;
  box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.05);
  transition: all 0.3s ease;
}
.register-right .form-control:focus {
  border-color: #0a9b73 !important;
  box-shadow: 0 0 0 4px rgba(10, 155, 115, 0.12);
}

/* 🌿 Button Enhancement */
.btn-success {
  background: linear-gradient(90deg, #0a9b73 0%, #11c784 100%) !important;
  box-shadow: 0 6px 16px rgba(17, 199, 132, 0.35);
  transition: all 0.3s ease-in-out;
}
.btn-success:hover {
  box-shadow: 0 10px 20px rgba(17, 199, 132, 0.45);
  transform: translateY(-2px);
}

/* 🌿 Verify Checkboxes Alignment */
.verify-section {
  display: flex;
  justify-content: center;
  gap: 40px;
  margin-top: 15px;
}
.verify-section .form-check-label {
  color: #444;
  font-size: 0.95rem;
}

/* 🌿 Responsive Enhancement */
@media (max-width: 992px) {
  .register-left img {
    padding: 25px;
  }
  .register-right {
    padding: 35px 25px !important;
  }
}
 /* cart gap */
 /* 🌿 FORCE GAP BETWEEN HEADER → CART → FOOTER */
.Shopping_cart_section {
  background: linear-gradient(180deg, #f9fbfa 0%, #f2f8f6 100%);
  padding: 40px 0 !important;          /* Inner padding */
  margin-top: 40px !important;         /* Gap below header */
  margin-bottom: 40px !important;     /* Gap above footer */
  min-height: 70vh !important;
  border-radius: 0 0 20px 20px;
}

/* Optional: a subtle top shadow to visually separate from header */
.Shopping_cart_section::before {
  content: "";
  display: block;
  height: 20px;
  width: 100%;
  background: linear-gradient(to bottom, rgba(0,0,0,0.04), transparent);
  position: absolute;
  top: 0;
  left: 0;
}

/* Add strong spacing before footer */
footer, .footer {
  margin-top: 50px !important;
  padding-top: 50px !important;
  border-top: 1px solid rgba(10, 155, 115, 0.15);
  background: linear-gradient(180deg, #f6fdfb 0%, #ffffff 100%);
}

/* Make sure body doesn’t collapse margins */
body {
  background-color: #f4f6f9;
  overflow-x: hidden;
}

/* Responsive spacing adjustments */
@media (max-width: 992px) {
  .Shopping_cart_section {
    margin-top: 60px !important;
    margin-bottom: 80px !important;
    padding: 60px 0 !important;
  }
}

@media (max-width: 576px) {
  .Shopping_cart_section {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    padding: 50px 0 !important;
  }
}

/* view all page  */
/* header like amzone */

/* === Match Login button style with Upload (Bordered Rounded) === */
.header_top .right-icons a.btn-login {
  color: #fff;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  align-items: center;
  transition: all 0.3s ease;
  gap: 12px;
}

.header_top .right-icons a.btn-login i {
  margin-right: 6px;
  font-size: 15px;
}

/* Hover effect */
.header_top .right-icons a.btn-login:hover {
  background: #fff;
  color: #0a9b73;
  transform: translateY(-2px);
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);
}
/* === Unify Header Buttons (Store Locator, Upload, Login) === */
.header_top .right-icons a,
.header_top .right-icons .btn-login {
  color: #fff !important;
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.3);
  border-radius: 30px;
  padding: 8px 16px;
  font-size: 14px;
  font-weight: 500;
  text-decoration: none;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s ease;
  margin-left: 8px;
}

.header_top .right-icons a i,
.header_top .right-icons .btn-login i {
  margin-right: 6px;
  font-size: 15px;
}

/* === Hover Effect (white background + green text) === */
.header_top .right-icons a:hover,
.header_top .right-icons .btn-login:hover {
  background: #fff;
  color: #0a9b73 !important;
  transform: translateY(-2px);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}

/* === Active & Focus States === */
.header_top .right-icons a:active,
.header_top .right-icons .btn-login:active {
  transform: scale(0.98);
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
}

/* === Badge (Cart) Alignment Fix === */
.header_top .right-icons .cart {
  position: relative;
}

.header_top .right-icons .cart span.badge {
  position: absolute;
  top: -5px;
  right: -8px;
  background: #fff;
  color: #0a9b73;
  font-weight: 700;
  font-size: 12px;
  border-radius: 50%;
  padding: 2px 6px;
}
/* 12/11/2025 */
/* ===== Improve Right-Side Header Spacing ===== */
.header_top .d-flex.justify-content-end a {
  margin-left: 18px; /* Adds spacing between icons/links */
}

.header_top .d-flex.justify-content-end a:first-child {
  margin-left: 0; /* No gap before the first item */
}

/* Optional: if icons look too close to text */
.header_top i {
  margin-right: 8px;
}
/* 12/11/25 */
/* --- Fix search icon vertical alignment across all pages --- */
.header_top {
  position: relative;
}

.header_top .fa-search {
  position: absolute;
  left: 18px;
  top: 50% !important;           /* centers vertically in parent */
  transform: translateY(-50%) !important;
  color: #0a9b73;
  font-size: 16px;
  pointer-events: none;
  z-index: 2;
}

/* Make sure input height stays consistent */
.header_top .form-control {
  height: 45px !important;
  display: flex;
  align-items: center;
  padding-left: 45px !important;
}
/* remove space between header and  */
/* ==========================================
   🌿 FINAL PROFESSIONAL BRAND SLIDER (AUTO INFINITE)
   ========================================== */

.customer-logos.slider {
  background: #fff;
  padding: 25px 0 !important;
  margin: 0 !important;
  border-top: 1px solid #f2f2f2;
  border-bottom: 1px solid #f2f2f2;
  overflow: hidden;
}

/* Perfect card container */
.customer-logos .slide {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 140px !important;
  height: 110px !important;
  margin: 0 12px !important;
  border-radius: 14px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);
  transition: all 0.3s ease;
}

/* Hover lift */
.customer-logos .slide:hover {
  transform: translateY(-4px);
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}

/* Equal logo sizing */
.customer-logos .slide img {
  height: 65px !important;
  width: auto !important;
  max-width: 80% !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block;
  filter: grayscale(30%);
  transition: all 0.3s ease;
}

/* Hover – restore color and scale slightly */
.customer-logos .slide:hover img {
  filter: none;
  transform: scale(1.08);
}

/* Smooth track alignment */
.customer-logos .slick-track {
  display: flex !important;
  align-items: center;
}

/* Neutralize Slick's forced widths */
.slick-slide img {
  width: auto !important;
  max-width: 100% !important;
}

/* Padding fix for better alignment */
.customer-logos .slick-list {
  padding: 10px 0 !important;
}

/* Responsive */
@media (max-width: 768px) {
  .customer-logos .slide {
    width: 110px !important;
    height: 90px !important;
  }
  .customer-logos .slide img {
    height: 55px !important;
  }
}
/* slide logo problem */
/* 🌿 Seamless Continuous Brand Marquee */
.brand-marquee {
  overflow: hidden;
  position: relative;
  background: #ffffff;
  padding: 30px 0;
  white-space: nowrap;
}

.brand-track {
  display: flex;
  animation: scrollLeft 40s linear infinite;
  width: max-content;
}

.brand-slide {
  flex: 0 0 auto;
  margin: 0 25px;
}

.brand-slide img {
  width: 130px;
  height: 110px;
  object-fit: contain;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}

.brand-slide img:hover {
  transform: scale(1.05);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.15);
}

/* Continuous scroll animation */
@keyframes scrollLeft {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

/* Optional soft edges */
.brand-marquee::before,
.brand-marquee::after {
  content: '';
  position: absolute;
  top: 0;
  width: 80px;
  height: 100%;
  z-index: 2;
}

.brand-marquee::before {
  left: 0;
  background: linear-gradient(to right, #fff 50%, transparent);
}

.brand-marquee::after {
  right: 0;
  background: linear-gradient(to left, #fff 50%, transparent);
}
/* 12/11/2025 */

/* remove space  */
/* === REMOVE ALL WHITE SPACING AROUND MAIN SLIDER === */
#full_slider,
#pallax_slider,
.slider-area,
.main-slider,
.owl-carousel,
.carousel,
.hero,
.hero__item {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}

/* Remove any space between header and slider */
header,
.header_top,
.header_bottom {
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

/* Ensure slider covers full width */
#full_slider,
#pallax_slider,
.slider-area,
.main-slider,
.owl-carousel,
.carousel {
  width: 100vw !important;
  max-width: 100vw !important;
  overflow: hidden !important;
}

/* Remove body or container margin */
body,
.container,
.container-fluid {
  margin: 0 !important;
  padding: 0 !important;
  max-width: 100% !important;
}

/* If slider background has hidden gaps, remove those too */
section#full_slider.full_slider_inner {
  min-height: auto !important;
  padding: 0 !important;
  margin: 0 !important;
}

/* Optional: remove top shadow gap (if any image inside has spacing) */
#full_slider img,
#pallax_slider img {
  display: block;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
}
/* brand rendering  */
/* 🌿 BRAND LOGO SLIDER (Continuous Rendering - No Blank Gaps) */
.customer-logos,
.brand-marquee {
  position: relative;
  width: 100%;
  background-color: #fff;
  padding: 40px 0;
  overflow: hidden;
  margin: 0;
}

.brand-track,
.slick-track {
  display: flex !important;
  align-items: center;
  justify-content: flex-start;
  gap: 20px;
}

/* Each logo card */
.customer-logos .slide,
.brand-slide {
  text-align: center;
  padding: 10px 15px;
  flex: 0 0 auto;
}

/* Logo images */
.customer-logos img,
.brand-slide img {
  width: 120px;
  height: 110px;
  object-fit: contain;
  border-radius: 12px;
  background: #fff;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.08);
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.customer-logos img:hover,
.brand-slide img:hover {
  transform: scale(1.05);
  box-shadow: 0 5px 12px rgba(0, 0, 0, 0.15);
}

/* Slick base reset for clean motion */
.slick-slider {
  margin-bottom: 0 !important;
}
.slick-list {
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-slide {
  display: inline-block;
  float: none;
}
.slick-track {
  display: flex;
  align-items: center;
  gap: 30px;
}

/* 🌿 Optional: soft fade effect on sides for a premium look */
.brand-marquee::before,
.brand-marquee::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100px;
  z-index: 3;
  pointer-events: none;
}
.brand-marquee::before {
  left: 0;
  background: linear-gradient(to right, #fff 60%, transparent);
}
.brand-marquee::after {
  right: 0;
  background: linear-gradient(to left, #fff 60%, transparent);
}

/* 🌿 Responsive tweaks */
@media (max-width: 992px) {
  .customer-logos img,
  .brand-slide img {
    width: 100px;
    height: 90px;
  }
}
@media (max-width: 768px) {
  .customer-logos img,
  .brand-slide img {
    width: 90px;
    height: 80px;
  }
}
@media (max-width: 520px) {
  .customer-logos img,
  .brand-slide img {
    width: 80px;
    height: 70px;
  }
}
/* header and  */
/* 🌿 Premium Header Interaction Styling */
.header_top a {
  position: relative;
  transition: all 0.3s ease;
}

.header_top a::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 50%;
  transform: translateX(-50%) scaleX(0);
  transform-origin: center;
  width: 100%;
  height: 2px;
  background-color: #fff;
  transition: transform 0.3s ease;
  opacity: 0.8;
}

.header_top a:hover::after {
  transform: translateX(-50%) scaleX(1);
}

/* 🪄 Glow + Lift Hover for All Header Buttons */
.header_top a:hover,
.header_top .btn-outline-light:hover {
  transform: translateY(-2px);
  filter: drop-shadow(0px 2px 5px rgba(255, 255, 255, 0.4));
}

/* 🛍️ Hover color animation for icons */
.header_top a i {
  transition: color 0.3s ease, transform 0.3s ease;
}

.header_top a:hover i {
  color: #ffd700 !important;
  transform: scale(1.15);
}

/* ✨ Login button stays consistent but enhanced */
.header_top .btn-outline-light {
  border: 2px solid #ffffff80;
  padding: 6px 18px;
  font-weight: 600;
  letter-spacing: 0.3px;
  backdrop-filter: blur(4px);
}

.header_top .btn-outline-light:hover {
  background: #fff;
  color: #0a9b73 !important;
  box-shadow: 0 0 12px rgba(255, 255, 255, 0.4);
}

/* 📱 Responsive hover simplification */
@media (max-width: 768px) {
  .header_top a::after {
    display: none;
  }
  .header_top a:hover {
    transform: none;
    filter: none;
  }
}

/* 🌿 Final Compact Premium Header — all 4 equal & perfectly aligned */
.header_top {
  padding: 7px 30px; /* ✅ adds left-right space to prevent touching edges */
}

/* Align everything vertically centered inside header */
.header_top .row {
  display: flex;
  align-items: center; /* ✅ keeps logo, search & buttons aligned perfectly */
}

/* Right section container */
.header_top .col-lg-5.d-flex {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  flex-wrap: wrap; 
}

/* Common style for all buttons (Store, Upload, Login) */
.header_top a.text-white.d-flex.align-items-center,
.header_top .btn-outline-light {
  border: 1px solid rgba(255, 255, 255, 0.8);
  border-radius: 20px;
  padding: 4px 14px;
  font-weight: 500;
  font-size: 13px;
  color: #fff !important;
  background: transparent;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-decoration: none !important;
  transition: all 0.25s ease-in-out;
  line-height: 1.2;
  height: 32px;
  box-sizing: border-box; /* ✅ prevents hover jump flicker */
}

/* Smaller icons and tight alignment */
.header_top a.text-white.d-flex.align-items-center i,
.header_top .btn-outline-light i {
  font-size: 12.5px;
  margin-right: 5px;
  opacity: 0.9;
}

/* Hover - consistent for all */
.header_top a.text-white.d-flex.align-items-center:hover,
.header_top .btn-outline-light:hover {
  background: #fff;
  color: #0a9b73 !important;
  border-color: #fff;
  box-shadow: 0 2px 6px rgba(10, 155, 115, 0.25);
  transform: translateY(-1px);
}

/* Cart icon - inline and same height alignment */
.header_top a.text-white.position-relative {
  border: none !important;
  background: none !important;
  padding: 0 4px !important;
  margin: 0 2px !important;
  box-shadow: none !important;
  transform: none !important;
}

.header_top a.text-white.position-relative i {
  font-size: 15px;
  color: #fff;
  opacity: 0.95;
}

/* Make Login same as others */
.header_top .btn-outline-light {
  border: 1px solid rgba(255, 255, 255, 0.8);
  background: transparent;
  color: #fff !important;
  font-size: 13px;
  padding: 4px 14px;
  border-radius: 20px;
  height: 32px;
}

/* Hover for Login also same */
.header_top .btn-outline-light:hover {
  background: #fff !important;
  color: #0a9b73 !important;
  border-color: #fff !important;
  box-shadow: 0 2px 6px rgba(10, 155, 115, 0.25);
  transform: translateY(-1px);
}

/* Responsiveness */
@media (max-width: 992px) {
  .header_top .col-lg-5.d-flex {
    flex-wrap: wrap !important;
    justify-content: center !important;
    gap: 8px;
  }

  .header_top a.text-white.d-flex.align-items-center,
  .header_top .btn-outline-light {
    font-size: 13px;
    padding: 5px 12px;
  }
}

@media (max-width: 500px) {
  .header_top .col-lg-5.d-flex {
    flex-direction: column;
    align-items: center;
    gap: 6px;
  }

  .header_top a.text-white.d-flex.align-items-center,
  .header_top .btn-outline-light {
    width: 85%;
    justify-content: center;
  }
}
/* header underline box  */
/* 13/11/2025 */
.header_top a,
.header_top .btn-login,
.header_top .cart {
    margin: 0 3px !important;   /* Reduce spacing */
    padding: 6px 10px !important;
}
/* veiw all page  */
/* PRODUCT CARD PREMIUM LOOK */
.product_list {
    border-radius: 14px !important;
    padding: 15px !important;
    background: #ffffff !important;
    box-shadow: 0 8px 28px rgba(0,0,0,0.08) !important;
    border: 1px solid #e9e9e9 !important;
    transition: 0.3s ease-in-out;
}

.product_list:hover {
    transform: translateY(-4px);
    box-shadow: 0 12px 38px rgba(0,0,0,0.12) !important;
    border-color: #16a34a !important;
}

/* IMAGE */
.product_img img {
    padding: 16px !important;
    height: 180px !important;
    object-fit: contain !important;
}

/* TITLE ALIGN + FONT */
.product_detail_btm h4 {
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #111 !important;
    text-align: center !important;
    min-height: 40px !important;
    line-height: 19px !important;
}
.new_price {
    color: #009379 ;
    font-size: 18px !important;
    font-weight: 700 !important;
}

.old_price {
    font-size: 13px !important;
    color: #8a8a8a !important;
}
.row.margin_bottom_20_all > div {
    padding: 12px !important;
}
.side_bar .categary li {
    background: #ffffff !important;
    margin-bottom: 8px !important;
    border-radius: 8px !important;
    border: 1px solid #e5e5e5 !important;
    transition: 0.2s;
}

.side_bar .categary li:hover {
    background: #e6f8ea !important;
    border-color: #16a34a !important;
    padding-left: 28px !important;
}
body {
    background: #f5f7f5 !important;
}
.filter_btn {
    background: #ffffff !important;
    padding: 8px 20px !important;
    border-radius: 50px !important;
    border: 1px solid #dcdcdc !important;
    font-weight: 600 !important;
    transition: 0.2s;
}

.filter_btn:hover {
    background: #16a34a !important;
    color: #fff !important;
    border-color: #16a34a !important;
}
.product_list {
    min-height: 330px !important;
}
/* related another categories  */
/* Full ecommerce layout center alignment */
.product_list_main .container {
    max-width: 1400px;           /* industry standard */
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 24px !important;
    padding-right: 24px !important;
}
.product_list_main .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
}
/* button text of filters  */
/* Center filter button text perfectly */
.section .btn {
    display: flex !important;
    align-items: center !important;   /* vertical center */
    justify-content: center !important; /* horizontal center */

    padding-top: 10px !important;
    padding-bottom: 10px !important;

    line-height: 1 !important; /* Fix text positioning */
    height: 45px; /* uniform button height */
    text-align: center !important;
}
/* >make this sign spaces */
.side_bar .categary ul li a {
    padding-left: 14px !important;   /* add space from box left edge */
}

.side_bar .categary ul li a i {
    margin-right: 4px !important;     /* keep small space between icon + text */
}
.side_bar .categary ul li a i {
    margin-right: 9px;  /* adds space between > icon and text */
}
/* zoom product pic  */
/* Make product images uniform like Amazon */
.product_list .product_img {
    width: 100%;
    height: 220px;                 /* fixed image box height */
    display: flex;
    align-items: center;           /* center image vertically */
    justify-content: center;       /* center image horizontally */
    padding: 10px;                 /* small breathing space */
}

.product_list .product_img img {
    max-height: 100%;              /* prevent overflow */
    max-width: 100%;
    object-fit: contain;           /* keep full image visible like Amazon */
}
.product_list .product_img {
    border: none !important;          /* remove border */
    box-shadow: none !important;       /* remove shadow line */
    background: transparent !important;/* remove any background edge */
}
/* Reduce spacing between name and price */
.product_list .product_detail_btm .center h4 {
    margin-bottom: 5px !important;   /* was ~20px, now tight */
}

.product_list .product_price {
    margin-top: 0 !important;        /* removes gap above price */
    padding-top: 0 !important;
}

.product_list .product_detail_btm {
    padding-bottom: 8px !important;  /* optional: tighten card */
}
/* pagination color define in theme  */
/* ================================
   PAGINATION THEME COLOR FIX
   Dark Teal Green (Amazon-Style)
   ================================ */

.pagination li a,
.pagination li span {
    color: #0a9b73 !important;      /* text color */
    border: 1px solid #0a9b73 !important;
    padding: 8px 14px;
    border-radius: 6px;
    font-weight: 600;
    transition: all .25s ease;
}

/* Active button (current page) */
.pagination li.active a,
.pagination li.active span {
    background-color: #0a9b73 !important;
    color: #fff !important;
    border-color: #0a9b73 !important;
}

/* Hover Effect */
.pagination li a:hover,
.pagination li span:hover {
    background-color: #11c784 !important;
    color: #fff !important;
    border-color: #11c784 !important;
}

/* >> and << buttons */
.pagination li a i,
.pagination li span i {
    color: #0a9b73 !important;
}
/* header glow effact */
/* ==== HEADER GLOW FIX (FINAL) ==== */

header#default_header {
    box-shadow: 0 0 12px rgba(0, 255, 165, 0.4) !important;
}

.header_top a,
.header_top .btn-login,
.header_top .cart {
    border: 1px solid transparent !important;
    transition: all .25s ease-in-out !important;
    border-radius: 4px !important;
}

.header_top a:hover,
.header_top .btn-login:hover,
.header_top .cart:hover {
    border: 1px solid #ffffff !important;
    background: rgba(255,255,255,0.15) !important;
    box-shadow: 0 0 10px rgba(255,255,255,0.35) !important;
}
/* ==== AMAZON STYLE CART BADGE ==== */
.cart {
    position: relative !important;
}

.cart-badge {
    position: absolute;
    top: -8px;          /* moves it above the icon */
    right: -10px;       /* moves it to right corner */
    background: #ffffff;   /* white circle, Amazon style */
    color: #0a9b73;         /* your theme color */
    border-radius: 50%;
    padding: 2px 6px;
    font-size: 11px;
    font-weight: 700;
    border: 2px solid #0a9b73;  /* gives premium outline */
    line-height: 1;
}
/* make header responsive  */
/* 🟩 MOBILE OPTIMIZED HEADER */
@media (max-width: 768px) {

  /* Reduce logo */
  #default_header img {
      height: 40px !important;
  }

  /* Fix header layout */
  .header_top .row {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: center;
  }

  /* Keep search full width */
  /* .header_top .col-lg-5,
  .header_top .col-md-6 {
      width: 100% !important;
      margin-top: 10px;
  } */

  /* Icons row — horizontal & centered */
  .header_top .col-lg-5.d-flex {
      width: 100% !important;
      justify-content: center !important;
      flex-wrap: wrap !important;
      gap: 12px !important;
      margin-top: 10px;
  }

  /* Fix container padding */
  .container-fluid {
      padding-left: 12px !important;
      padding-right: 12px !important;
  }
}
/* media quary */

.Shopping_cart_section {
    min-height: auto !important;
    height: auto !important;
    padding-bottom: 80px !important;
    margin-bottom: 80px !important;
}
body {
    overflow-y: auto !important;
}
.section.Shopping_cart_section {
    background: #fff !important;
}
/* priscription  */
/* 14/11/2025 */
/* OUTER MAIN BOX */

/* why choose us  */
/* OUTER SECTION */
/* SECTION BACKGROUND + BIG SPACING */
/* BACKGROUND + SMALL HEIGHT */
.why-choose-wrap {
    background: #f7faff;
    padding: 40px 0;              /* compact height */
}

/* FIXED WIDTH */
.why-container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 20px;
}

/* HEADING EXACT LIKE IMAGE */
.why-heading {
    font-size: 28px;              /* smaller, minimal */
    font-weight: 700;
    color: #1a1a1a;
    margin-bottom: 35px;
}

/* ROW EXACT LAYOUT */
.why-row {
    display: flex;
    justify-content: flex-start;
    align-items: center;          /* aligns icons & text vertically */
    gap: 60px;                    /* perfect width between columns */
}

/* COLUMN */
.why-col {
    text-align: left;
    width: auto;
}

/* SMALL ICONS EXACT SIZE */
.why-img {
    width: 55px;                  /* perfect size from screenshot */
    margin-bottom: 10px;
}

/* COUNT TEXT EXACT LOOK */
.why-count {
    font-size: 19px;              /* small and bold */
    font-weight: 700;
    margin-bottom: 4px;
}

/* DESCRIPTION EXACT LOOK */
.why-text {
    font-size: 13px;              /* very small text */
    line-height: 18px;
    color: #444;
    margin: 0;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .why-row {
        flex-wrap: wrap;
        gap: 30px;
    }
    .why-col {
        width: 45%;
    }
}

@media (max-width: 480px) {
    .why-col {
        width: 100%;
    }
}
/* Replace previous .why-row / .why-col rules with this */

/* keep heading left but center the items below it */
.why-container { max-width: 1200px; margin: 0 auto; padding: 0 20px; }

/* row: center the blocks while allowing flex wrap */
.why-row {
  display: flex;
  justify-content: center;    /* <-- centers all blocks horizontally */
  align-items: center;        /* vertically center icons + text */
  gap: 80px;                  /* space between blocks - adjust if needed */
  flex-wrap: wrap;            /* keeps layout responsive */
}

/* each info block shouldn't stretch — keeps content compact */
.why-col {
  flex: 0 0 auto;             /* don't grow or shrink; width is auto */
  text-align: left;           /* keeps icon+text left-aligned inside each block */
  min-width: 190px;           /* prevents blocks from collapsing on narrow screens */
}

/* optional: if you want blocks slightly lower under heading add top margin */
.why-row { margin-top: 10px; }


/* userprofile page  */
/* =====================================================
   AMAZON PROFILE PAGE – WORKING FINAL VERSION
   (No HTML changes needed)
===================================================== */

/* Full page background */
.account-page {
    background: #f2f5f3;
    padding: 60px 0;
}

/* Force Row into 2 Columns Like Amazon */
.account-page .row {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 40px;
}

/* =====================================================
   LEFT SIDEBAR PROFILE SECTION – Amazon
===================================================== */
.account-profile {
    width: 260px !important;
    min-width: 260px !important;
    text-align: center;
    margin-top: 20px;
}

.account-profile img {
    width: 170px !important;
    height: 170px !important;
    border-radius: 50%;
    border: 4px solid #0a9b73;
    background: #fff;
    padding: 3px;
    box-shadow: 0 4px 15px rgba(0,0,0,0.15);
    object-fit: cover;
}

/* =====================================================
   RIGHT CARD LIKE AMAZON
===================================================== */
.account-card {
    flex: 1;
    max-width: 800px;
    background: #ffffff;
    padding: 35px 40px !important;
    border-radius: 14px;
    border: 1px solid #e5ece8;
    box-shadow: 0 0 25px rgba(0,0,0,0.10);
}

/* Heading (UserName) */
.account-page h1 {
    font-size: 30px !important;
    font-weight: 700;
    color: #0a9b73;
    margin-left: 300px;     /* aligns with card */
    margin-bottom: 20px;
}

/* =====================================================
   FORM INPUTS LIKE AMAZON
===================================================== */

.account-card h4 {
    font-size: 15px !important;
    font-weight: 600;
    color: #0a9b73;
    margin-bottom: 8px;
}

.account-card input.form-control {
    height: 45px !important;
    border: 1px solid #cfe8e1 !important;
    border-radius: 10px !important;
    padding-left: 15px;
    font-size: 15px !important;
    background: #fff;
    color: #333 !important;
}

.account-card input.form-control:focus {
    border-color: #0a9b73 !important;
    box-shadow: 0 0 0 2px rgba(10,155,115,0.25);
}

.account-card .form-group {
    margin-bottom: 28px !important;
}

/* =====================================================
   SAVE BUTTON – Amazon Style
===================================================== */

button.btn-success {
    background: #0a9b73 !important;
    border-radius: 25px !important;
    padding: 12px 40px !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border: none !important;
    width: 100%;
    transition: 0.3s ease;
}

button.btn-success:hover {
    background: #088d65 !important;
    transform: translateY(-2px);
}

/* =====================================================
   LOGOUT ICON (Top Right)
===================================================== */

.account-header-right {
    position: absolute;
    top: 120px;
    right: 50px;
}

.account-header-right img {
    height: 65px !important;
    width: 65px !important;
    opacity: 0.85;
    transition: 0.3s ease;
}

.account-header-right img:hover {
    opacity: 1;
    transform: scale(1.08);
}

/* =====================================================
   RESPONSIVE FIX
===================================================== */

@media (max-width: 768px) {
    
    .account-page .row {
        flex-direction: column;
        align-items: center;
    }

    .account-profile {
        margin-bottom: 20px;
    }

    .account-page h1 {
        margin-left: 0;
        text-align: center;
    }

    .account-card {
        width: 100%;
        max-width: 100%;
    }
}
/* header user account  */
/* =====================================================
   AMAZON PROFILE PAGE – FULL FINAL VERSION
===================================================== */

/* Background */
.account-page {
    background: #f2f3f3;
    padding-top: 60px;
    padding-bottom: 60px;
}

/* Heading */
.account-page h1 {
    font-size: 30px !important;
    font-weight: 700;
    color: #0a9b73;
    margin-left: 300px;
    margin-bottom: 25px;
}

/* 2 Column Layout */
.account-page .row {
    display: flex;
    align-items: flex-start;
    gap: 40px;
}

/* =====================================================
   LEFT SIDEBAR
===================================================== */
.account-profile {
    width: 260px;
    background: #ffffff;
    border: 1px solid #e3e6e3;
    padding: 55px 30px;
    border-radius: 12px;
    box-shadow: 0 4px 20px rgba(0,0,0,0.08);
    text-align: center;
}

/* Profile image */
.account-profile img {
    width: 130px !important;
    height: 130px !important;
    border-radius: 50%;
    border: 4px solid #0a9b73;
    padding: 3px;
    background: #fff;
    margin-bottom: 15px;
}

/* Profile Name */
.profile-name {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 15px;
}

/* Amazon Sidebar Menu */
.amazon-menu {
    margin-top: 20px;
    text-align: left;
    padding-left: 0;
}

.amazon-menu li {
    list-style: none;
    border-bottom: 1px solid #e8ebe8;
    padding: 12px 0;
}

.amazon-menu li:last-child {
    border-bottom: none;
}

.amazon-menu li a {
    color: #0a9b73;
    font-weight: 500;
    font-size: 15px;
    transition: 0.2s;
}

.amazon-menu li a:hover {
    color: #088d65;
    padding-left: 5px;
}

/* =====================================================
   RIGHT SIDE CARD
===================================================== */
.account-card {
    flex: 1;
    max-width: 820px;
    background: #ffffff;
    padding: 70px;
    border-radius: 12px;
    border: 1px solid #e2e7e2;
    box-shadow: 0 4px 25px rgba(0,0,0,0.08);
}

/* Labels */
.account-card h4 {
    font-size: 15px !important;
    font-weight: 600;
    color: #0a9b73;
    margin-bottom: 5px !important;
}

/* Inputs */
.account-card input.form-control {
    height: 45px !important;
    font-size: 15px;
    border-radius: 10px;
    border: 1px solid #d0e7dd !important;
    padding-left: 45px;
}

/* Input focus */
.account-card input.form-control:focus {
    border-color: #0a9b73 !important;
    box-shadow: 0 0 0 2px rgba(10,155,115,0.25);
}

/* Input spacing */
.account-card .form-group {
    margin-bottom: 25px;
}

/* SAVE Button */
button.btn-success {
    width: 100%;
    padding: 12px 30px !important;
    border-radius: 25px;
    background: #0a9b73 !important;
    font-size: 16px !important;
    font-weight: 600 !important;
    border: none !important;
}

button.btn-success:hover {
    background: #088d65 !important;
    transform: translateY(-2px);
}

/* =====================================================
   LOGOUT ICON ALIGNMENT
===================================================== */
.account-header-right {
    position: absolute;
    right: 40px;
    top: 115px;
}

.account-header-right img {
    width: 60px;
    height: 60px;
    opacity: 0.9;
    transition: 0.3s;
}

.account-header-right img:hover {
    opacity: 1;
    transform: scale(1.07);
}

/* =====================================================
   NAVBAR MY ACCOUNT BUTTON ALIGNMENT
===================================================== */
header .menu_side .dropdown-toggle {
    padding: 8px 20px !important;
    margin-top: 6px !important;
    border-radius: 30px !important;
    background: #0a9b73 !important;
    color: #fff !important;
    font-weight: 600;
}

header .menu_side .dropdown-toggle:hover {
    background: #088d65 !important;
}

/* Responsive */
@media (max-width: 768px) {

    .account-page .row {
        flex-direction: column;
    }

    .account-page h1 {
        text-align: center;
        margin-left: 0;
    }

    .account-profile {
        width: 100%;
        margin-bottom: 20px;
    }

    .account-card {
        width: 100%;
        max-width: 100%;
    }

    .account-header-right {
        top: 80px;
        right: 20px;
    }
}
/* ----------------------------------------------------
   AMAZON SIDEBAR SPACING + CLEAN GAP FIX
---------------------------------------------------- */

/* Sidebar spacing left of main card */
.account-page .row {
    gap: 60px !important;        /* increased from 40px → more breathable */
    justify-content: center;     /* center layout like Amazon */
    padding-left: 20px;
    padding-right: 20px;
}

/* Sidebar width & breathing space around it */
.account-profile {
    margin-right: 20px !important;
    margin-left: 45px !important;
}

/* Right card spacing */
.account-card {
    margin-left: 10px !important;
}

/* Make the entire layout more Amazon-like centered */
.account-page {
    padding-top: 50px;
}

/* Slightly more shadow like Amazon left card */
.account-profile {
    box-shadow: 0 4px 25px rgba(0,0,0,0.10) !important;
}

/* Slight card lift effect */
.account-card {
    box-shadow: 0 4px 30px rgba(0,0,0,0.10) !important;
}
/* left side  */
/* ------------------------------------------
   SIDEBAR CENTER ALIGNMENT (Perfect Amazon)
------------------------------------------- */

.account-profile {
    display: flex;
    flex-direction: column;
    align-items: center;        /* PERFECT center horizontally */
    justify-content: flex-start;
    width: 280px !important;
    margin-left: 30px !important;  /* little right shift */
}

/* Sidebar card alignment */
.account-page .row {
    justify-content: center !important;
}
/* ----------------------------------------------------
   AMAZON STYLE ICONS on LEFT SIDEBAR MENU
---------------------------------------------------- */

.amazon-menu li {
    position: relative;
    padding-left: 35px !important;   /* space for icon */
}

.amazon-menu li::before {
    content: "\f105";   /* default right arrow icon */
    font-family: FontAwesome;
    font-weight: 900;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    color: #0a9b73;
    font-size: 16px;
}

/* Hover icon color */
.amazon-menu li:hover::before {
    color: #088d65;
}
/* hea navbar related  */
/* ============================================
   FIX MY ACCOUNT BUTTON — MATCH OTHER HEADER ITEMS
   ============================================ */

/* Target the My Account button EXACTLY */
.header_top .dropdown .dropdown-toggle {
    background: transparent !important;
    color: #fff !important;
    border: none !important;
    padding: 6px 10px !important;   /* same as upload/store locator */
    margin: 0 2px !important;
    border-radius: 3px !important;  /* remove pill shape */
    box-shadow: none !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;            /* icon + text spacing */
    font-weight: 500 !important;
    height: 36px !important;
}

/* Hide Bootstrap caret arrow */
.header_top .dropdown .dropdown-toggle::after {
    display: none !important;
}

/* Matching hover effect */
.header_top .dropdown .dropdown-toggle:hover {
    border: 1px solid #fff !important;
    background: transparent !important;
    color: #fff !important;
    border-radius: 3px !important;
}

/* Keep icon white */
.header_top .dropdown .dropdown-toggle i {
    color: #fff !important;
    font-size: 14px !important;
}
/* why  */
/* 15/11/2025 */
/* ============================= */
/*   PRESCRIPTION SECTION (NEW)  */
/* ============================= */

.rx-box {
    display: flex;
    width: 100%;
    background: #fff;
    border: 1px solid #e6eef6;
    border-radius: 8px;
    overflow: visible;
    margin: 30px 0;
    box-sizing: border-box;
}

/* LEFT SIDE */
.rx-left {
    width: 46%;
    background: #f3f8ff;
    padding: 28px 36px;
    display: flex;
    gap: 20px;
    align-items: center;
    box-sizing: border-box;
}

.rx-img {
    width: 85px;
    flex-shrink: 0;
}

.rx-left-content {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.rx-title {
    font-size: 20px;
    font-weight: 700;
    margin: 0;
}

.rx-desc {
    font-size: 14px;
    margin: 0;
    color: #666;
}

.rx-upload-btn {
    background: #0f7f66;
    color: #fff;
    border: none;
    padding: 10px 18px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    cursor: pointer;
}

/* RIGHT SIDE */
.rx-right {
    width: 54%;
    padding: 28px 36px;
    border-left: 1px solid #e6eef6;
    box-sizing: border-box;
    min-height: 160px;      /* FIX: ensures text never cuts */
}

.rx-work-title {
    font-size: 16px;
    font-weight: 700;
    margin: 0 0 20px 0;
}

/* STEPS GRID */
.rx-steps-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px 40px;       /* row-gap / column-gap */
}

.rx-step {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    min-width: 0;
}

.rx-step-num {
    min-width: 34px;
    height: 34px;
    font-size: 14px;
    font-weight: 700;
    background: #eef6ff;
    color: #3b7dd8;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    flex-shrink: 0;
}

.rx-step-text {
    margin: 0;
    font-size: 14px;
    color: #444;

    /* TEXT NEVER CUT */
    white-space: normal;
    word-break: break-word;
    line-height: 1.35;
}

/* RESPONSIVE */
@media (max-width: 768px) {
    .rx-box {
        flex-direction: column;
    }
    .rx-left, .rx-right {
        width: 100%;
        padding: 18px;
    }
    .rx-steps-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }
}
/* why chose us  */
/* header responsive  */
/* ===========================================================
   🔥 MOBILE HEADER FIX (100% WORKING)
   =========================================================== */

/* 1) Stack everything vertically on mobile */
@media (max-width: 768px) {
    .header_top .row {
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        gap: 10px !important;
    }

    /* Make each block full width */
    .header_top .col-auto,
    .header_top .col-lg-5,
    .header_top .col-md-6,
    .header_top .col-12 {
        width: 100% !important;
        max-width: 100% !important;
        justify-content: center !important;
        text-align: center !important;
    }

    /* Search bar full width */
    .header_top input[type="search"] {
        width: 100% !important;
    }

    /* Align icons to center */
    .header_top .d-flex {
        justify-content: center !important;
        flex-wrap: wrap !important;
        gap: 12px !important;
    }
}

/* 2) Ultra-small screens (500px) */
@media (max-width: 500px) {
    .header_top .d-flex {
        flex-direction: row !important;
        align-items: center !important;
        gap: 8px !important;
    }
}
/* ============================================================
   KEEP HEADER ALWAYS HORIZONTAL (PC + Mobile)
   ============================================================ */

.header_top .row {
    flex-wrap: nowrap !important;     /* keep in one line */
    align-items: center !important;
    justify-content: space-between !important;
    overflow-x: auto !important;      /* prevent breaking layout */
    white-space: nowrap !important;
}

/* Logo column */
.header_top .col-auto {
    flex: 0 0 auto !important;
}

/* Search bar — make smaller on mobile */
.header_top .col-lg-5,
.header_top .col-md-6,
.header_top .col-12 {
    flex: 1 !important;
    min-width: 40% !important;
}

/* Icons container */
.header_top .d-flex {
    flex: 0 0 auto !important;
    justify-content: flex-end !important;
    gap: 10px;
    white-space: nowrap !important;
}

/* Search input full responsive */
.header_top input[type="search"] {
    min-width: 160px !important;
}

/* No wrapping anywhere */
.header_top * {
    white-space: nowrap !important;
}
/* ================================
   FINAL FIX — override style.css rules
================================ */
@media (max-width: 768px) {

    /* force header row to wrap */
    .header_top .row {
        display: flex !important;
        flex-wrap: wrap !important;
        align-items: center !important;
    }

    /* LOGO — left side */
    .header-logo-col {
        order: 1 !important;
        flex: 0 0 auto !important;
        max-width: none !important;
        justify-content: flex-start !important;
        display: flex !important;
    }

    /* SEARCH — right side (same row) */
    .header-search-col {
        order: 1 !important;
        flex: 1 1 auto !important;
        max-width: none !important;
        justify-content: flex-end !important;
        display: flex !important;
    }

    /* ICONS — move to next row, centered */
    .header-icons-col {
        order: 3 !important;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        justify-content: center !important;
        gap: 20px !important;
        display: flex !important;
    }

    /* override style.css forced flex-wrap on col-lg-5 */
    .header_top .col-lg-5.d-flex {
        flex-wrap: nowrap !important;
        justify-content: space-between !important;
        gap: 0 !important;
    }

    /* override style.css forced width */
    .header_top .col-lg-5.col-md-6.col-12 {
        flex: 1 1 auto !important;
        max-width: none !important;
    }
}
/* 19/12 responsive header for tablet */
/* 22/12 */
#default_header {
  position: sticky;
  top: 0;
  z-index: 9999;
  background: #0a9b73;
}
body,
html {
  overflow-x: hidden;
}

.section,
.padding_layout_1,
.container-fluid,
.row {
  overflow: visible !important;
}
.header-offset {
  height: 78px;
}

@media (max-width: 768px) {
  #default_header {
    position: sticky;
    top: 0;
  }
}