.quantity-field {
    width: 40px;
    height: 40px;
    text-align: center;
    border-radius: 50%;
    border: 1px solid;
}

.btn_circle {
    width: 40px;
    padding: 0;
    height: 40px;
    border-radius: 50%;
    background: #000;
}

.fancybox__container {
    z-index: 99999;
}

.backdrop {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .8;
}

.custom_modal_area {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex
}

.custom_modal {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 99;
    background: #fff;
    padding: 20px;
    border-radius: 0px;
    width: 100%;
    max-width: 600px;
    box-shadow: 0 2px 5px #fff;
    transition: all .3s ease-in-out;
}

.custom_modal.zoomIn {
    transform: scale(1.02);
    box-shadow: 0 2px 20px #fff;
}

.preview_note_modal .custom_modal {
    max-width: 100%;
    overflow-y: auto;
    height: 100vh;
}

.preview_note_modal.create_new_note .custom_modal {
    max-width: 100%;
    height: 100vh;
    overflow-y: auto;
}

.shop-card .shop-meta {
    height: auto;
}

.contact-bnr {
    padding: 100px 0;
}

.contact-bnr .contact-area1 {
    margin-bottom: 0;
}

.dz-search-area {
    padding: 50px 0;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #fff;
    z-index: 9;
    overflow-y: auto;
}

.dz-search-area .btn-close {
    position: absolute !important;
    right: 10px;
    top: 30px;
}

li.active a {
    color: var(--primary);
}

.select2-container--default .select2-results__option--selected {
    display: none !important
}


.product-box.style-4 .sale-box .sale-name {
    font-size: 30px;
    letter-spacing: 1px;
}

.product-box.style-4 .sale-box .sale-name span {
    font-size: 70px;
}

.product-box.style-4 .sale-box::after {
    top: -30px;
    width: 120%;
    height: 119%;
}

.product-box.style-4 .sale-box {
    padding: 55px;
}

@media only screen and (max-width: 767px) {
    .quick-view-modal .modal-dialog {
        max-width: 100%;
    }

    .custom_modal_area {
        width: 49%;
    }
}