:root {
    /* ================================
       VAIDYUM AYURVEDA BRAND COLORS
       ================================ */

    --primary_clr: #238C32;
    --priamry_active: #063F68;
    --primary_light: #EAF5F7;

    --secodry_action: #43B82D;

    --ayur_green: #43B82D;
    --ayur_green_dark: #238C32;
    --ayur_green_light: #EEF9EA;

    --ayur_gold: #D99A16;
    --ayur_gold_dark: #B77B00;
    --ayur_gold_light: #FFF7DD;

    --ayur_orange: #F47B20;
    --ayur_orange_dark: #D85E0C;

    --ayur_red: #E53935;

    --black-font-clr: #263238;
    --white-font-clr: #FFFFFF;

    --muted-font-clr: #66756F;

    --border-clr: #DDE9DE;
    --border-light: #EAF0EA;

    --trans: transparent;
}


/* =========================================
   GENERAL
   ========================================= */

body {
    background: #FFFFFF;
    color: var(--black-font-clr);
}

a {
    color: var(--primary_clr);
    transition: all .25s ease;
}

a:hover {
    color: var(--ayur_green_dark);
}

.rtl {
    direction: ltr;
}


/* =========================================
   PASSWORD
   ========================================= */

.password-toggle-btn .password-toggle-indicator:hover {
    color: var(--ayur_green);
}

.password-toggle-btn .custom-control-input:checked~.password-toggle-indicator {
    color: var(--primary_clr);
}


/* =========================================
   DROPDOWN
   ========================================= */

.dropdown-item:hover,
.dropdown-item:focus {
    color: var(--ayur_green_dark);
    background-color: var(--ayur_green_light);
}

.dropdown-item.active,
.dropdown-item:active {
    color: #fff;
    background-color: var(--ayur_green);
}

.dropdown-menu {
    margin-left: -8px !important;
    border: 1px solid var(--border-light);
    border-radius: 8px;
    box-shadow: 0 8px 25px rgba(7, 85, 138, .08);
}


/* =========================================
   HEADER / NAVBAR
   ========================================= */

.navbar-light .navbar-tool-icon-box {
    color: var(--primary_clr);
}

.navbar-light .navbar-tool-icon-box:hover {
    color: var(--ayur_green_dark);
}

.navbar-tool .navbar-tool-label {
    background-color: var(--ayur_orange) !important;
    color: #fff !important;
}


/* =========================================
   SEARCH
   ========================================= */

.search_button {
    background: linear-gradient(
        135deg,
        #238C32,
        #43B82D
    ) !important;

    color: #fff !important;
    border: none;
    transition: all .25s ease;
}

.search_button:hover {
    background: linear-gradient(
        135deg,
        #07558A,
        #238C32
    ) !important;

    transform: translateY(-1px);
}


/* =========================================
   MAIN NAVIGATION
   ========================================= */

.navbar-stuck-menu {
    background: #FFFFFF !important;
    border-top: 1px solid #EAF0EA;
    border-bottom: 2px solid #E4F1DE;
    box-shadow: 0 3px 15px rgba(35, 82, 54, .06);
}

.mega-nav {
    background: linear-gradient(
        90deg,
        #F4FAF1,
        #FFFFFF
    ) !important;

    color: var(--primary_clr) !important;
    border-bottom: 1px solid var(--border-light);
}

.mega-nav .nav-item .nav-link {
    color: var(--primary_clr) !important;
    font-weight: 600;
    transition: all .25s ease;
}

.mega-nav .nav-item .nav-link:hover {
    color: var(--ayur_green_dark) !important;
}

.active-menu {
    color: var(--ayur_green_dark) !important;
    font-weight: 700;
}


/* =========================================
   CHECKBOX
   ========================================= */

.checkbox-alphanumeric label:hover {
    border-color: var(--ayur_green);
}

.custom-control-input:checked~.custom-control-label::before {
    background-color: var(--ayur_green);
    border-color: var(--ayur_green);
}


/* =========================================
   SCROLLBAR
   ========================================= */

::-webkit-scrollbar {
    width: 7px;
}

::-webkit-scrollbar-track {
    background: #F1F5F2;
}

::-webkit-scrollbar-thumb {
    background: var(--ayur_green);
    border-radius: 10px;
}

::-webkit-scrollbar-thumb:hover {
    background: var(--primary_clr) !important;
}


/* =========================================
   RADIO
   ========================================= */

[type="radio"] {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

[type="radio"]+span:after {
    box-shadow: 0 0 0 .10em var(--ayur_green);
}

[type="radio"]:checked+span:after {
    background: var(--ayur_green);
    box-shadow: 0 0 0 .10em var(--ayur_green);
}


/* =========================================
   PRIMARY BUTTON
   ========================================= */

.btn--primary {
    color: #fff !important;

    background: linear-gradient(
        135deg,
        #238C32,
        #43B82D
    ) !important;

    border-color: #238C32 !important;

    border-radius: 7px;

    box-shadow: 0 5px 15px rgba(67, 184, 45, .18);

    transition: all .25s ease;
}

.btn--primary:hover {
    color: #fff !important;

    background: linear-gradient(
        135deg,
        #07558A,
        #238C32
    ) !important;

    border-color: #07558A !important;

    transform: translateY(-1px);

    box-shadow: 0 7px 18px rgba(7, 85, 138, .20);
}


/* =========================================
   SECONDARY BUTTON
   ========================================= */

.btn-secondary {
    background: var(--primary_clr) !important;
    border-color: var(--primary_clr) !important;
    color: #fff !important;
}

.btn-secondary:hover {
    background: var(--ayur_green_dark) !important;
    border-color: var(--ayur_green_dark) !important;
}


/* =========================================
   OUTLINE BUTTONS
   ========================================= */

.btn-outline-accent {
    color: var(--primary_clr);
    border-color: var(--primary_clr);
    background: transparent;
}

.btn-outline-accent:hover {
    color: #fff;
    background: var(--ayur_green_dark);
    border-color: var(--ayur_green_dark);
}

.btn-outline-accent:not(:disabled):not(.disabled):active,
.btn-outline-accent:not(:disabled):not(.disabled).active,
.show>.btn-outline-accent.dropdown-toggle {
    background-color: var(--ayur_green_dark);
    border-color: var(--ayur_green_dark);
}


/* =========================================
   TEXT
   ========================================= */

.text-accent {
    color: var(--ayur_green_dark);
}

.view-all-text {
    color: var(--primary_clr) !important;
    font-weight: 600;
}

.view-all-text:hover {
    color: var(--ayur_green_dark) !important;
}


/* =========================================
   PAGINATION
   ========================================= */

.page-item.active>.page-link {
    box-shadow: 0 .5rem 1.125rem -.425rem rgba(67, 184, 45, .35);
}

.page-item.active .page-link {
    background-color: var(--ayur_green_dark) !important;
    border-color: var(--ayur_green_dark) !important;
    color: #fff !important;
}

.btn-outline-primary {
    color: var(--primary_clr);
    border-color: var(--primary_clr);
}

.btn-outline-primary:hover {
    background-color: var(--ayur_green_dark);
    border-color: var(--ayur_green_dark);
    color: #fff;
}

.btn-outline-primary:focus,
.btn-outline-primary.focus {
    box-shadow: 0 0 0 .15rem rgba(67, 184, 45, .18);
}

.btn-outline-primary:not(:disabled):not(.disabled):active,
.btn-outline-primary:not(:disabled):not(.disabled).active,
.show>.btn-outline-primary.dropdown-toggle {
    background-color: var(--primary_clr);
    border-color: var(--primary_clr);
    color: #fff;
}


/* =========================================
   DISCOUNT BADGE
   ========================================= */

.for-discoutn-value {
    background: var(--ayur_orange);
    color: #fff;
    border-radius: 4px;
    font-weight: 600;
}


/* =========================================
   PRODUCT CARDS
   ========================================= */

.clickable {
    background: transparent !important;
}

.__inline-9 > div {
    background: #FFFFFF !important;

    border: 1px solid #E4EEE2;

    border-radius: 10px;

    box-shadow: 0 4px 15px rgba(35, 82, 54, .05);

    transition: all .25s ease;
}

.__inline-9 > div:hover {
    border-color: #B9DFAE;

    box-shadow: 0 10px 28px rgba(35, 140, 50, .12);

    transform: translateY(-3px);
}

.__inline-9 .widget-list-link {
    color: var(--black-font-clr) !important;
}

.__inline-9 .widget-list-link:hover {
    color: var(--ayur_green_dark) !important;
}


/* =========================================
   PRODUCT PRICE
   ========================================= */

.price,
.product-price {
    color: var(--ayur_green_dark) !important;
    font-weight: 700;
}

.text-muted,
del {
    color: #8A9690 !important;
}


/* =========================================
   RATING
   ========================================= */

.star-rating {
    color: var(--ayur_gold) !important;
}


/* =========================================
   SEARCH SIDEBAR
   ========================================= */

.__search-sidebar .__number-filter-btn a {
    background: var(--ayur_green_dark) !important;
    color: #fff !important;
    border-radius: 5px;
}

.__inline-44,
.__search-sidebar .custom-select,
.__search-sidebar .form-control-sm {
    border: 1px solid var(--border-clr) !important;
    border-radius: 6px;
    background: #fff;
}

.__inline-44:focus,
.__search-sidebar .custom-select:focus,
.__search-sidebar .form-control-sm:focus {
    border-color: var(--ayur_green) !important;
    box-shadow: 0 0 0 .15rem rgba(67, 184, 45, .12);
}

.__cate-side-price > div > input {
    border: 1px solid var(--border-clr) !important;
    border-radius: 5px;
}

.list-group-item > a {
    color: var(--primary_clr) !important;
    font-weight: 500;
}

.list-group-item > a:hover {
    color: var(--ayur_green_dark) !important;
}


/* =========================================
   INPUT
   ========================================= */

.form-control:focus,
.custom-select:focus {
    border-color: var(--ayur_green) !important;

    box-shadow: 0 0 0 .15rem rgba(67, 184, 45, .12) !important;
}


/* =========================================
   INPUT GROUP BUTTON
   ========================================= */

.input-group-append button {
    background-color: var(--primary_clr);
    color: #fff !important;
    border: none;
    transition: all .25s ease;
}

.input-group-append button:hover {
    background-color: var(--ayur_green_dark);
}


/* =========================================
   BRAND BADGE
   ========================================= */

.__brands-cate-badge {
    background: var(--ayur_green_light) !important;
    color: var(--ayur_green_dark) !important;
    border: 1px solid #D9EDD2;
    border-radius: 5px;
}


/* =========================================
   POPUP
   ========================================= */

.__h-79px {
    background: linear-gradient(
        135deg,
        #F0F9EB,
        #FFF9E5
    ) !important;

    border: 1px solid #DDEBD7;
}

.__h-79px > div .__text-26px {
    color: var(--primary_clr) !important;
}

.__h-79px > div span {
    color: var(--ayur_green_dark) !important;
}


/* =========================================
   SHOP BUTTON
   ========================================= */

[href="https://amaxconsultancyservices.com/diamond/shopView/0"] > button {
    background: linear-gradient(
        135deg,
        var(--ayur_green_dark),
        var(--ayur_green)
    ) !important;

    color: #fff !important;

    border: none;

    border-radius: 7px;

    box-shadow: 0 5px 15px rgba(67, 184, 45, .20);
}


/* =========================================
   DEAL OF THE DAY
   ========================================= */

.deal_of_the_day {
    background: linear-gradient(
        135deg,
        #063F68,
        #07558A
    ) !important;

    color: #fff;
}


/* =========================================
   SECTION TITLES
   ========================================= */

.category-title,
.section-title {
    color: var(--primary_clr);
    font-weight: 700;
}


/* =========================================
   CATEGORY / IMAGE HOVER
   ========================================= */

.category-card img,
.category-product img,
.product-card img {
    transition: transform .35s ease;
}

.category-card:hover img,
.category-product:hover img,
.product-card:hover img {
    transform: scale(1.04);
}


/* =========================================
   FOOTER
   ========================================= */

.page-footer {
    background: linear-gradient(
        135deg,
        #063F68 0%,
        #07558A 45%,
        #237D3A 100%
    );

    color: #fff;
}

.page-footer a,
.footer-padding-bottom ul .widget-list-link,
.last-footer-content-align .widget-list-link {
    color: #E8F4E9 !important;
    transition: all .25s ease;
}

.page-footer a:hover,
.footer-padding-bottom ul .widget-list-link:hover,
.last-footer-content-align .widget-list-link:hover {
    color: #FFD166 !important;
}

div:has(.container .end-footer) {
    background: #063F68;
}


/* =========================================
   FOOTER LOGO
   ========================================= */

.footer-web-logo {
    height: fit-content !important;
}

.footer-web-logo a {
    background: #FFFFFF;

    width: fit-content;

    padding: 10px;

    border-radius: 12px;

    box-shadow: 0 5px 18px rgba(0, 0, 0, .12);
}


/* =========================================
   FOOTER TEXT
   ========================================= */

.start_address .widget-list-link,
.footer-padding-bottom ul .widget-list-link {
    color: #DCEDE0 !important;
}

.last-footer-content-align .widget-list-link {
    color: #DCEDE0 !important;
}


/* =========================================
   SUBSCRIBE
   ========================================= */

.subscribe-button {
    background: linear-gradient(
        135deg,
        var(--ayur_green_dark),
        var(--ayur_green)
    ) !important;

    color: #fff !important;

    border: none;

    transition: all .25s ease;
}

.subscribe-button:hover {
    background: var(--ayur_gold) !important;
    color: #173B2B !important;
}


/* =========================================
   CATEGORY MENU
   ========================================= */

.categories-menu,
.category-menu {
    border-radius: 8px;
    overflow: hidden;
}

.categories-menu a:hover,
.category-menu a:hover {
    background: var(--ayur_green_light);
    color: var(--ayur_green_dark);
}


/* =========================================
   TOP BAR
   ========================================= */

.topbar,
.top-bar {
    background: #F7FBF6;
    color: var(--primary_clr);
    border-bottom: 1px solid var(--border-light);
}


/* =========================================
   CART / WISHLIST HOVER
   ========================================= */

.navbar-tool-icon-box {
    transition: all .25s ease;
}

.navbar-tool:hover .navbar-tool-icon-box {
    color: var(--ayur_green_dark);
}


/* =========================================
   MIN HEIGHT
   ========================================= */

.__min-h-70px {
    background: transparent;
}


/* =========================================
   AYURVEDA HIGHLIGHT
   ========================================= */

.ayurveda-highlight {
    background: linear-gradient(
        135deg,
        #F0FAEB 0%,
        #FFFFFF 50%,
        #FFF8DF 100%
    );

    border: 1px solid #E2EEDC;

    border-radius: 12px;
}


/* =========================================
   MOBILE
   ========================================= */

@media (max-width: 767px) {

    .navbar-stuck-menu {
        background: #FFFFFF !important;
    }

    .mega-nav {
        background: #F5FAF2 !important;
    }

    .btn--primary {
        box-shadow: none;
    }

}