/*Customize Bootstrap classes with changing the color of the buttons and the background color of the navbar.*/


a.navbar-brand {
    white-space: normal;
    text-align: center;
    word-break: break-all;
}



.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    background-color: #1b6ec2;
    border-color: #1861ac;
}

html {
    font-size: 14px;
}

@media (min-width: 768px) {
    html {
        font-size: 16px;
    }
}

.border-top {
    border-top: 1px solid #e5e5e5;
}

.border-bottom {
    border-bottom: 1px solid #e5e5e5;
}

.box-shadow {
    box-shadow: 0 .25rem .75rem rgba(0, 0, 0, .05);
}

button.accept-policy {
    font-size: 1rem;
    line-height: inherit;
}

html {
    position: relative;
    min-height: 100%;
}



.badge {
    background-color: rgba(189, 116, 24, 0.6);
    color: white;
}

.text-warning {
    color: #ffc107 !important;
}

.text-secondary {
    color: #BD7418 !important;
}

.text-primary {
    color: #3E3F3A !important;
}

.text-success {
    color: #4b7147 !important;
}

.bg-primary {
    background-color: #3E3F3A !important;
}

.bg-secondary {
    background-color: #BD7418 !important;
}

.bg-success {
    background-color: #4b7147 !important;
}

.bg-light {
    background-color: #FFF4E0 !important;
}

.bg-grey {
    background-color: #F3F4F8 !important;
}

.card {
    border-color: #BD7418 !important;
}



/* btn-outline-primary */



.btn-outline-primary {
    color: #3E3F3A;
    border-color: #3E3F3A;
}



    .btn-outline-primary:hover {
        color: #fff;
        background-color: #5A5B55;
        border-color: #5A5B55;
    }



    .btn-check:focus + .btn-outline-primary, .btn-outline-primary:focus {
        box-shadow: 0 0 0 0.3rem rgba(90, 91, 85, 0.5);
    }



    .btn-check:checked + .btn-outline-primary,
    .btn-check:active + .btn-outline-primary, .btn-outline-primary:active, .btn-outline-primary.active, .btn-outline-primary.dropdown-toggle.show {
        color: #fff;
        background-color: #5A5B55;
        background-color: #5A5B55;
        border-color: #5A5B55;
    }



        .btn-check:checked + .btn-outline-primary:focus,
        .btn-check:active + .btn-outline-primary:focus, .btn-outline-primary:active:focus, .btn-outline-primary.active:focus, .btn-outline-primary.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.3rem rgba(90, 91, 85, 0.5);
        }



    .btn-outline-primary:disabled, .btn-outline-primary.disabled {
        color: #192E2F;
        background-color: transparent;
    }


.btn-outline-warning {
    color: #C07b24;
    border-color: #C07b24;
}



    .btn-outline-warning:hover {
        color: #fff;
        background-color: #C07b24;
        border-color: #C07b24;
    }



    .btn-check:focus + .btn-outline-warning, .btn-outline-warning:focus {
        box-shadow: 0 0 0 0.25rem rgba(25, 46, 47, 0.5);
    }



    .btn-check:checked + .btn-outline-warning,
    .btn-check:active + .btn-outline-warning, .btn-outline-warning:active, .btn-outline-warning.active, .btn-outline-warning.dropdown-toggle.show {
        color: #fff;
        background-color: #C07b24;
        border-color: #C07b24;
    }



        .btn-check:checked + .btn-outline-warning:focus,
        .btn-check:active + .btn-outline-warning:focus, .btn-outline-warning:active:focus, .btn-outline-warning.active:focus, .btn-outline-warning.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(25, 46, 47, 0.5);
        }



    .btn-outline-warning:disabled, .btn-outline-warning.disabled {
        color: #C07b24;
        background-color: transparent;
    }



.btn-outline-secondary {
    color: #3E3F3A;
    border-color: #3E3F3A;
}



    .btn-outline-secondary:hover {
        color: #fff;
        background-color: #3E3F3A;
        border-color: #3E3F3A;
    }



    .btn-check:focus + .btn-outline-secondary, .btn-outline-secondary:focus {
        box-shadow: 0 0 0 0.25rem rgba(25, 46, 47, 0.5);
    }



    .btn-check:checked + .btn-outline-secondary,
    .btn-check:active + .btn-outline-secondary, .btn-outline-secondary:active, .btn-outline-secondary.active, .btn-outline-secondary.dropdown-toggle.show {
        color: #fff;
        background-color: #134b5f;
        border-color: #134b5f;
    }



        .btn-check:checked + .btn-outline-secondary:focus,
        .btn-check:active + .btn-outline-secondary:focus, .btn-outline-secondary:active:focus, .btn-outline-secondary.active:focus, .btn-outline-secondary.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(25, 46, 47, 0.5);
        }



    .btn-outline-secondary:disabled, .btn-outline-secondary.disabled {
        color: #134b5f;
        background-color: transparent;
    }




/* btn-primary */



.btn-primary {
    color: #fff;
    background-color: #3E3F3A;
    border-color: #3E3F3A;
}



    .btn-primary:hover {
        color: #fff;
        background-color: #595A54;
        border-color: #595A54;
    }



    .btn-check:focus + .btn-primary, .btn-primary:focus {
        color: #fff;
        background-color: #595A54;
        border-color: #595A54;
        box-shadow: 0 0 0 0.25rem rgba(60, 60, 60, 0.5);
    }



    .btn-check:checked + .btn-primary,
    .btn-check:active + .btn-primary, .btn-primary:active, .btn-primary.active,
    .show > .btn-primary.dropdown-toggle {
        color: #fff;
        background-color: #595A54;
        border-color: #595A54;
    }



        .btn-check:checked + .btn-primary:focus,
        .btn-check:active + .btn-primary:focus, .btn-primary:active:focus, .btn-primary.active:focus,
        .show > .btn-primary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.25rem rgba(60, 60, 60, 0.5);
        }



    .btn-primary:disabled, .btn-primary.disabled {
        color: #fff;
        background-color: #445f5e;
        border-color: #445f5e;
    }


.btn-danger {
    color: #fff;
    background-color: #CA1929;
    border-color: #CA1929;
}



    .btn-danger:hover {
        color: #fff;
        background-color: #b84743;
        border-color: #ae423f;
    }



    .btn-check:focus + .btn-danger, .btn-danger:focus {
        color: #fff;
        background-color: #d9534f;
        border-color: #d9534f;
        box-shadow: 0 0 0 0.25rem rgba(223, 109, 105, 0.5);
    }



    .btn-check:checked + .btn-danger,
    .btn-check:active + .btn-danger, .btn-danger:active, .btn-danger.active,
    .show > .btn-danger.dropdown-toggle {
        color: #fff;
        background-color: #b84743;
        border-color: #b84743;
    }



        .btn-check:checked + .btn-danger:focus,
        .btn-check:active + .btn-danger:focus, .btn-danger:active:focus, .btn-danger.active:focus,
        .show > .btn-danger.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.25rem rgba(223, 109, 105, 0.5);
        }



    .btn-danger:disabled, .btn-danger.disabled {
        color: #fff;
        background-color: #b84743;
        border-color: #b84743;
    }





.btn-secondary {
    color: #fff;
    background-color: #BD7418;
    border-color: #BD7418;
}



    .btn-secondary:hover {
        color: #fff;
        background-color: #D4831C;
        border-color: #D4831C;
    }



    .btn-check:focus + .btn-secondary, .btn-secondary:focus {
        color: #fff;
        background-color: #D4831C;
        border-color: #D4831C;
        box-shadow: 0 0 0 0.25rem rgba(60, 60, 60, 0.5);
    }



    .btn-check:checked + .btn-secondary,
    .btn-check:active + .btn-secondary, .btn-secondary:active, .btn-secondary.active,
    .show > .btn-secondary.dropdown-toggle {
        color: #fff;
        background-color: #1a6985;
        border-color: #1a6985;
    }



        .btn-check:checked + .btn-secondary:focus,
        .btn-check:active + .btn-secondary:focus, .btn-secondary:active:focus, .btn-secondary.active:focus,
        .show > .btn-secondary.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.25rem rgba(60, 60, 60, 0.5);
        }



    .btn-secondary:disabled, .btn-secondary.disabled {
        color: #fff;
        background-color: #1a6985;
        border-color: #1a6985;
    }




.btn-warning {
    color: #fff;
    background-color: #BD7418;
    border-color: #BD7418;
}



    .btn-warning:hover {
        color: #fff;
        background-color: #c6883a;
        border-color: #c6883a;
    }



    .btn-check:focus + .btn-warning, .btn-warning:focus {
        color: #fff;
        background-color: #c6883a;
        border-color: #c6883a;
        box-shadow: 0 0 0 0.25rem rgba(60, 60, 60, 0.5);
    }



    .btn-check:checked + .btn-warning,
    .btn-check:active + .btn-warning, .btn-warning:active, .btn-warning.active,
    .show > .btn-warning.dropdown-toggle {
        color: #fff;
        background-color: #c6883a;
        border-color: #c6883a;
    }



        .btn-check:checked + .btn-warning:focus,
        .btn-check:active + .btn-warning:focus, .btn-warning:active:focus, .btn-warning.active:focus,
        .show > .btn-warning.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.25rem rgba(60, 60, 60, 0.5);
        }



    .btn-warning:disabled, .btn-warning.disabled {
        color: #fff;
        background-color: #c6883a;
        border-color: #c6883a;
    }





.btn-outline-success {
    color: #4b7147;
    border-color: #4b7147;
}



    .btn-outline-success:hover {
        color: #fff;
        background-color: #4b7147;
        border-color: #4b7147;
    }



    .btn-check:focus + .btn-outline-success, .btn-outline-success:focus {
        box-shadow: 0 0 0 0.25rem rgba(25, 46, 47, 0.5);
    }



    .btn-check:checked + .btn-outline-success,
    .btn-check:active + .btn-outline-success, .btn-outline-success:active, .btn-outline-success.active, .btn-outline-success.dropdown-toggle.show {
        color: #fff;
        background-color: #4b7147;
        border-color: #4b7147;
    }



        .btn-check:checked + .btn-outline-success:focus,
        .btn-check:active + .btn-outline-success:focus, .btn-outline-success:active:focus, .btn-outline-success.active:focus, .btn-outline-success.dropdown-toggle.show:focus {
            box-shadow: 0 0 0 0.25rem rgba(25, 46, 47, 0.5);
        }



    .btn-outline-success:disabled, .btn-outline-success.disabled {
        color: #4b7147;
        background-color: transparent;
    }




/* btn-primary */



.btn-success {
    color: #fff;
    background-color: #4b7147;
    border-color: #4b7147;
}



    .btn-success:hover {
        color: #fff;
        background-color: #578553;
        border-color: #578553;
    }



    .btn-check:focus + .btn-success, .btn-success:focus {
        color: #fff;
        background-color: #578553;
        border-color: #578553;
        box-shadow: 0 0 0 0.25rem rgba(60, 60, 60, 0.5);
    }



    .btn-check:checked + .btn-success,
    .btn-check:active + .btn-success, .btn-success:active, .btn-success.active,
    .show > .btn-success.dropdown-toggle {
        color: #fff;
        background-color: #578553;
        border-color: #578553;
    }



        .btn-check:checked + .btn-success:focus,
        .btn-check:active + .btn-success:focus, .btn-success:active:focus, .btn-success.active:focus,
        .show > .btn-success.dropdown-toggle:focus {
            box-shadow: 0 0 0 0.25rem rgba(60, 60, 60, 0.5);
        }



    .btn-success:disabled, .btn-success.disabled {
        color: #fff;
        background-color: #578553;
        border-color: #578553;
    }


.divider-text:before,
.divider-text:after {
    color:white;
    content:"";
    flex:1;
    border-bottom:1px solid #555;
    margin:auto 0.25rem;
    box-shadow: 0 -2px;
}


/* bachground colors */
.bg-primary {
    background-color: #3E3F3A !important;
}

.bg-dark {
    background-color: #3E3F3A !important;
}

.list-group-item.active {
    border:none !important; 
}


/* my css styling */
/*code for bottom line to section title*/
.section-title h2 {
    position: relative; /* Make sure the h2 is positioned relatively */
    padding-bottom: 10px;
}

.section-title h2::before {
    position: absolute;
    left: 50%;
    bottom: 0;
    content: "";
    background-color: #C6883A;
    height: 2px;
    width: 50px;
    margin-left: -25px;
    border-radius: 2px;
}


/*its div that has product image*/
.product-card {
    width: 100%;
    height: 270px; /* Set desired height */
    overflow: hidden;
}

    .product-card:hover {
        transform: scale(1.03); /*Scale up the card on hover */
        transition: transform 0.3s ease; /*Smooth transition */
    }


    .product-card img {
        width: 100%;
        height: 100%;
        object-fit: contain; /* Makes sure the image fills the area without stretching */
    }


.dropdown-menu a {
    /*    font-size: 14px !important;*/
    text-transform: capitalize !important;
}
/*class if you want to add margin bottom*/
.card-margin {
    margin-bottom: 100px;
}

/*this for datatable align*/
.datatbl th {
    text-align: left !important;
}
.datatbl td {
    text-align: left !important;
}


.btn-no-focus:focus,
.btn-no-focus:active {
    outline: none !important;
    box-shadow: none !important;
}

/*Custom style for paggination controller*/
.custom-pagination .page-link {
    color: #BD7418; /* Bootstrap primary color */
    background-color: #fff;
    border: 1px solid #dee2e6;
    margin: 0 2px;
    transition: all 0.3s ease;
}

.custom-pagination .page-link:hover {
    color: #BD7418;
    background-color: #e9ecef;
    border-color: #dee2e6;
}

.custom-pagination .page-item.active .page-link {
    color: #fff;
    background-color: #BD7418;
    border-color: #BD7418;
}

.custom-pagination .page-item.disabled .page-link {
    color: #6c757d;
    pointer-events: none;
    background-color: #fff;
    border-color: #dee2e6;
}

/*home category section start*/
.category-item {
    background-color: #f8f9fa;
    border-radius: 10px;
    padding: 30px 20px;
    transition: 0.3s;
    height: 180px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.category-item:hover {
    background-color: #e9ecef;
    transform: translateY(-5px);
}

.category-item img {
    width: 50px;
    height: 50px;
    object-fit: contain;
    margin-bottom: 15px;
}
/*home category section ends*/

/*footer section start*/
footer {
    margin-top: auto;
    background-color: #262626;
    color: #d3d3d3;
}

    footer h6 {
        color: #ffffff;
        font-weight: 600;
    }

    footer a {
        color: #d3d3d3;
        text-decoration: none;
    }

        footer a:hover {
            color: #ffffff;
            text-decoration: underline;
        }

.newsletter-input {
    background-color: white;
    border: none;
    color: #d3d3d3;
}

    .newsletter-input::placeholder {
        color: #888;
    }

.newsletter-btn {
    background-color: #BD7418;
    color:white;
    border: none;
}

    .newsletter-btn:hover {
        background-color: #a76818;
    }

.payment-icons i {
    font-size: 24px;
    margin-left: 10px;
}
/*footer section ends*/