:root {
    --bgc: #222222;
    --bgc2: #262626;
    --titlec: #fff;
    --textc: #ddd;
    --metac: #bbb;
    --oc: #c29958;
    --fontfamily: "dana","Lato", sans-serif;
}
a {
    text-decoration: none;
}
@font-face {
    font-family: "dana";
    src: url("./fonts/dana-regular.woff2") format("woff2");
    src: url("./fonts/dana-regular.woff") format("woff");
    font-display:swap;
}

.table {
    --bs-table-bg: unset;
    --bs-table-color:unset;
}

.slick-prev {
    z-index: 10;
}
.slick-next {
    z-index: 11;
}
input[type="checkbox"] {
    /* Add if not using autoprefixer */
    -webkit-appearance: none;
    appearance: none;
    background-color: var(--form-background);
    margin: 0;
    font: inherit;
    color: currentColor;
    width: 0.7em;
    height: 0.7em;
    border: 0.1em solid currentColor;
    border-radius: 0.15em;
    transform: translateY(-0.4em);
    display: grid;
    place-content: center;
}

    input[type="checkbox"]::before {
        content: "";
        width: 1em;
        height: 1em;
        clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
        transform: scale(0);
        transform-origin: bottom left;
        transition: 120ms transform ease-in-out;
        box-shadow: inset 1em 1em var(--form-control-color);
        background-color: #c29958;
    }

    input[type="checkbox"]:checked::before {
        transform: scale(1);
    }

    input[type="checkbox"]:focus {
        outline: max(2px, 0.15em) solid currentColor;
        outline-offset: max(2px, 0.15em);
    }

    input[type="checkbox"]:disabled {
        --form-control-color: var(--form-control-disabled);
        color: var(--form-control-disabled);
        cursor: not-allowed;
    }
a#dntCaptchaPadinaJewelryRefreshButton {
    color: #c29958;
    height: 24px;
    line-height: 1rem;
    font-size: 1.2rem;
    padding-right: 15px;
    text-decoration: auto;
    font-weight: bolder;
}
.modal-dialog.modal-sm.modal-dialog-centered {
    justify-content: center;
    max-width: 400px;
}
input#DNTCaptchaInputTextPadinaJewelry {
    color: wheat;
    direction: ltr;
}
.img-gradient::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(158deg, rgb(194 153 88 / 15%) 0%, rgb(215 176 113) 100%);
}
.widget-body .blog-tags li {
    display: inline-block;
    margin:2px;
}
    .widget-body .blog-tags li a {
        color: var(--textc);
        font-size: .85rem;
        border: 1px solid #555;
        padding: 1px 5px 0px;
        display: inline-block;
        text-transform: capitalize;
    }
.section-title h1{
    font-size:1.75rem;
}
.search-page .search-field {
    width: calc(100% - 50px);
    border: 1px solid #555;
    padding: 0 10px;
    color: #ddd;
    font-size: 14px;
    height: 50px;
    float: left;
    text-transform: capitalize;
    background-color: transparent;
}
.search-page .search-btn i {
    font-size: 20px;
    line-height: 50px;
    color: var(--titlec);
    -webkit-transition: 0.4s;
    -o-transition: 0.4s;
    transition: 0.4s;
}
.btn-cart2 i {
    padding-left: 10px;
    font-size: 1.2rem;
}
.contact-info a{
    color:white;
}
    .contact-info a:hover {
        color: var(--oc);
    }

.form-check-input:checked {
    background-color: var(--oc);
    border-color: var(--oc);
    font-size: 15px;
}
.card-body{
    color:white;
}
/*================*/
.form-select {
    background-color: inherit;
    color: inherit;
    line-height:2rem;
}
    .form-select option {
        background-color: var(--bgc2);
        padding:10px;
    }
    option::after{
        content:"";
        height:10px;
    }
.fbox-icon {
    font-size: 3rem;
}
.paginatoin-area .pagination-box li.active span {
    color: var(--titlec);
    background-color: var(--oc);
}
.paginatoin-area .pagination-box li.inactive span {
    color: var(--metac);
    background-color: var(--bgc2);
}
.paginatoin-area .pagination-box li span {
    color: var(--titlec);
    height: 36px;
    width: 36px;
    font-size: 14px;
    display: inline-block;
    text-align: center;
    line-height: 36px;
    background-color: var(--bgc2);
    border-radius: 50%;
}
.notfound{
    height:700px;
}
.notfound-p {
    padding-top: 10rem !important;
}