/*----- Google Font Inter -----*/
@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

/*----- Rest Default Spacing -----*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
html {
    scroll-behavior: smooth;
}
body {
    font-family: "Inter", sans-serif;
}

main {
    margin-top: 75px;
}

/*----------Colors Css Start----------*/
:root {
    --white: #FFFFFF;
    --black: #000000;
    --mustard: #8C6824;
    --gray: #ABABAB;
}
/*----------Colors Css End----------*/


/*----- Site Container -----*/

.container{
    max-width: 1185px;
    padding: 0;
}

@media only screen and (min-width: 1230px){
    .custom-container {
        padding-left: calc((100vw - 1185px) / 2 + -10px);
    }
}
@media only screen and (max-width: 1230px){
    .custom-container {
        width: 100%;
        /* padding: 0 16px; */
        max-width: 100%;
        padding-left: calc((100vw - 992px) / 2 + -6px);
    }
    .refining-and-services {
        margin-right: 30px;
    }
}
/* ------------------------------------------  Common Classes Start ------------------------------------------ */
.w-130{
    width: 130px;
}

a {
    text-decoration: none;
}

.line-clamp {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block; /* or inline-block, or flex item */
    text-align: left;
}

.padding-bottom{
    padding-bottom: 120px;
}
.padding-top{
    padding-top: 120px;
}
.padding-bottom-md{
    padding-bottom: 70px;
}
.padding-top-md{
    padding-top: 70px;
}
.h-100vh {
    height: 100vh;
}
.bg-black{
    background-color: var(--black);
}
.z-index-1 {
    position: relative;
    z-index: 1;
}
.cursor-pointer {
    cursor: pointer;
}

.fw-500 {
    font-weight: 500 !important;
}


.form-check-input {
    border-color: #A1A3AE;
    flex-shrink: 0;
}
.form-check-label {
    font-size: 14px;
    line-height: 20px;
    color: #535862;
    font-weight: 500;
    cursor: pointer;
}
.form-check-label a {
    color: #8C6824;
}

.form-check-input {
    cursor: pointer;
}
.form-check-input:checked {
    background-color: #8c6824;
    border-color: #8c6824;
}

.form-check-input:focus {
    border-color: #8c6824;
    outline: 0;
    box-shadow: none;
}
.info-text-limit{
    font-size: 0.8em; 
    color: gray;
}
/*----- Buttons Classes -----*/

.btn-custom {
    padding: 14px 24px;
    font-size: 15px;
    line-height: 18px;
    border-radius: 4px;
    text-align: center;
    font-weight: 600;
    box-shadow: rgba(0, 0, 0, 0.1) 0 4px 6px -1px, rgba(0, 0, 0, 0.06) 0 2px 4px -1px;
    min-height: 47px;
}
.btn-custom:focus {
    outline: 0 !important;
    border-color: transparent !important;
}

.btn-custom:focus-visible {
    outline: none !important;
    box-shadow: none !important;
}

.btn-custom-sm {
    padding: 10px 12px;
    font-size: 13px;
    line-height: 15px;
    min-height: 37px;

}

.btn-custom-primary{
    background-color: #8C6824;
    color: var(--white);
    border: 1px solid #8C6824;
}
.btn-custom-secondary {
    background-color: #181D27;
    color: var(--white);
    border: 1px solid #181D27;
}
.btn-custom-default {
    background-color: #ffffff;
    color: #8C6925;
    border: 1px solid #8C6925;
}
.btn-custom-default-outline {
    background-color: #ffffff;
    color: #8C6925;
    border: 1px solid #8C6925;
}
.btn-custom-default-outline:focus {
    outline-color: #8C6925 !important;
    border-color: #8C6925 !important;
}

.btn-custom-gary {
    background-color: #F1F1F2;
    color: #7E8299;
    border: 1px solid #F1F1F2;
}

.btn-custom-light {
    background-color: #FFF8EA;
    color: #8C6824;
    border: 1px solid #FFF8EA;
}

button:disabled, button[disabled], a:disabled, a[disabled]{
    border-color: #8D6A27;
    background-color: #8D6A27;
    opacity: 0.6;
    cursor: not-allowed;
}

.checkout-btns {
    margin-top: 16px;
    gap: 16px;
}
.checkout-btns .btn-custom {
    width: 229px;
}

a.btn-custom:hover{
    color: white;
}

/* ------------------------------------------  Common Classes End ------------------------------------------ */

/* ------------------------------------------  Page and Buttons Loaders Start ------------------------------------------ */

.loader-tile {
    display: none;
}
.isLoading .loader-tile  {
    display: flex;
    align-items: center;
    gap: 10px;
}
.isLoading .btn-text {
    display: none;
}
.btn-text {
    display: block;
}

.loader-tile span {
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    height: 3px;
    width: 23px;
    border-radius: 3px;
    background-color: #FFFFFF;
    opacity: 0;
    transition: opacity 3s ease-in-out;
}

.loader-tile.primary span {
    background-color: #8C6824;
}

.loader-tile span:nth-child(1) {
    animation-name: first;
}
.loader-tile span:nth-child(2) {
    animation-name: second;
}
.loader-tile span:nth-child(3) {
    animation-name: third;
}


.page-loader {
    background: #000000a0;
    position: fixed;
    top: 0;
    height: 100vh;
    z-index: 9999;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}
.page-loader.isLoading {
    opacity: 1;
    visibility: visible;
}

@keyframes first {
    0% { opacity: 1; }
    30% { opacity: 1; }
    35% { opacity: 0; }
    100% { opacity: 0; }
}

@keyframes second {
    0%, 30% { opacity: 0; }
    35% { opacity: 1; }
    65% { opacity: 1; }
    70% { opacity: 0; }
    100% { opacity: 0; }
}

@keyframes third {
    0%, 65% { opacity: 0; }
    70% { opacity: 1; }
    95% { opacity: 1; }
    100% { opacity: 0; }
}

/* ------------------------------------------  Page and Buttons Loaders End ------------------------------------------ */




/* ------------------------------------------  KYC Notification Start ------------------------------------------ */
.kyc-notification {
    padding: 14px 16px;
    background-color: #9D0127;
    text-align: center;
}
.kyc-notification p {
    font-size: 16px;
    line-height: 24px;
    font-weight: 500;
    margin-bottom: 0;
    color: white;
}
/* ------------------------------------------  KYC Notification End ------------------------------------------ */



/* ------------------------------------------  Header Navigation Start ------------------------------------------ */

header {
    background-color: #000000;
    padding: 12px 0;
    position: fixed;
    z-index: 99;
    top: 0;
    width: 100%;
}

header .header-content{
    justify-content: space-between;
    align-items: center;
    display: flex;
}


.menu-toggle > a{
    position: relative;
}

/*Counter Circle*/
.menu-toggle .product-counter{
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 17px;
    min-height: 17px;
    min-width: 17px;
    background: #8c6824;
    border-radius: 50%;
    font-size: 9px;
    color: #fff;
    bottom: 6px;
    right: -4px;
    font-weight: 500;
    padding: 0;
}


/*-----Desktop Navigation-----*/

@media only screen and (min-width: 992px) {

    /*Header Logo*/
    header .logo{
        margin-right: 46px;
        width: 107px;
        height: 60px;
    }

    /*Menu*/
    .menu-list {
        display: flex;
        padding: 0;
        list-style: none;
        align-items: center;
    }
    .menu-list li {
        padding-right: 23px;
    }

    .menu-list.right-menu li {
        padding-right: 31px;
    }

    .menu-list li:last-child{
        padding-right: 0;
    }

    /*-----Typography-----*/

    .menu-list li a:not(.btn-custom), .menu-list li span  {
        color: white;
        text-decoration: none;
        font-size: 14px;
        line-height: 25px;
        padding: 10px 0;
        display: block;
        font-weight: 400;
    }

    .menu-list li a:hover {
        color: #8C6824;
    }
    .menu-list li a.btn-custom:hover {
        color: white;
    }

    .menu-list .menu-dropdown li a{
        padding: 10px 22px;
        margin-bottom: 8px;
        border-radius: 4px;
        font-weight: 400;
        transition: 0.2s ease-in-out;
        color: #fff;
    }
    .menu-list .menu-dropdown li a:hover {
        background: #8c6824;
    }
    .menu-dropdown li:last-child a {
        margin-bottom: 0;
    }


    /*Menu Dropdown*/

    .menu-list .has-dropdown {
        position: relative;
        padding-right: 40px;
    }

    .menu-dropdown li {
        padding: 0;
    }

    .has-dropdown > span  {
        position: relative;
        cursor: pointer;
    }

    .has-dropdown > span::after {
        background-image: url(../images/icons/caret-russet.svg);
        height: 6px;
        width: 15px;
        position: absolute;
        right: -20px;
        top: 21px;
        display: block;
        content: "";
        z-index: 1;
        background-repeat: no-repeat;
    }

    .menu-dropdown {
        position: absolute;
        top: 40px;
        left: 0;
        background: #000;
        border: 2px solid #8c6824;
        padding: 6px;
        list-style-type: none;
        z-index: 2;
        border-radius: 6px;
        min-width: 175px;
        opacity: 0;
        transform: translateY(20px);
        visibility: hidden;
        transition: transform .2s, opacity .2s, visibility 0s .2s;
    }

    .has-dropdown:hover .menu-dropdown {
        transform: translateY(0);
        opacity: 1;
        visibility: visible;
        transition: transform .2s, opacity .2s;
    }



}

.loggedIn {
    height: 29px;
    width: 29px;
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
    font-weight: 500;
    font-size: 11px;
    line-height: normal;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    text-transform: uppercase;
}

/* ------------------------------------------  Header Navigation End ------------------------------------------ */

/* ------------------------------------------  Cart Popup CSS Start ------------------------------------------ */
/*----- Empty Cart -----*/
.empty-hading {
    font-size: 30px;
    line-height: 34px;
    color: #181D27;
    margin-bottom: 0;
    margin-top: 15px;
    font-weight: 600;
}
/*----- Cart Layer -----*/
.cart-pop-layer {
    background: #0000008f;
    position: fixed;
    top: 75px;
    height: 100vh;
    z-index: 4;
    width: 100%;
    opacity: 0;
    visibility: hidden;
}
/*----- Cart Header -----*/
.cart-header{
    position: sticky;
    z-index: 15;
    top: 0;
    background-color: white;
    padding: 24px 40px 16px 40px;
    border-radius: 15px 15px 0 0;
    /*position: relative;*/
}
.cart-header .heading{
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    color: #181D27;
    margin-bottom: 0;
}

.cart-cross {
    height: 25px;
    position: absolute;
    right: 26px;
    top: 22px;
}

/*----- Cart Body -----*/


.cart-wrapper{
    max-width: 550px;
    min-width: 550px;
    border-radius: 15px;
    border: 1px solid #fff;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15);
    margin-bottom: 30px;
    z-index: 2000;
    background: white;
    right: calc((100vw - 1185px) / 2);
    top: 75px;
    position: fixed;
    min-height: calc(100vh - 95px);
    max-height: calc(100vh - 95px);
    overflow: hidden;
    transition: 0.3s ease-in-out;
    transform: translateY(50px);
    visibility: hidden;
    z-index: 9999;
}
.cart-scrollable {
    min-height: calc(100vh - 95px);
    max-height: calc(100vh - 95px);
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cart-item-wrapper{
    padding: 5px 40px 60px 40px;
    /*border: 3px solid;*/
    height: 300px;
    overflow-y: auto;
    /*margin-bottom: 10px;*/
    flex-grow: 1;
}
.item-wrapper{
    padding: 16px 20px;
    border: 1px solid #E1E3EA;
    border-radius: 6px;
    margin-bottom: 12px;
}
.item-wrapper:last-child{
    margin-bottom: 0;
}
.item-wrapper .cart-img{
    margin-right: 20px;
}
.item-wrapper .heading{
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #181D27;
    margin-bottom: 7px;
}
.item-wrapper .text{
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #535862;
    margin-bottom: 7px;
}
.item-wrapper .text span{
    font-weight: 600;
    color: #181D27;
    margin-left: 10px;
}

/*------ Cart Footer ------ */
/*.cart-details{*/
/*    position: sticky;*/
/*    bottom: 0;*/
/*    background-color: white;*/
/*}*/

.cart-details .detail-item{
    padding: 8px 40px;
    border-bottom: 1px solid #E1E3EA;
}
.cart-details .detail-item .text{
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    color: #535862;
    margin-bottom: 0;
}

.cart-checkout{
    padding: 0 40px 40px;
    display: flex;
    gap: 12px;
    margin-top: 20px;
}

/*------ Toggle Classes Cart ------ */
.cart-wrapper,
.cart-pop-layer {
    opacity: 0;
}
.cart-wrapper.is-visible,
.cart-pop-layer.is-visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}
.toggle-cart-btn {
    cursor: pointer;
}


/* ------------------------------------------  Cart Popup CSS End ------------------------------------------ */


/* ------------------------------------------ Form Css start ------------------------------------------ */


/* ----- Field Label ----- */

.field-label{
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 6px;
    position: relative;
}
.field-label.required::after {
    content: "*";
    position: absolute;
    right: -10px;
    top: 0;
    color: #FF0000;
}
.field-label.label-big {
    font-size: 16px;
    line-height: 32px;
    font-weight: 600;
}

/* Floating label styling */

.field-group .floating-label {
    position: absolute;
    top: 50%;
    left: 16px;
    min-height: 16px;
    transform: translateY(-50%);
    color: #747474;
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    pointer-events: none;
    transition: 0.3s ease-in-out;
}

.field-group .floating-label.required::after{
    content: "*";
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #FF0000;
    left: 3px;
    top: 1px;
    position: relative;
}

.country-code .floating-label{
    color: #747474;
    top: 24px;
    font-size: 11px;
    transform: translateY(-100%);
    line-height: normal;
}

/* When input is focused or has value */
.field-control:focus ~ .floating-label,
.field-control:not(:placeholder-shown) ~ .floating-label {
    color: #747474;
    top: 24px;
    font-size: 11px;
    transform: translateY(-100%);
    line-height: normal;
}


/* ----- Password Icon ----- */
.field-group .field-control.password-icon {
    padding: 12px 36px 12px 16px;
}

.field-group {
    margin-bottom: 22px;
    position: relative;
}

.toggle-password {
    position: absolute;
    right: 14px;
    top: 14px; /* Adjust this if needed to align with input */
}
.has-top-label .toggle-password {
    top: 41px; /* Adjust this if needed to align with input */
}

.eye-logo,
.eye-logo-slash {
    cursor: pointer;
    display: block;
    width: 20px; /* Optional: set size */
    height: 20px;
}

.eye-logo-slash {
    display: none;
}


/* ----- Field ----- */

.field-group .field-control {
    padding: 12px 16px 12px 16px;
    width: 100%;
    border-radius: 8px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #000000;
    outline: none;
    box-shadow: none;
    border: 1px solid #D5D7DA;
}
.custom-label-wrapper {
    position: relative;
}
.custom-label-wrapper .field-control {
    padding: 20px 16px 8px 16px;
}
/* ----- Select Field ----- */
.form-select {
    background-size: 11px;
    background-image: url("../images/icons/select-arrow.svg");
}
.form-select.fs-13{
    font-size: 14px !important;
}

/* ----- Error Message ----- */
.field-error {
    color: #D60E0E;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    margin-top: 3px;
    display: block;
}

/* ----- Number Arrow Hide ----- */

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance:textfield;
}

textarea {
    resize: none;
}

/* ----- Country Tel Code  ----- */

.country-code {
    min-width: 120px;
    max-width: 120px;
}

.iti {
    position: relative;
    display: inline-block;
    width: 100%;
}

.iti__country-container {
    width: 100%;
}

.iti input.iti__tel-input, .iti input.iti__tel-input[type=text], .iti input.iti__tel-input[type=tel] {
    max-width: 120px;
    padding: 13px 16px;
    border-radius: 10px;
    padding-left: 0 !important;
}
.iti--inline-dropdown .iti__dropdown-content {
    min-width: 300px;
    padding: 10px 0 10px 10px;
    border-radius: 10px;
}
.iti__selected-country {
    padding: 20px 16px 6px 16px;
    width: 100%;
}
.iti__selected-country-primary {
    padding: 0;
}
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover, .iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary {
    background-color: white;
}
.iti__arrow {
    position: absolute;
    right: 15px;
    margin: 0;
    background-image: url(../images/icons/phone-arrow.svg);
    background-repeat: no-repeat;
    height: 7px;
    width: 12px;
    border: 0;
    top: 24px;
}

.iti .iti__selected-dial-code {
    margin-left: 6px;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0;
    color: #747474;
}

.iti__search-input {
    width: calc(100% - 10px);
    border-radius: 3px;
    border: 2px solid #000;
    padding: 5px;
    color: #747474;
    font-size: 14px;
    line-height: 20px;
}

.iti__tel-input {
    caret-color: white;
}

/* ------------------------------------------ Form Css End ------------------------------------------ */


/*----Table Css Start----*/

/*----Table Data Not Found Start----*/
.not-found {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 50px 0;
}

.not-found .heading{
    font-weight: 600;
    font-size: 36px;
    line-height: normal;
    letter-spacing: -1.5px;
    margin-bottom: -8px;
    background: linear-gradient(to right, #000000 5%, #8C6824 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;

}
.not-found .text {
    font-size: 14px;
    line-height: 21px;
    font-weight: 400;
    color: #535862;
    margin-top: 15px;
}
/*----Table Data Not Found End----*/

.table-border-wrapper {
    border: 1px solid #E1E3EA;
    border-radius: 12px;
    padding: 16px;
}

.table thead tr th:first-child, .table tbody tr td:first-child {
    padding-left: 30px;
}

.table thead tr th:last-child, .table tbody tr td:last-child {
    padding-right: 30px;
}

.table thead tr th {
    font-size: 16px;
    line-height: 16px;
    font-weight: 600;
    color: #181D27;
    padding: 16px 10px;
}

.table tbody tr td {
    font-size: 14px;
    line-height: 18px;
    font-weight: 400;
    color: #535862;
    padding: 20px 10px;
}

.table tbody tr td a {
    color: #535862;
    text-decoration: underline;
    transition: 0.5s;
}

.table tbody tr td a:hover{
    color: #8c6824;
    text-decoration: underline;
}

.table tbody tr:last-child {
    border-color: transparent;
}

.text-debit {
    color: #50CD89;
}

.text-credit {
    color: #F1416C;
}

.logo-box {
    background-color: #F9F9F9;
    padding: 10px;
    border-radius: 3px;
    max-width: 75px;
    min-width: 75px;
    max-height: 45px;
    min-height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    /*margin-right: 10px;*/
}

.product-img-table {
    border-radius: 10px;
    max-width:  90px;
    min-width:  90px;
    max-height: 90px;
    min-height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.actions {
    display: flex;
    align-items: center;
    gap: 20px;
}
.actions .field-group {
    max-width: 67px;
}

/*----Table Css End----*/

/*----Pagination Css Start----*/
.pagination-wrapper {
    padding: 16px 30px 16px;
    border-top: 1px solid #dee2e6;
}

.pagination {
    margin: 0;
    gap: 4px;
}

.pagination .page-item:first-child .page-link, .pagination .page-item:last-child .page-link {
    font-size: 13px;
    line-height: 14px;
}

.pagination .page-item.disabled:first-child .page-link, .pagination .page-item.disabled:last-child .page-link {
    color: #53586266;
}

.pagination .page-item {
    flex-shrink: 0;
    min-width: 35px;

}

.pagination .page-item.disabled {
    cursor: not-allowed;
}

.pagination .page-item .page-link {
    font-size: 18px;
    line-height: 18px;
    padding: 9px 12px;
    background: #fff;
    border-radius: 4px;
    border-color: white;
    font-weight: 500;
    color: #535862;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s ease-in-out;
    height: 100%;
    z-index: 1;
}

.pagination .page-item.active .page-link, .pagination .page-item.active .page-link:hover {
    background: #8C6824;
    color: white;
}

.pagination .page-item .page-link:hover {
    background: #f3f3f3;
}

.pagination .page-item .page-link:focus {
    box-shadow: none;
}

.pagination-results {
    font-size: 16px;
    line-height: 20px;
    color: #535862;
    font-weight: 500;
}

/*----Pagination Css End----*/

/*----Order Detail Popup Css Start----*/
.order-detail-card {
    border: 1px solid #E1E3EA;
    border-radius: 12px;
    padding: 16px;
}

.order-detail-card .title {
    margin-bottom: 12px;
}

.order-detail-card .title .heading {
    font-size: 14px;
    line-height: 14px;
    color: #414651;
    font-weight: 700;
    margin-bottom: 0;
}
.order-detail-card .title a {
    position: relative;
    height: 14px;
}

.order-detail-card .title a img {
    position: absolute;
    left: 7px;
    top: 0;
}

.info-row {
    display: flex;
    gap: 12px;
    margin-bottom: 7px;
    font-size: 14px;
    line-height: 20px;

}

.info-row:last-child {
    margin-bottom: 0;
}


.label {
    font-weight: 500;
    color: #414651;
    min-width: 80px;
    max-width: 130px;
}

.value {
    font-weight: 400;
    color: #747474;
}


.card-list {
    padding-left: 20px;
    /*list-style-type: none;*/
    margin-bottom: 0;
}

.card-list .list-item {
    font-size: 14px;
    line-height: 20px;
    font-weight: 400;
    color: #747474;
    margin-bottom: 4px;
}

.popup-info-text {
    font-size: 15px;
    line-height: 24px;
    font-weight: 400;
    color: #5E6278;
    margin: 0;
}

.popup-info-text-small {
    font-size: 14px;
    line-height: 20px;
    font-weight: 300;
    color: #414651;
    margin: 0;
}

.popup-info-text-small a {
    color: #8C6824;
    font-weight: 400;

}

.linkGold {
    color: #8C6824;
    font-weight: 400;
}
.linkGold:hover {
    color: #8C6824; 
}

/*----Order Detail Popup Css End----*/


/* ----- Captcha Css Start ----- */
.captcha-text {
    font-weight: 400;
    font-size: 14px;
    line-height: normal;
    color: var(--white);
}
#captcha .captcha-code-image{
    border-radius: 10px;
    overflow: hidden;
    height: 47px;
    width: 60%;
}
/* ----- Captcha Css End ----- */


/*----Checkout Css Start----*/

.shipping-method {
    /*min-width: 600px;*/
    /*max-width: 600px;*/
    /*flex-shrink: 1;*/
    margin-right: 70px;
    flex-grow: 1;
}
.order-summary {
    flex-grow: 1;
    min-width: 483px;
    max-width: 483px;
}

.section-heading {
    font-size: 22px;
    line-height: 34px;
    font-weight: 600;
    color: #181D27;
    margin-bottom: 24px;
}

.shipping-method .nav-tabs{
    margin-bottom: 24px;
}

.address-group {
    margin-bottom: 24px;
}

.address-card {
    border: 1px solid #E9EAEB;
    border-radius: 12px;
    padding: 24px 24px 24px 24px;
    transition: all 0.3s ease;
    cursor: pointer;
    margin-bottom: 16px;
}
.address-card.active {
    border-color: #8D6A27;
}
.address-card .card-heading {
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    color: #414651;
    margin-bottom: 12px;
}

.info{
    display: flex;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 7px;
}

.info .title {
    font-weight: 500;
    color: #414651;
    min-width: 70px;
    flex-shrink: 0;
    display: inline-block;
}

.info .value {
    font-weight: 400;
    color: #747474;
}

.sub-heading {
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    color: #414651;
    margin-bottom: 20px;
}



 /* Summary */
.product-scroll-wrapper {
    max-height: 300px;
    overflow-y: auto;
    margin-bottom: 16px;
}
.items-card {
    border: 1px solid #E1E3EA;
    padding: 20px;
    border-radius: 12px;
    margin-bottom: 16px;
}
.items-card .img-box {
    max-width: 70px;
    min-width: 70px;
    margin-right: 25px;
    flex-shrink: 0;
}

.item-detail .title{
    font-size: 18px;
    line-height: 16px;
    font-weight: 700;
    color: #181D27;
    margin-bottom: 16px;
}

.detail-row {
    display: flex;
    gap: 7px;
    font-size: 14px;
    line-height: 20px;
}
.detail-row .label{
    font-weight: 400;
    color: #747474;
    margin-bottom: 4px;
    display: inline-block;
}
.detail-row .value{
    font-weight: 500;
    color: #414651;
    display: inline-block;
}

.pricing-detail{
    border: 1px solid #E1E3EA;
    border-radius: 12px;
    margin-bottom: 16px;
}
.list-price-item {
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    color: #535862;
    padding: 17px 30px;
    border-bottom: 1px solid #E1E3EA;
}
.list-price-item:last-child {
    border-color: transparent;
}
.footer-card {
    padding: 20px 30px 30px;
}

.bank-instructions .heading{
    font-size: 18px;
    line-height: 16px;
    font-weight: 700;
    color: #181D27;
    margin-bottom: 16px;
}
.bank-instructions .info-text{
    font-size: 14px;
    line-height: 16px;
    font-weight: 500;
    color: #535862;
}
.bank-instructions .info-text a {
    color: #8C6824;
}
/*----Checkout Css End----*/

/*----Theme Tabs Css Start----*/
.theme-tabs {
    padding: 4px;
    background-color: #FFF8EA;
    border-radius: 6px;
    border: 0;
    max-width: fit-content;
}
.theme-tabs.light {
    background-color: #2A1F0B;
}

.theme-tabs .nav-item .nav-link {
    font-size: 15px;
    line-height: 18px;
    color: #8C6824;
    padding: 7px 14px;
    border: 0;
    border-radius: 4px;
    font-weight: 600;
    white-space: nowrap;
}

.theme-tabs .nav-item .nav-link.active {
    color: white;
    background-color: #8C6824;
}

/*----Theme Tabs Css End----*/


/* ----- Messages Css Start ----- */
.alert {
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    padding: 14px 16px;
}

.danger-alert {
    color: #AF233A;
    background: #F9E1E5;
}

.success-alert {
    background-color: #D6F0E0;
    color: #0D6832;
}
.warning-alert {
    background-color: #F6ECC5;
    color: #8F6C2A;
}

.transparent-alert {
    color: #8F6C2A;
}

.primary-alert {
    background-color: #EEF6FF;
    color: #3E97FF;
}

.close-alert {
    position: relative;
    top: 5px;
    cursor: pointer;
}

/* ----- Messages Css End ----- */

/* ----- Toast Css Start ----- */
.toast-container {
    z-index: 99999;
}
.toast {
    padding: 15px 45px 15px 15px;
    font-size: 16px;
    line-height: normal;
    font-weight: 700;
    width: 100%;
}
.toast-success {
    background-color: #D6F0E0;
    color: #0D6832;
}
.danger-toast {
    background-color: #9D0127;
    color: #FFFFFF;
}
.toast-close {
    position: absolute;
    right: 24px;
    top: 18px;
    height: 14px;
    width: 14px;
}
.toast-message {
    width: 100%;
    line-height: 20px;
}
.danger-toast .toast-message a {
    color: #f5ddae;
    text-decoration: underline;
}
.danger-toast .toast-message a:hover {
    color: #e2c381;
}

.toast-success .toast-message a {
    color: #4ebb79;
    text-decoration: underline;
}
.toast-success .toast-message a:hover {
    color: #3aa966;
}

/* ----- Toast Css End ----- */



/* ------------------------------------------  Page Image Header Css Start ------------------------------------------ */
.page-image-header {
    position: relative;
    padding: 58px 0;
    background-image: url("../images/bg/page-header-image.jpg");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    z-index: 1;
    overflow: hidden;
}

.page-image-header::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgb(0 0 0 / 85%);
    z-index: 0;
}

.page-image-header .container {
    position: relative;
    z-index: 1
}

.page-image-header .heading {
    font-size: 36px;
    font-weight: 600;
    line-height: normal;
    background: linear-gradient(to right, #FFFFFF 2%, #8C6824 15%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 10px;
}
.page-image-header .text {
    font-size: 16px;
    font-weight: 500;
    line-height: 32px;
    margin-bottom: 0;
    color: white;
}

/* ------------------------------------------  Page Image Header Css End ------------------------------------------ */

/* ------------------------------------------  Magnific Popup Css Start ------------------------------------------ */
.mfp-arrow-right .mfp-b, .mfp-arrow-right:before {
    border-left: 20px solid #adadad;
}
.mfp-arrow-left .mfp-b, .mfp-arrow-left:before {
    border-right: 20px solid #adadad;
}
.mfp-arrow-left .mfp-a, .mfp-arrow-left:after {
    border-right: 12px solid #adadad;
    left: 5px;
}

.mfp-arrow-right .mfp-a, .mfp-arrow-right:after {
    border-left: 12px solid #adadad;
    left: 3px;
}
.mfp-gallery .mfp-image-holder .mfp-figure {
    /*border: 2px solid red;*/
    background: #ffffff;
    padding: 0 30px;
}
.mfp-gallery .mfp-image-holder .mfp-figure img.mfp-img {
    padding: 30px 0;
    max-height: 600px !important;
}
.mfp-bottom-bar {
    margin-top: 0;
}
.mfp-iframe-holder .mfp-close, .mfp-image-holder .mfp-close {
    top: -34px;
}
/* ------------------------------------------  Magnific Popup Css End ------------------------------------------ */

/*----Modal Css Start----*/
.modal-header {
    padding: 40px 40px 14px;
    border-color: #fff;
}
.modal-body {
    padding: 0 40px;
}
.modal-body .body-content-text {
    font-size: 16px;
    line-height: 20px;
    font-weight: 500;
    color: #7E8299;
    margin: 0;
}
.modal-footer {
    padding: 14px 40px 40px;
    border-color: #fff;
}
.popup-cross {
    position: absolute;
    top: 22px;
    right: 22px;
    cursor: pointer;
}
.modal-title {
    font-weight: 600;
    font-size: 18px;
    line-height: 28px;
    padding-right: 28px;
}
.header-desc {
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    margin-top: 4px;
    margin-bottom: 0;
    color: #535862;
}
.modal-large {
    max-width: 1056px;
}
.modal-small {
    max-width: 626px;
}

.modal-medium {
    max-width: 974px;
}
/*----Modal Css End----*/

/* ------------------------------------------  Quick View Popup CSS Start ------------------------------------------ */

.product-image-container {
    min-width: 236px;
    flex-shrink: 0;
    padding: 44px 0;
    border-radius: 11px;
    border: 1px solid #E1E3EA;
    margin-right: 60px;
    text-align: center;
}

.product-image-container img {
    max-width: 258px;
}

.product-details .detail-item:first-child {
    padding-bottom: 28px;
}
.product-details .detail-item:last-child {
    border-color: transparent;
}
.product-details .detail-item {
    border-bottom: 1px solid #D5D7DA;
    padding: 20px 0;
}

.product-details .item-label {
    font-size: 16px;
    line-height: 20px;
    font-weight: 600;
    color: #181D27;
    margin-bottom: 0;
}

.product-details .product-name {
    font-size: 30px;
    line-height: 34px;
    letter-spacing: -2px;
}

.product-details .item-value {
    font-size: 16px;
    line-height: 20px;
    font-weight: 400;
    color: #535862;
    white-space: nowrap;
}

.product-details .product-amount {
    font-weight: 600;
}

.product-details .detail-item .field-group {
    max-width: 100px;
}


/* ------------------------------------------  Quick View Popup CSS End ------------------------------------------ */

/* ------------------------------------------  Product and Services Start------------------------------------------ */

.refining-and-services {
    width: max(576px);
    margin-right: 114px;
    flex-shrink: 0;
}

.refining-and-services .heading {
    font-size: 100px;
    font-weight: 600;
    line-height: 97px;
    letter-spacing: -2px;
    background: linear-gradient(to right, #000000 5%, #8C6824 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 22px;
}

.refining-and-services .desc {
    font-size: 24px;
    font-weight: 400;
    line-height: 38px;
    letter-spacing: -0.24px;
    color: #080808;
    margin-bottom: 35px;
}

.our-process .refining-and-services .desc {
    margin-bottom: 120px;
}

.category-name {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.5px;
    text-transform: uppercase;
    margin-bottom: 26px;
    display: inline-block;
    color: #ABABAB;
}


.aside-video video {
    object-fit: cover;
    width: 100%;
    height: 100%;
    min-height: 992px;
    overflow: hidden;
    border-radius: 10px 0 0 10px;
}
.aside-image img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    min-height: 820px;
    overflow: hidden;
    border-radius: 10px 0 0 10px;
}

ul.accordion-list {
    position: relative;
    padding: 0;
    margin: 0;
    list-style: none;
    min-height: 250px;
}

ul.accordion-list li {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    padding-left: 32px;
    margin: 0;
    border-left: 5px solid #F5F5F5;
}

ul.accordion-list li h3 {
    font-weight: 600;
    padding-bottom: 14px;
    margin: 0;
    font-size: 23px;
    line-height: 30px;
    letter-spacing: 0.4px;
    color: #838383;
}

ul.accordion-list li.active .accordion-item {
    color: #080808;
}

ul.accordion-list li .accordion-item-desc {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}

ul.accordion-list li .accordion-item-desc .text {
    font-weight: 400;
    padding-bottom: 14px;
    line-height: 25px;
    margin: 0;
    font-size: 16px;
    color: #080808;
}

ul.accordion-list li.active::before {
    content: '';
    position: absolute;
    top: 0;
    left: -5px;
    width: 5px;
    height: 0;
    background-color: #f6a20c;
    z-index: 2;
    animation: borderAnimation 5s forwards;
}

@keyframes borderAnimation {
    0% {
        height: 0;
    }
    100% {
        height: 100%;
    }
}

/* ------------------------------------------  Product and Services End------------------------------------------ */

/*----Page Text Header Start----*/
.page-header {
    padding: 50px 0 36px;
    z-index: 3;
}
.page-title {
    font-weight: 600;
    font-size: 36px;
    line-height: normal;
    letter-spacing: -1.5px;
    margin-bottom: 0;
    background: linear-gradient(to right, #000000 5%, #8C6824 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    padding-right: 5px;
}
.page-title.black {
    color: #181D27;
    background: none;
    -webkit-background-clip: unset;
    -webkit-text-fill-color: unset;
}
.page-title.white-gradient {
    background: linear-gradient(to right, #FFFFFF 2%, #8C6824 8%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.page-desc {
    font-size: 16px;
    line-height: 32px;
    color: #535862;
    font-weight: 500;
    margin: 10px 0 0 0;
}
.page-sub-title {
    font-size: 16px;
    line-height: 32px;
    color: #181D27;
    font-weight: 600;
    margin: 10px 0 0 0;
}
.page-desc a {
    color: #8C6824;
}
/*----Page Text Header End----*/

/*----Content Page Start----*/
.content-page .section-heading{
    font-size: 26px;
    line-height: 34px;
    color: #181D27;
    font-weight: 600;
    margin-bottom: 10px;
    margin-top: 20px;
}
.content-page:first-child .section-heading{
    margin-top: 0;
}
.content-page p {
    font-size: 16px;
    line-height: 30px;
    color: #535862;
    font-weight: 500;
    margin-bottom: 5px;
    text-align: justify;
}
.content-page a {
    color: #8C6824;
}
/*----Content Page End----*/


/*----PDF Page Start----*/
.pdf-card {
    padding: 13px;
    background-color: #F8F8F8;
    text-align: center;
}
.pdf-title {
    font-size: 14px;
    line-height: 21px;
    color: #535862;
    font-weight: 500;
    margin-top: 13px;
    text-align: center;
}
/*----PDF Page End----*/


/*----Confirmation Page Start----*/
.thumbs-up{
    margin-bottom: 24px;
}

.confirmation-heading{
    font-weight: 600;
    font-size: 30px;
    line-height: 34px;
    margin-bottom: 24px;
    color: #181D27;
}
.confirmation-text{
    font-weight: 500;
    font-size: 16px;
    line-height: 31px;
    margin-bottom: 24px;
    color: #535862;
}
.confirmation-text .link{
    line-height: 18px;
    color: #8C6824;
}
/*----Confirmation Page End----*/

/* ----- aside tabs css start ------ */
.link-section-wrapper {
    display: flex;
    align-items: flex-start;
    min-height: 100%;
}

@media only screen and (min-width: 992px) {


    .tabs-wrapper {
        height: 100vh;
        overflow-y: auto;
        transition: .5s ease;
        min-width: 230px;
        max-width: 230px;
        flex-shrink: 0;
        margin-right: 74px;
    }
    .tabs-wrapper.sticky-private {
        position: sticky;
        top: 178px; /* match total header height */
        height: fit-content;
    }
    .tabs-wrapper.sticky-public {
        position: sticky;
        top: 100px; /* match total header height */
        height: fit-content;
    }
    .tabs{
        padding: 12px 16px;
        background-color: white;
        transition: 0.3s ease-in-out;
        cursor: pointer;
        border-radius: 8px;
        border: 1px solid #ffff;
        text-decoration: none;
        margin-bottom: 3px;

    }
    .tabs:hover, .tabs.active{
        background-color: #FFF8EA;
        border-color: #FFF8EA;
    }
    .tabs:hover .heading, .tabs.active .heading{
        font-weight: 500;
        color: #8C6824;
    }
    .tabs .heading{
        font-weight: 500;
        font-size: 16px;
        line-height:18px;
        display: inline-block;
        color: #747474;
        margin-bottom: 0;
    }
    .tab-icon{
        height: 20px;
        width: 20px;
        margin-right: 17px;
        transition: 0.3s ease-in-out;
    }
    .tab-icon.mustard{
        display: none;
        margin-right: 17px;
        transition: 0.3s ease-in-out;
    }
    .tabs:hover .tab-icon.gray, .tabs.active .tab-icon.gray{
        display: none;
    }
    .tabs:hover .tab-icon.mustard, .tabs.active .tab-icon.mustard{
        display: block;
    }
}


.content-area {
    flex-grow: 1;
}

/* ----- aside tabs css end ------ */


/* ------------------------------------------  Custom Select Css Start ------------------------------------------ */
.custom-select-wrapper {
    position: relative;
    display: inline-block;
    width: 175px;
    margin-left: 17px;
}

/* ::before and ::after for icons */
.custom-select-wrapper::before,
.custom-select-wrapper::after {
    content: "";
    position: absolute;
    width: 13px;
    height: 13px;
    background-size: contain;
    background-repeat: no-repeat;
    pointer-events: none;
}

.custom-select-wrapper::before {
    left: 15px;
    top: 17px;
    background-image: url('../images/icons/sort.svg');
}

.custom-select-wrapper::after {
    right: 15px;
    top: 17px;
    background-image: url('../images/icons/arrow-down-brown.svg');
}

.custom-select {
    width: 100%;
    padding: 10px 40px 10px 42px;
    border: none;
    border-radius: 6px;
    background-color: #2A1F0B;
    color: #8b5e00;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
}

.custom-select:focus {
    outline: none;
    box-shadow: none;
}
/* ------------------------------------------  Custom Select Css End ------------------------------------------ */


/* ------------------------------------------  Product Category Css Start ------------------------------------------ */
.product-row {
    row-gap: 16px;
}
.product-item-card {
    border: 1px solid #8C68244D;
    padding: 30px;
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: space-between;
}

.product-item-card .product-img {
    /*padding: 0 46px;*/
    width: 100%;

}

.product-item-card .title {
    font-size: 18px;
    font-weight: 600;
    line-height: 23px;
    letter-spacing: -0.6px;
    text-transform: capitalize;
    color: #F5B851;
    margin-bottom: 20px;
    margin-top: 35px;
}

.product-item-card .price {
    font-size: 16px;
    font-weight: 600;
    line-height: 18px;
    letter-spacing: -0.52px;
    text-transform: capitalize;
    color: #FFFFFF;
    margin-bottom: 17px;
}

/* ------------------------------------------  Product Category Css End ------------------------------------------ */

/* ------------------------------------------  Product Detail Css Start ------------------------------------------ */
/*-----Main Image-----*/
.main-product-wrapper{
    padding: 60px 47px;
    border: 1px solid #E1E3EA;
    border-radius: 12px;
    margin-bottom: 24px;
    position: relative;
    overflow: hidden;
}
/*-----Additional Image-----*/

.additional-products{
    padding: 23px 47px;
    border: 1px solid #E1E3EA;
    border-radius: 12px;
    cursor: pointer;
}
.additional-products img {
    width: auto !important;
}

.product--zoom-image {
    /*transition: transform 0.3s ease;*/
    /*transform-origin: center center; !* Will be overridden dynamically *!*/
    /*will-change: transform;*/
    /*display: block;*/
    cursor: zoom-in;
    width: 100%;
}

.zoom-container {
    position: absolute;
    pointer-events: none;
    display: none;
    width: 100px;
    height: 100px;
}

/* ------------------------------------------  breadcrumb Css Start ------------------------------------------ */
.breadcrumb {
    font-size: 14px;
    line-height: 30px;
    color: #585858;
    margin-bottom: 0;
}
.breadcrumb .breadcrumb-item a {
    color: #8C6925;
}
/* ------------------------------------------  breadcrumb Css Start ------------------------------------------ */

.product-breadcrumb{
    margin-bottom: 16px;
}

/*-----Products carousel dots -----*/

.additional-product-carousel .owl-dots .owl-dot span {
    width: 8px !important;
    height: 8px !important;
    background-color: #ffeecf;
}
.additional-product-carousel .owl-dots .owl-dot.active span {
    background: #8c6824;
}
.additional-product-carousel .owl-stage {
margin-bottom: 10px;
}


/*-----Products detail info -----*/

.product-info{
    margin-bottom: 24px;
}
.product-info .title{
    font-weight: 600;
    font-size: 30px;
    line-height: 34px;
    color: #181D27;
    margin-bottom: 0;
}
.product-info .price{
    font-weight: 600;
    font-size: 18px;
    line-height: 30px;
    color: #535862;
    margin-bottom: 0;
    white-space: nowrap;
}

/*-----Products Cards Info -----*/
.product-card-info{
    margin-bottom: 32px;
    gap: 20px;
    flex-wrap: wrap;
}
.product-card-info .small-card{
    padding: 10px 16px;
    border: 1px solid #E1E3EA;
    border-radius: 4px;
    flex: 1;
}
.small-card .title{
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    color: #535862;
    margin-bottom: 7px;
    display: block;
    white-space: nowrap;
}
.small-card .value{
    font-weight: 600;
    font-size: 16px;
    line-height: 20px;
    color: #181D27;
    margin-bottom: 0;
}
/*-----Products Quantity Info -----*/

.product-quantity .field-group{
    width: 100px;
}

.product-quantity .field-group .field-control {
    padding: 14px 16px 14px 16px;
}

.product-quantity .title{
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    color: #181D27;
}

/*-----Products Final Price -----*/
.final-pirce {
    font-weight: 400;
    font-size: 13px;
    line-height: 28px;
    font-style: italic;
    color: #ABABAB;
    margin-bottom: 34px;
}


/*-----Products Description Price -----*/
.product-description .text{
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #535862;
}
.accordion-body .sub-heading{
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    color: #181D27;
    margin-bottom: 12px;
    margin-top: 16px;
}
.accordion-body .sub-heading:first-child {
    margin-top: 0;
}

.product-specification {
    display: flex;
    gap: 10px;
    align-items: center;
    margin-bottom: 10px;
}
.product-specification .title{
    font-weight: 500;
    font-size: 16px;
    line-height: 20px;
    color: #535862;
    max-width: 150px;
    min-width: 150px;
    display: inline-block;
}
.product-specification .value{
    font-weight: 400;
    font-size: 16px;
    line-height: 28px;
    color: #535862;
}

/*-----Product Specification Accordion-----*/

#product-specification .accordion-item {
    border: 0;
}
#product-specification .accordion-body {
    padding: 12px 0 24px 0;
}
#product-specification .accordion-button:focus {
    box-shadow: none;
    border-color: #E1E3EA;
}

#product-specification .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
    color: #181D27;
    padding: 16px 0;
}

#product-specification .accordion-button {
    background-color: transparent;
    padding: 16px 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    color: #181D27;
    border-bottom: 1px solid #E1E3EA;
    margin: 0;
    border-radius: 0 !important;
}

#product-specification .accordion-button:not(.collapsed)::after {
    min-height: 20px;
    background-image: url(../images/icons/minus-icon-black.svg) !important;
    transform: none !important;
    right: 4px;
    position: relative;
}

#product-specification .accordion-button::after {
    background-image: url(../images/icons/plus-icon-black.svg) !important;;
    transform: none !important;
    right: 4px;
    position: relative;
}

/* ------------------------------------------  Product Detail Css End ------------------------------------------ */




/* ------------------------------------------  Contact us Css Start ------------------------------------------ */
.form-container {
    display: flex;
    gap: 27px;
}
.aside-info {
    width: 377px;
    background-color: #FFF8EA;
    padding: 35px 40px;
    flex-shrink: 0;
    border-radius: 16px;
}
.form-wrapper {
    flex-grow: 1;
    border: 3px solid #8C6824;
    border-radius: 16px;
    padding: 60px;
}
.content-box {
    margin-bottom: 24px;
}
.content-box .heading {
    font-size: 18px;
    line-height: normal;
    color: #181D27;
    font-weight: 600;
    margin-bottom: 8px;
    letter-spacing: -0.7px;
}
.content-box .text {
    font-size: 16px;
    line-height: 24px;
    color: #181D27;
    font-weight: 400;
    margin-bottom: 5px;
}
.content-box .text:last-child {
    margin-bottom: 0;
}

.content-box:last-child {
    margin-bottom: 0;
}
/* ------------------------------------------  Contact us Css End ------------------------------------------ */

/* ------------------------------------------  About Us Css Start ------------------------------------------ */
/* ------ About Main Section Start ------ */
.about-hero .title-before{
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 16px;
    color: #ABABAB;
    display: inline-block;
}
.about-hero .heading{
    font-weight: 600;
    font-size: 36px;
    line-height: normal;
    margin-bottom: 10px;
    background: linear-gradient(to right, #FFFFFF 5%, #8C6824 80%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.about-hero .text{
    font-weight: 400;
    font-size: 24px;
    line-height: 38px;
    color: #ABABAB;
    margin-bottom: 0;
}
.store-img{
    border-radius: 12px;
    overflow: hidden;
}
/* ------ About Main Section end ------ */

/* -------  section cards start  ------- */

.teams-section-heading{
    font-weight: 600;
    font-size: 80px;
    line-height: 88px;
    background: linear-gradient(to right, #000000 5%, #8C6824 50%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    margin-bottom: 60px;
}

.teams-member-wrapper {
    padding: 80px 0;
    border-bottom: 1px solid #E1E3EA;
}
.teams-member-wrapper:first-of-type {
    padding-top: 0;
}

.teams-member-wrapper .image-box{
    height: 276px;
    width: 276px;
    border-radius: 50%;
    margin-right: 128px;
    overflow: hidden;
    flex-shrink: 0;
}

.member-details .name{
    font-weight: 600;
    font-size: 24px;
    line-height: normal;
    color: #181D27;
    letter-spacing: -1px;
    margin-bottom: 8px;
}
.member-details .designation{
    font-weight: 500;
    font-size: 18px;
    line-height: normal;
    color: #8C6824;
    margin-bottom: 16px;
}
.member-details .desc{
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #747474;
    margin-bottom: 16px;
}
.member-contact{
    display: flex;
    gap: 50px;
}
.member-contact .contact-link {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #747474;
}

.member-contact .icon{
    height: 15px;
    width: 15px;
    margin-right: 6px;
}

/* -------  section cards start  ------- */
/* ------------------------------------------  About Us Css End ------------------------------------------ */



/* ------------------------------------------  Blog Start ------------------------------------------ */
.blogs-row {
    row-gap: 80px;
}
.blogs-row a {
    display: block;
    height: 100%;
}
.blog-heading{
    font-weight: 600;
    font-size: 80px;
    line-height: normal;
    letter-spacing: -2px;
    margin-bottom: 48px;
    background: linear-gradient(to right, #000000 5%, #8C6824 40%) ;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.blog-thumbnail{
    border-radius: 4px;
    overflow: hidden;
    height: 250px;
}
.blog-thumbnail img{
    object-fit: cover;
    height: 100%;
}
.blog-caption-wrapper{
    margin-top: 25px;
}
.blog-caption-wrapper .publish-date{
    font-weight: 500;
    font-size: 16px;
    line-height: 22px;
    margin-bottom: 4px;
    color: var(--gray);
    text-transform: uppercase;
    letter-spacing: 1.5px;
    display: inline-block;
}
.blog-caption-wrapper .blog-title{
    font-weight: 600;
    font-size: 30px;
    line-height: 42px;
    letter-spacing: -1.5px;
    color: var(--black);
    margin-bottom: 0;
}


/* ---------  Blog Detail Start --------- */
.blog-thumbnail.feature-img {
    height: 330px;
    border-radius: 12px;
    border: 1px solid #D5D7DA33;
}
.blog-thumbnail.content-img {
    height: 215px;
}
.blog-info {
    padding-left: 37px;
}

.blog-info .sub-title{
    font-weight: 500;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 16px;
    color: #ABABAB;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    display: inline-block;
}
.blog-info .blog-title{
     font-weight: 600;
     font-size: 48px;
     line-height: normal;
     padding-bottom: 20px;
     margin-bottom: 20px;
     background: linear-gradient(to right, #ffffff 40%, #8C6824 80%) ;
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
    border-bottom: 1px solid #D5D7DA33;
 }
.blog-info .publish-date{
    font-weight: 400;
    font-size: 16px;
    line-height: normal;
    color: white;
    letter-spacing: 0.32px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.blog-content {
    padding: 0 100px;
}

.blog-content iframe {
    border-radius: 8px;
}
.blog-content p{
    font-weight: 500;
    font-size: 16px;
    line-height: 32px;
    color: #535862;
    margin-bottom: 45px;
}

/* ---------  Blog Detail End --------- */


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





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

footer{
    background-color: var(--black);
}
.footer-pt {
    padding-top: 75px;
}

.footer-pb {
    padding-bottom: 40px;
}

.footer-list-wrapper {
    margin-bottom: 30px;
}
footer ul {
    margin-bottom: 50px;
}
footer  li{
    list-style-type: none;
}
.footer-link {
    font-weight: 400;
    font-size: 20px;
    line-height: normal;
    letter-spacing: 0.34px;
    color: var(--gray);
    text-decoration: none;
    margin-bottom: 26px;
    display: inline-block;
    transition: 0.3s ease-in-out;
}
footer li:last-child .footer-link {
    margin-bottom: 0;
}

.footer-link:hover {
    color: var(--mustard);
}
.contact-info{
    margin-bottom: 30px;
}
footer .contact-info .heading {
    font-weight: 400;
    font-size: 21px;
    line-height: normal;
    letter-spacing: 0.35px;
    color: var(--mustard);
    margin-bottom: 5px;
}

footer .contact-info .text {
    font-weight: 400;
    font-size: 14px;
    line-height: 21px;
    letter-spacing: 0.25px;
    color: var(--gray);
    margin-bottom: 5px;
    text-decoration: none;
    transition: 0.3s ease-in-out;
}
footer .contact-info a.text:hover{
    color: var(--mustard);

}
footer .contact-info:last-child{
    margin-bottom: 0;
}
.address-wrappper {
    padding-bottom: 30px;
}
.footer-bottom {
    padding: 34px 0;
    border-top: 1px solid #8C68244D;
}
.footer-bottom .rights-text{
    font-size: 12px;
    font-weight: 400;
    line-height: 26px;
    color: #5E5E5E;
    letter-spacing: 0.34px;
    margin-bottom: 0;
}

.payments-logo {
    display: flex;
    align-items: center;
    gap: 20px;
}

.social-wrapper {
    display: flex !important;
    gap: 20px;
}
.social-wrapper li{
    list-style-type: none;
}
.social-wrapper li a{
    text-decoration:  none;
}

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




/* ------------------------------------------ Responsive CSS ------------------------------------------ */

/*----- Site Container -----*/
@media only screen and (max-width: 1200px) {
    .container {
        padding: 0 16px;
    }
}

@media only screen and (max-width: 992px) {
    /*----- Site Container -----*/
    #captcha .captcha-code-image{
        border-radius: 10px;
        overflow: hidden;
        height: 47px;
        width: 100%;
    }
    .custom-container {
        width: 100%;
        max-width: 100%;
        padding: 0 16px;
    }

    /*----- Buttons Classes -----*/

    /* .btn-custom {
        padding: 10px 24px;
    } */

    /*.checkout-btns {*/
    /*    gap: 16px;*/
    /*}*/
    .checkout-btns .btn-custom {
        width: 100%;
    }



    /* ------------------------------------------  Common Classes Start ------------------------------------------ */

    .padding-bottom{
        padding-bottom: 60px;
    }
    .padding-top{
        padding-top: 60px;
    }
    .padding-bottom-md{
        padding-bottom: 60px;
    }
    .padding-top-md{
        padding-top: 60px;
    }

    /* ------------------------------------------  Common Classes End ------------------------------------------ */

    /* ------------------------------------------  Header Navigation Start ------------------------------------------ */

    header {
        padding: 16px 0;
    }
    header .logo {
        width: 77px;
        height: 43px;
    }
    .menu-toggle {
        height: 43px;
        width: 43px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
    }

    .menu-toggle .product-counter {
        bottom: -2px;
    }
    .desktop-menu {
        display: none;
    }

    #navigation-layer {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        background: #000000b8;
        height: 100vh;
        z-index: 3;
        opacity: 0;
        visibility: hidden;
    }
    #navigation-layer.active {
        opacity: 1;
        visibility: visible;
    }

    .menu-bottom-btns {
        margin: 180px 20px 0;
        display: flex;
        gap: 10px;
    }


    /* zeynepjs menu styles */

    .zeynep {
        transform: translateY(-100%) translateZ(0);
        max-height: calc(100dvh - 0px);
        height: calc(100dvh - 0px);
        min-height: calc(100dvh - 0px);
        padding-bottom: 8px;
    }

    .zeynep.opened {
        pointer-events: auto;
        transform: translateY(0) translateZ(0);
    }

    .mobile-header {
        background: #000000;
        padding: 16px;
        position: sticky;
        top: 0;
    }

    .mobile-header .menu-logo {
        width: 100px;
        height: 43px;
    }

    .zeynep {
        background-color: #000000;
        color: #FFFFFF;
        width: 100%;
    }

    .zeynep ul {
        list-style-type: none;
        padding: 0;
        -webkit-overflow-scrolling: touch;
    }
    .zeynep ul > li {
        display: block;
    }

    .zeynep ul > li > a {
        display: block;
        font-size: 14px;
        font-weight: 400;
        line-height: 25px;
        padding: 15px 20px;
        text-decoration: none;
        transition: all 150ms;
        color: #FFF;
    }
    .zeynep ul > li > a:hover {
        background-color: #8c6824;
    }
    .zeynep ul > li.has-submenu > a:hover {
        background-color: #000000;
    }

    .zeynep ul > li a {
        border-bottom: 1px solid #8c692536;
    }

    .zeynep ul > li.has-submenu > a {
        background-image: url("../images/icons/submenu-arrow.svg");
        /*background-image: url("../zeynep/submenu-arrow.svg");*/
        background-position: right 20px center;
        background-repeat: no-repeat;
        background-size: 8px 14px;
    }

    .zeynep .submenu {
        background-color: #000000;
        left: 100%;
        padding-bottom: 8px;
    }
    .zeynep .submenu li:first-child {
        margin-top: 75px;
    }

    .zeynep .submenu-header {
        background-color: #000000;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 16px;
        position: fixed;
        top: 0;
        width: 100%;
        height: 75px;
        min-height: 75px;
    }
    .zeynep .submenu-header a {
        border: 0 !important;
    }

    .zeynep .submenu-header > a {
        padding: 0;
        display: flex;
        justify-content: space-between;
    }

    .zeynep .submenu-header .menu-logo {
        width: 77px;
        height: 43px;
    }


    /* ------------------------------------------  Header Navigation End ------------------------------------------ */

    /* ------------------------------------------  Cart Popup CSS Start ------------------------------------------ */
    /*----- Empty Cart -----*/
    .empty-hading {
        font-size: 24px;
    }

    .cart-wrapper{
        min-width: calc(100% - 32px);
        max-height: calc(100dvh - 110px);
        min-height: calc(100dvh - 110px);
        right: 16px;
    }
    .cart-scrollable {
        max-height: calc(100dvh - 110px);
        min-height: calc(100dvh - 110px);
    }

    .cart-cross {
        height: 21px;
        right: 20px;
        top: 20px;
    }
    /*----- Cart Header -----*/
    .cart-header{
        padding:15px 15px;
    }

    /*----- Cart Body -----*/
    .cart-item-wrapper{
        padding: 0 20px 50px 20px;

    }
    .item-wrapper{
        padding: 16px 10px;
    }
    .item-wrapper .heading{
        margin-bottom: 4px;
    }
    .item-wrapper .text{
        font-size: 14px;
        margin-bottom: 4px;
    }

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

    .cart-details .detail-item{
        padding: 15px 20px;
    }

    .cart-checkout{
        padding: 0 20px 15px;

    }
    /* ------------------------------------------  Cart Popup CSS End ------------------------------------------ */

    /* ----- Form Css start ----- */

    .field-group .field-control.password-icon {
        padding: 12px 36px 12px 16px;
    }
    /* ----- Form Css End ----- */

    /*----Table Css Start----*/

    /*----Table Data Not Found Start----*/
    .not-found {
        padding: 30px 0;
    }

    .not-found .heading{
        font-size: 24px;
        background: linear-gradient(to right, #000000 5%, #8C6824 100%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        display: inline-block;
    }
    /*----Table Data Not Found End----*/

    .table.sticky-column-first thead tr th:first-child, .table.sticky-column-first tbody tr td:first-child {
        position: sticky;
        left: 0;
        background-color: white;
    }

    /* Shadow divider effect */
    .table.sticky-column-first thead tr th:first-child::after,
    .table.sticky-column-first tbody tr td:first-child::after {
        content: "";
        position: absolute;
        right: -14px;
        top: 0;
        width: 15px;
        height: 100%;
        /* background: linear-gradient(to right, rgb(0 0 0 / 3%), transparent); */
        z-index: 1;
    }

    .table thead tr th:first-child, .table tbody tr td:first-child {
        padding-left: 50%;
    }

    .table thead tr th:last-child, .table tbody tr td:last-child {
        padding-right: 18px;
    }

    .table thead tr th {
        font-size: 16px;
        line-height: 16px;
    }

    .table-border-wrapper {
        border-color: #FFFFFF;
        padding: 0;
    }

    .table-responsive {
        overflow-x: unset;
    }

    .table,
    .table thead,
    .table tbody,
    .table th,
    .table td,
    .table tr {
        display: block;
        width: 100%;
    }

    .table thead {
        display: none;
    }

    .table tbody tr {
        background: #fff;
        margin-bottom: 1.5rem;
        border: 1px solid #ddd;
        border-radius: 8px;
        padding: 10px;
        box-shadow: 0 2px 4px rgba(0,0,0,0.05);
    }

    .table tbody tr td {
        padding: 12px 15px 12px 50%;
        position: relative;
        text-align: left;
        border-bottom: 1px solid #f1f1f1;
        font-size: 14px;
        color: #333;
    }

    .table tbody tr td:before {
        content: attr(data-column);
        position: absolute;
        left: 3px;
        top: 50%;
        transform: translateY(-50%);
        font-weight: 600;
        white-space: nowrap;
        color: #555;
    }

    .table tbody tr:last-child {
        border-color: #ddd;
    }

    /* Remove border from last td of each card */
    .table tbody tr td:last-child {
        border-bottom: none;
    }

    .total-row {
        display: none !important;
    }
    .actions {
        gap: 10px;
    }















    /*----Table Css End----*/


    /*----Pagination Css Start----*/
    .pagination-wrapper {
        padding: 16px;
        overflow-x: auto;
    }

    .pagination {
        gap: 2px;
    }

    .pagination .page-item {
        min-width: 25px;
    }

    .pagination .page-item .page-link {
        font-size: 15px;
        padding: 7px 12px;

    }

    .pagination-results {
        display: none;
    }

    /*----Pagination Css End----*/


    /*----Order Detail Popup Css Start----*/
    .order-detail-card {
        border: 1px solid #E1E3EA;
        border-radius: 12px;
        padding: 16px;
    }

    .order-detail-card .title {
        margin-bottom: 12px;
    }

    .order-detail-card .title .heading {
        font-size: 14px;
        line-height: 14px;
        color: #414651;
        font-weight: 700;
        margin-bottom: 0;
    }

    .info-row {
        gap: 1px;
        margin-bottom: 7px;
        font-size: 13px;
        flex-direction: column;
    }

    .label {
        min-width: 100%;
        max-width: 100%;
    }

    /*----Order Detail Popup Css End----*/



    /*----Checkout Css Start----*/

    .shipping-method {
        width: 100%;
        flex-shrink: unset;
        margin-right: 0;
    }
    .order-summary {
        flex-grow: unset;
        min-width: 100%;
        max-width: 100%;
    }

    .section-heading {
        font-size: 24px;
        line-height: 30px;
        margin-bottom: 16px;
    }

    .shipping-method .nav-tabs{
        margin-bottom: 16px;
    }

    .address-group {
        margin-bottom: 16px;
    }

    .address-card {
        padding: 16px;
        margin-bottom: 16px;
    }
    .address-card.active {
        border-color: #8D6A27;
    }
    .address-card .card-heading {
        margin-bottom: 8px;
    }

    .info{
        margin-bottom: 4px;
    }

    .sub-heading {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 16px;
    }

    /* Summary */
    .items-card {
        padding: 16px;
    }
    .items-card .img-box {
        margin-right: 16px;
    }

    .item-detail .title{
        font-size: 16px;
        line-height: 16px;
        margin-bottom: 8px;
    }

    .detail-row {
        gap: 7px;
        font-size: 12px;
        line-height: 16px;
    }
    .detail-row .label{
        margin-bottom: 3px;
    }

    .list-price-item {
        padding: 16px;
    }
    .list-price-item:last-child {
        border-color: transparent;
    }
    .footer-card {
        padding: 16px;
    }
    /*----Checkout Css End----*/



    /*----Theme Tabs Css Start----*/
    .category-filter {
        min-width: 100%;
        text-align: center;
    }
    .category-filter .nav-item {
        flex: 1;
    }
    .category-filter .nav-item .nav-link {
        width: 100%;
    }
    .theme-tabs {
        margin: 12px 0;
    }

    /*----Theme Tabs Css End----*/



    /* ----- Messages Css Start ----- */
    .alert {
        font-weight: 400;
        font-size: 14px;
        line-height: 22px;
        padding: 12px 16px;
    }

    /* ----- Messages Css End ----- */

    /* ----- Toast Css Start ----- */
    .toast {
        padding: 15px 45px 15px 20px;
        font-size: 14px;
    }
    /* ----- Toast Css End ----- */

    /* ------------------------------------------  Page Image Header Css Start ------------------------------------------ */
    .page-image-header {
        padding: 48px 0;
    }


    .page-image-header .heading {
        font-size: 24px;
        background: linear-gradient(to right, #FFFFFF 5%, #8C6824 30%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        margin-bottom: 8px;
    }
    .page-image-header .text {
        font-size: 14px;
    }

    /* ------------------------------------------  Page Image Header Css End ------------------------------------------ */

    /*----Modal Css Start----*/
    .modal-header {
        padding: 20px 20px 20px;
    }
    .modal-body {
        padding: 0 20px;
    }
    .modal-footer {
        padding: 20px 20px 20px;
        border-color: #fff;
    }
    .popup-cross {
        top: 18px;
        right: 18px;
        height: 22px;
        width: 22px;
    }
    .modal-title {
        font-size: 16px;
        line-height: 24px;
        padding-right: 22px;
    }
    .header-desc {
        font-size: 13px;
    }
    /*----Modal Css End----*/

    /* ------------------------------------------  Quick View Popup CSS Start ------------------------------------------ */

    .product-image-container {
        min-width: 100%;
        padding: 24px;
        margin-right: 0;
        margin-top: 10px;
    }

    .product-details .detail-item:first-child {
        padding-bottom: 20px;
    }

    .product-details .detail-item {
        padding: 16px 0;
    }

    .product-details .item-label {
        font-size: 14px;
    }

    .product-details .product-name {
        font-size: 24px;
    }

    .product-details .item-value {
        font-size: 14px;
    }



    .product-details .detail-item .field-group {
        max-width: 43px;
    }
    .product-details .detail-item .field-group .field-control {
        padding: 9px 16px 9px 16px;
    }


    /* ------------------------------------------  Quick View Popup CSS End ------------------------------------------ */

    /* ------------------------------------------  Product and Services Start------------------------------------------ */

    .refining-and-services {
        width: 100%;
        margin-right: 0;
    }

    .refining-and-services .heading {
        font-size: 32px;
        line-height: normal;
        margin-bottom: 16px;
    }

    .refining-and-services .desc {
        font-size: 16px;
        line-height: 147%;
        letter-spacing: -0.4px;
        margin-bottom: 24px;
    }

    .our-process .refining-and-services .desc {
        margin-bottom: 24px;
    }

    .aside-video video {
        margin-top: 24px;
        height: 410px;
        min-height: auto;
        border-radius: 8px;
    }
    .aside-image img {
        height: auto;
        border-radius: 8px;
        min-height: 300px;
    }


    ul.accordion-list {
        min-height: 200px;
    }

    ul.accordion-list li {
        padding-left: 20px;
        border-left: 4px solid #F5F5F5;
    }


    ul.accordion-list li .accordion-item-desc .text {
        padding-bottom: 10px;
        line-height: 147%;
    }

    ul.accordion-list li.active::before {
        left: -4px;
        width: 4px;
    }

    /* ------------------------------------------  Product and Services End------------------------------------------ */

    /* ----- aside tabs css start ------ */
    .link-section-wrapper {
        display: block;
        min-height: auto;
    }

    .tabs-wrapper {
        transition: .5s ease;
        min-width: 230px;
        max-width: 100%;
        flex-shrink: 0;
        margin-right: 0;
    }

    .tabs-wrapper.sticky-private {
        position: sticky;
        top: 146px;
        padding-top: 12px;
        background: white;
        z-index: 2;
    }
    .tabs-wrapper.sticky-public {
        position: sticky;
        top: 75px; /* match total header height */
        /*height: fit-content;*/
        padding-top: 12px;
        background: white;
        z-index: 2;
    }

    .content-area {
        flex-grow: 1;
    }

    .tabs {
        padding: 12px 16px;
        background-color: white;
        transition: 0.3s ease-in-out;
        cursor: pointer;
        border-radius: 8px;
        border: 1px solid #ffff;
        text-decoration: none;
    }

    .tabs-fixed {
        display: none;
    }

    .mobile-tabs {
        background: tomato;
        padding: 10px;
        width: 100%;
    }

    #tabsDropdownLabel {
        width: 100%;
        border-radius: 8px;
        background-color: #fff;
        border: solid 1px #F1F1F2;
        padding: 15px;
        letter-spacing: 0.7px;
        font-size: 16px;
        line-height: 18px;
        font-weight: 500;
        color: #8C6824;
        text-align: left;
        position: relative;
    }

    #tabsDropdownLabel::after {
        background-image: url(../images/icons/select-arrow.svg);
        content: "";
        background-repeat: no-repeat;
        height: 10px;
        width: 14px;
        position: absolute;
        right: 14px;
        top: 20px;
    }

    .tabsMobileDropdown {
        position: relative;
    }

    .tabs-dropdown-menu {
        width: 100%;
        padding: 0;
        margin: 0;
    }

    .tabsMobileDropdown button:hover, .tabsMobileDropdown button:focus {
        border: none;
        outline: 0;
    }

    .tabsMobileDropdown.open ul {
        box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.23);
        max-height: 200px;
        height: auto;
        overflow-y: scroll;
        z-index: 2222;
        background: #ffffff;
        top: 52px;
        position: absolute;
        width: 100%;
        padding: 10px;
        border-radius: 12px;

    }

    .tabsMobileDropdown ul {
        height: 0;
        overflow: hidden;
    }

    .tabs-dropdown-menu li {
        list-style-type: none;
        line-height: 20px;
        color: #1D1D1D;
        font-size: 14px;
        cursor: pointer;
        padding: 8px;

    }

    .tabs-dropdown-menu li:hover {
        background-color: #f0f0f0;
    }

    /* ----- aside tabs css end ------ */

    /* ------------------------------------------  Custom Select Css Start ------------------------------------------ */
    .custom-select-wrapper {
        width: 100%;
        margin-left: 0;
    }

    /* ------------------------------------------  Custom Select Css End ------------------------------------------ */

    /* ------------------------------------------  Product Category Css Start ------------------------------------------ */

    .product-item-card .title {
        font-size: 16px;
        line-height: 23px;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    /* ------------------------------------------  Product Category Css End ------------------------------------------ */

    /* ------------------------------------------  Product Detail Css Start ------------------------------------------ */


/*-----Main Image-----*/
.main-product-wrapper{
    padding: 30px;
}
/*-----Additional Image-----*/

.additional-products{
    padding: 20px 40px;
}

/* ------------------------------------------  breadcrumb Css Start ------------------------------------------ */
.breadcrumb {
    font-size: 12px;
    line-height: 20px;
}
/* ------------------------------------------  breadcrumb Css Start ------------------------------------------ */

.product-breadcrumb{
    margin-bottom: 10px;
}

.product-info{
    margin-bottom: 24px;
}
.product-info .title{
    font-size: 24px;
    line-height: 30px;
}
.product-info .price{
    font-size: 16px;
    line-height: 20px;
}

/*-----Products Cards Info -----*/
.product-card-info{
    margin-bottom: 24px;
    margin-top: 12px;
    gap: 10px;
}
.product-card-info .small-card{
    padding: 10px 16px;
}
.small-card .title{
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 7px;
}
.small-card .value{
    font-size: 16px;
    line-height: 20px;
}
/*-----Products Quantity Info -----*/

.product-quantity .field-group{
    width: 47px;
}

.product-quantity .field-group .field-control {
    padding: 10px;
}

/*-----Products Final Price -----*/
.final-pirce {
    font-size: 13px;
    line-height: 20px;
    margin-bottom: 10px;
    margin-top: 10px;
}


/*-----Products Description Price -----*/


.product-specification {
    align-items: flex-start;

    margin-bottom: 6px;
}
.product-specification .title{
    font-size: 14px;
    line-height: 20px;
    max-width: 130px;
    min-width: 130px;
}
.product-specification .value{
    font-size: 14px;
    line-height: 22px;
}

/*-----Product Specification Accordion-----*/

#product-specification .accordion-item {
    border: 0;
}
#product-specification .accordion-body {
    padding: 12px 0 24px 0;
}
#product-specification .accordion-button:focus {
    box-shadow: none;
    border-color: #E1E3EA;
}

#product-specification .accordion-button:not(.collapsed) {
    background-color: transparent;
    box-shadow: none;
    color: #181D27;
    padding: 16px 0;
}

#product-specification .accordion-button {
    background-color: transparent;
    padding: 16px 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 16px;
    color: #181D27;
    border-bottom: 1px solid #E1E3EA;
    margin: 0;
    border-radius: 0 !important;
}


/* ------------------------------------------  Product Detail Css End ------------------------------------------ */

    /*----Page Text Header Start----*/
    .page-header {
        padding: 24px 0 24px;
    }
    .page-title {
        font-size: 32px;
        background: linear-gradient(to right, #000000 5%, #8C6824 40%) ;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    .page-desc {
        line-height: 27px;
    }
    .page-title.white-gradient {
        background: linear-gradient(to right, #FFFFFF 5%, #8C6824 15%);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
    }
    /*----Page Text Header End----*/

    /*----Content Page Start----*/
    .content-page .section-heading{
        font-size: 20px;
        line-height: normal;
        margin-bottom: 5px;
    }
    .content-page p {
        line-height: 26px;
    }
    /*----Content Page End----*/


    /*----Confirmation Page Start----*/
    .confirmation-heading{
        font-size: 24px;
        margin-bottom: 18px;
    }
    .confirmation-text{
        margin-bottom: 18px;
    }
    /*----Confirmation Page End----*/


    /* ------------------------------------------  Contact us Css Start ------------------------------------------ */
    .form-container {
        flex-direction: column;
        gap: 20px;
    }
    .aside-info {
        width: 100%;
        padding: 20px;
    }
    .form-wrapper {
        padding: 20px;
    }
    .content-box {
        margin-bottom: 14px;
    }
    .content-box .heading {
        font-size: 16px;
        margin-bottom: 5px;
    }
    .content-box .text {
        font-size: 14px;
    }

    /* ------------------------------------------  Contact us Css End ------------------------------------------ */

    /* ------------------------------------------  About Us Css Start ------------------------------------------ */
    /* ------ About Main Section Start ------ */
    .about-hero .title-before{
        margin-bottom: 10px;
    }
    .about-hero .heading{
        font-size: 24px;
        margin-bottom: 10px;
    }
    .about-hero .text{
        font-size: 16px;
        line-height: 24px;
        margin-bottom: 20px;
    }
    /* ------ About Main Section end ------ */

    /* -------  section cards start  ------- */
    .teams-section-heading{
        font-size: 40px;
        line-height: normal;
        margin-bottom: 30px;
    }

    .teams-member-wrapper {
        padding: 40px 0;
    }

    .teams-member-wrapper .image-box{
        height: 276px;
        width: 276px;
        /*margin: 0 0 20px 0;*/
        border-radius: 20px;
        margin: 0 auto 20px auto;
        box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.06) 0px 2px 4px -1px;
    }

    .member-details .name{
        text-align: center;
    }
    .member-details .designation{
        text-align: center;
        margin-bottom: 10px;
    }
    .member-details .desc{
        text-align: justify;
    }
    .member-contact{
        flex-direction: column;
        gap: 10px;
    }
    .member-contact .contact-link {
        font-size: 16px;
        font-weight: 400;
        line-height: 24px;
        color: #747474;
    }

    .member-contact .icon{
        height: 15px;
        width: 15px;
        margin-right: 6px;
    }

    /* -------  section cards start  ------- */
    /* ------------------------------------------  About Us Css End ------------------------------------------ */


    /* ------------------------------------------  Blog Start ------------------------------------------ */
    .blogs-row {
        row-gap: 30px;
    }
    .blog-heading{
        font-weight: 600;
        font-size: 32px;
        margin-bottom: 16px;
    }
    .blog-caption-wrapper{
        margin-top: 12px;
    }
    .blog-caption-wrapper .publish-date{
        font-size: 13px;
        line-height: normal;
        margin-bottom: 8px;
    }
    .blog-caption-wrapper .blog-title{
        font-size: 24px;
        line-height:31px;
    }



    /* ---------  Blog Detail Start --------- */
    .blog-thumbnail.feature-img {
        height: 250px;
    }
    .blog-thumbnail.content-img {
        height: 250px;
        margin-bottom: 24px;
    }
    .blog-info {
        padding-left: 0;
        margin-bottom: 30px;
    }

    .blog-info .sub-title{
        font-size: 12px;
        margin-bottom: 10px;
    }
    .blog-info .blog-title{
        font-size: 30px;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .blog-info .publish-date{
        font-size: 14px;
    }

    .blog-content {
        padding: 0;
    }

    .blog-content iframe {
        max-width: 100%;
        width: 100%;
        max-height: 250px;
    }
    .blog-content p{
        line-height: 26px;
        margin-bottom: 24px;
    }

    /* ---------  Blog Detail End --------- */
    /* ------------------------------------------  Blog End ------------------------------------------ */

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

    .footer-pt {
        padding-top: 34px;
    }

    .footer-pb {
        padding-bottom: 30px;
    }
    .footer-logo{
        margin-bottom: 34px;
        width: 100px;
    }
    footer ul:first-child {
        margin-bottom: 10px;
    }
    footer ul {
        margin-bottom: 25px;
    }
    .footer-link {
        font-weight: 500;
        font-size: 18px;
        line-height: normal;
        margin-bottom: 12px;
    }
    .contact-info {
        margin-bottom: 25px;
    }
    footer .contact-info .heading {
        font-size: 24px;
    }
    footer .contact-info .text {
        font-size: 18px;
        font-weight: 500;
    }
    /* .social-wrapper{
        margin-top: 12px;
    } */
    .footer-bottom {
        border-color: transparent;
        padding: 0 0 26px 0;
    }
    /* ------------------------------------------ Footer End ------------------------------------------ */

}



.chip {
    padding: 7px;
    border: 3px dashed;
    border-radius: 6px;
    font-size: 12px;
    line-height: 16px;
    font-weight: 600;
    display: inline-block;
}
.chip-danger {
    border-color: #F1416C;
    color: #F1416C;
}
.chip-warning {
    border-color: #CEAA60;
    color: #987428;
}
.custom-badge {
    font-weight: 600;
    font-size: 12px;
    /*line-height: 12px;*/
    border-radius: 4px;
    padding: 7px;
    display: inline-block;
}
.primary-badge {
    color: #3E97FF;
    background-color: #EEF6FF;
}
.success-badge {
    background-color: #50CD89;
    color: #ffffff;
}