.mfp-bg,.mfp-container,.mfp-wrap{left:0;top:0;width:100%;height:100%}.mfp-container:before,.mfp-content{display:inline-block;vertical-align:middle}.mfp-bg{z-index:2042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.8}.mfp-wrap{z-index:2043;position:fixed;outline:0!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;padding:0 8px;box-sizing:border-box}.mfp-container:before{content:'';height:100%}.mfp-align-top .mfp-container:before,.mfp-loading.mfp-figure,.mfp-s-error .mfp-content,.mfp-s-ready .mfp-preloader{display:none}.mfp-content{position:relative;margin:0 auto;text-align:right;z-index:2045}.mfp-ajax-holder .mfp-content,.mfp-inline-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:zoom-out}.mfp-gallery .mfp-image-holder .mfp-figure,.mfp-zoom{cursor:pointer}.mfp-zoom{cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-arrow,.mfp-close,.mfp-counter,.mfp-preloader{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-hide{display:none!important}.mfp-preloader{color:#ccc;position:absolute;top:50%;width:auto;text-align:center;margin-top:-.8em;left:8px;right:8px;z-index:2044}.mfp-close,.mfp-preloader a:hover{color:#fff}.mfp-preloader a{color:#ccc}button.mfp-arrow,button.mfp-close{overflow:visible;cursor:pointer;background:0 0;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:2046;box-shadow:none;touch-action:manipulation}.mfp-figure:after,.mfp-iframe-scaler iframe{box-shadow:0 0 8px rgba(0,0,0,.6);position:absolute;left:0}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;padding:0 0 18px 10px;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-arrow:focus,.mfp-arrow:hover,.mfp-close:focus,.mfp-close:hover{opacity:1}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-iframe-holder .mfp-close,.mfp-image-holder .mfp-close{color:#fff;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#ccc;font-size:12px;line-height:18px;white-space:nowrap}.mfp-figure,img.mfp-img{line-height:0}.mfp-arrow{position:absolute;opacity:.65;margin:-55px 0 0;top:50%;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:after,.mfp-arrow:before{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:inset transparent}.mfp-arrow:after{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after{border-right:17px solid #fff;margin-left:31px}.mfp-arrow-left:before{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after{border-left:17px solid #fff;margin-left:39px}.mfp-arrow-right:before{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-image-holder .mfp-content,img.mfp-img{max-width:100%}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{display:block;top:0;width:100%;height:100%;background:#000}.mfp-figure:after,img.mfp-img{width:auto;height:auto;display:block}img.mfp-img{box-sizing:border-box;padding:40px 0;margin:0 auto}.mfp-figure:after{content:'';top:40px;bottom:40px;right:0;z-index:-1;background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:right;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile .mfp-bottom-bar:empty,.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;box-sizing:border-box}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{transform:scale(.75)}.mfp-arrow-left{-webkit-transform-origin:0;transform-origin:0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}

[class*=hint--]{position:relative;display:inline-block}[class*=hint--]:after,[class*=hint--]:before{position:absolute;transform:translate3d(0,0,0);visibility:hidden;opacity:0;z-index:50;pointer-events:none;-webkit-transition:.3s;-moz-transition:.3s;transition:.3s}[class*=hint--]:hover:after,[class*=hint--]:hover:before{visibility:visible;opacity:1;-webkit-transition-delay:.1s;-moz-transition-delay:.1s;transition-delay:.1s}[class*=hint--]:before{content:'';position:absolute;background:0 0;border:6px solid transparent;z-index:1000001}[class*=hint--]:after{background:#383838;color:#fff;padding:8px 10px;font-size:12px;line-height:12px;white-space:nowrap;text-shadow:0 -1px 0 #000;box-shadow:4px 4px 8px rgba(0,0,0,.3)}[class*=hint--][aria-label]:after{content:attr(aria-label)}[class*=hint--][data-hint]:after{content:attr(data-hint)}[aria-label='']:after,[aria-label='']:before,[data-hint='']:after,[data-hint='']:before{display:none!important}.hint--top:after,.hint--top:before{bottom:100%;left:50%}.hint--top:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top:after{transform:translateX(-50%)}.hint--top:hover:before{transform:translateY(-8px)}.hint--top:hover:after{transform:translateX(-50%) translateY(-8px)}.hint--bottom:after,.hint--bottom:before{top:100%;left:50%}.hint--bottom:before{margin-top:-11px;left:calc(50% - 6px)}.hint--bottom:after{transform:translateX(-50%)}.hint--bottom:hover:before{transform:translateY(8px)}.hint--bottom:hover:after{transform:translateX(-50%) translateY(8px)}.hint--right:before{border-right-color:#383838;margin-left:-11px;margin-bottom:-6px}.hint--right:after{margin-bottom:-14px}.hint--right:after,.hint--right:before{left:100%;bottom:50%}.hint--right:hover:after,.hint--right:hover:before{transform:translateX(8px)}.hint--left:before{border-left-color:#383838;margin-right:-11px;margin-bottom:-6px}.hint--left:after{margin-bottom:-14px}.hint--left:after,.hint--left:before{right:100%;bottom:50%}.hint--left:hover:after,.hint--left:hover:before{transform:translateX(-8px)}.hint--top-left:after,.hint--top-left:before{bottom:100%;left:50%}.hint--top-left:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top-left:after{transform:translateX(-100%);margin-left:12px}.hint--top-left:hover:before{transform:translateY(-8px)}.hint--top-left:hover:after{transform:translateX(-100%) translateY(-8px)}.hint--top-right:after,.hint--top-right:before{bottom:100%;left:50%}.hint--top-right:before{margin-bottom:-11px;left:calc(50% - 6px)}.hint--top-right:after{transform:translateX(0);margin-left:-12px}.hint--top-right:hover:after,.hint--top-right:hover:before{transform:translateY(-8px)}




/*------------------------------------------------------------------------------------*/
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
    scrollbar-width: thin !important;
    scrollbar-height: thin !important;
    scrollbar-color: rgba(103, 103, 103, 0.30) rgba(0, 0, 0, 0) !important;
}

body {
    direction: rtl;
    text-align: right;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    font-family: var(--dej-font1);
    background-color: var(--body-bg);
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}

::-webkit-scrollbar-thumb {
    background-color: rgba(162, 161, 161, 0.5);
    border-radius: 8px;
}

::-webkit-scrollbar-thumb:hover {
    background: rgba(0, 0, 0, 0.8);
}

body::-webkit-scrollbar-thumb {
    background-color: rgba(0, 0, 0, 0.3);
    border-radius: 8px;
}

body::-webkit-scrollbar {
    width: 7px;
    background-color: rgba(80, 80, 80, 0.3);
}

a, input, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, span, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

a {
    text-decoration: none;
}

ul, li, ol {
    list-style: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}
@font-face {
    font-family: IranYekan;
    src: url("../fonts/IranYekan.eot");
    src: url("../fonts/IranYekan.eot?#iefix") format("embedded-opentype"),
    url("../fonts/IranYekan.woff") format("font-woff"),
    url("../fonts/IranYekan.ttf") format("truetype");
}

@font-face {
    font-family: IranSans;
    src: url("../fonts/IRANSansWeb.eot");
    src: url("../fonts/IRANSansWeb.eot?#iefix") format("embedded-opentype"),
    url("../fonts/IRANSansWeb.woff") format("font-woff"),
    url("../fonts/IRANSansWeb.ttf") format("truetype");
}

@font-face {
    font-family: Vazir;
    src: url("../fonts/Vazir.eot");
    src: url("../fonts/Vazir.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Vazir.woff") format("font-woff"),
    url("../fonts/Vazir.ttf") format("truetype");
}

@font-face {
    font-family: Shabnam;
    src: url("../fonts/Shabnam.eot");
    src: url("../fonts/Shabnam.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Shabnam.woff") format("font-woff"),
    url("../fonts/Shabnam.ttf") format("truetype");
}
@font-face {
    font-family: Dana;
    src: url("../fonts/Dana.woff") format("font-woff"),
    url("../fonts/Dana.woff2") format("font-woff2"),
    url("../fonts/Dana.ttf") format("truetype");
}
@font-face {
    font-family: Filimo;
    src: url("../fonts/Filimo.eot");
    src: url("../fonts/Filimo.eot?#iefix") format("embedded-opentype"),
    url("../fonts/Filimo.woff") format("font-woff"),
    url("../fonts/Filimo.ttf") format("truetype");
}

@font-face {
    font-family: YekanBakh;
    src: url("../fonts/YekanBakh.eot");
    src: url("../fonts/YekanBakh.woff") format("font-woff"),
    url("../fonts/YekanBakh.woff2") format("font-woff2"),
    url("../fonts/YekanBakh.ttf") format("truetype");
}
@font-face {
    font-family: YekanBakhBold;
    src: url("../fonts/YekanBakhBold.eot");
    src: url("../fonts/YekanBakhBold.woff") format("font-woff"),
    url("../fonts/YekanBakhBold.woff2") format("font-woff2"),
    url("../fonts/YekanBakhBold.ttf") format("truetype");
}

:root {
    --dej-color1: #f11b1b;
    --dej-color2: #1d3557;
    --dej-bg1: linear-gradient(to right, #fc3f3f, #de0000);
    --dej-bg2: linear-gradient(to right, #2b5fa9, #0a264f);
    --body-bg: #eeeeee;
    --dej-link-color: var(--dej-color1);
    --dej-title-color: #501d1d;
    --dej-text-color1: #202020;
    --dej-text-color2: #694040;
    --border-color1: #e0e0e0;
    --border-color2: #cecece;
    --widget-bg1: #f7f7f7;
    --widget-bg2: #f7f8fb;
    --white-color: #fff;
    --black-color: #000;
    --dej-max-radius: 15px;
    --dej-min-radius: 7px;
    --header-max-height: 60px;
    --dej-wrapper-max-width: 1320px;
    --dej-font1: IranYekan, sans-serif;
    --dej-font2: Shabnam, sans-serif;
}

.DejavoFC-inner, .slide-login .btn-vendor:hover, .icon_box.style4 .item:hover,
.DejavoFC-action .DejavoFC-action-inner > div a:hover, .product-card .action-icon-box ul li:hover,
.product-card-4 .action-icon-box ul li:hover a:before,
.nav-pills .nav-link.active, .nav-pills .show > .nav-link, .action-icon-box ul li:hover, .dejavo_top_alert, .DejavoCP-bar-btn, .DejavoFC-count span, .DejavoFC-area {
    background: var(--dej-color1) var(--dej-bg1);
}


a, h1, h2, h3, h4, h5, h6, .nav-tabs .nav-link.active, .nav-tabs .nav-item.show .nav-link, .dej_input {
    color: var(--dej-title-color);
}

.nav-link:focus, .nav-link:hover, .DejavoSE-product-actions a:hover i,
.DejavoSE-product-actions .atc-btn:hover .add_to_cart_inline .button:before,
.action-icon-box-3 ul li:hover i, .style4 .product_list_1 .item:hover .title h4 a,
.product_content_tab .nav-link.active i, a.remove, .txt-clr-2, a:hover, a.banner-link-s1, a:hover.banner-link-s1, .footer-menu li:hover a, a:hover h3 {
    color: var(--dej-color1);
}

.card, .modal-content, .DejavoCP-popup .DejavoCP-popup-inner .DejavoCP-popup-content, .DejavoCP-table .DejavoCP-table-inner, .DejavoCP-table-items table thead tr th, .DejavoCP-table-items table tbody tr td, .DejavoFC-action .DejavoFC-action-inner > div a, #dejavoQV-popup .single-product .product .summary {
    background-color: var(--white-color);
}

p, body, .post_content p, .select2-results__option, .DejavoCP-table-items table thead tr th, .DejavoCP-table-items table tbody tr td {
    color: var(--dej-text-color1);
}

.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6 {
    color: var(--dej-text-color2);
    padding: 7px 0;
}

.post_content a {
    color: var(--dej-link-color);
}

.post_content a:hover {
    color: var(--dej-color2);
}


.dejavo_btn, .btn-primary,
.dejavo_outline_btn:hover, .dejavo_outline_btn:active,
#respond input#submit.alt,
a.button.alt, button.button.alt, input.button.alt,
#respond input#submit, a.button, .woocommerce-account .addresses .title .edit,
button.button, .slide-login button.button:hover, input.button,
.cart_box .button.wc-forward, .elementor-menu-cart__footer-buttons .elementor-button--view-cart,
.cart_box .button.checkout.wc-forward:hover,
button.button.alt.disabled, #respond input#submit.disabled, #respond input#submit:disabled[disabled],
a.button.disabled, a.button:disabled, a.button:disabled[disabled], button.button:disabled, button.button.disabled,
button.button:disabled[disabled],
input.button.disabled, input.button:disabled, .elementor-menu-cart__footer-buttons .elementor-button--checkout:hover,
input.button:disabled[disabled], .dig_billing_wc_dv input[type=submit], .elementor-button {
    color: #fff;
    background: var(--dej-color1) var(--dej-bg1);
    border-color: var(--dej-color1);
}

.dejavo_btn.active, .dejavo_btn:focus, .dejavo_btn:hover, .dejavo_btn:active, .btn-primary:hover,
.woocommerce-account .addresses .title .edit:hover, #respond input#submit.alt:hover,
a.button.alt:hover, button.button.alt:hover, input.button.alt:hover,
#respond input#submit:hover, a.button:hover, .slide-login button.button, button.button:hover,
input.button:hover, .elementor-menu-cart__footer-buttons .elementor-button--view-cart:hover,
.cart_box .button.checkout.wc-forward, .elementor-menu-cart__footer-buttons .elementor-button--checkout,
.cart_box .button.wc-forward:hover,
button.button.alt.disabled:hover, .dig_billing_wc_dv input[type=submit]:hover, .elementor-button:hover {
    background: var(--dej-color2) var(--dej-bg2);
    border-color: var(--dej-color2);
    color: #fff;
}

i {
    display: inline-flex;
    align-items: center;
}

p,
ul, li, a, .DejavoFC-area, .DejavoFC-area a,
.DejavoFC-area input, .DejavoFC-area p, .form-comment,
.dej_input, .custom_select select option,
.woocommerce-ordering select option, .dejavo_search select#product_cat,
span.woocommerce-Price-amount.amount, button, .btn, input, textarea,
label, .label, .DejavoSE-area a, .DejavoSE-area input, .DejavoSE-area p,
.DejavoSE-search-input-inner select,
option, .DejavoSE-no-items, .DejavoSE-error, [class*="hint--"]:after {
    font-family: var(--dej-font1);
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6, .elementor-heading-title {
    font-family: var(--dej-font2);
}

button, button:hover, button:focus, input:focus, input:hover {
    outline: unset;
}

.h1, h1 {
    font-size: 24px;
    font-weight: 600;
    line-height: 32px;
}

.h2, h2 {
    font-size: 22px;
    font-weight: 500;
    line-height: 30px;
}

.h3, h3 {
    font-size: 20px;
    font-weight: 500;
    line-height: 28px;
}

.h4, h4 {
    font-size: 18px;
    font-weight: 400;
    line-height: 26px;
}

.h5, h5 {
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
}

.h6, h6 {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
}
p{
    line-height: 26px;
}
.p_descriptionp p, .single-post p{
    padding-bottom: 15px;
}
table {
    border: 1px solid var(--border-color2);
    padding: 5px;
    border-radius: var(--dej-min-radius);
    margin: 15px 0;
}

tr th, tr td {
    border-bottom: 1px solid var(--border-color2);
    padding: 8px 0;
}

tr:last-child th, tr:last-child td {
    border-bottom: 0;
}

a.btn, button.btn, .elementor-button.elementor-button--view-cart, .elementor-button-text, .dejavo_btn, .dejavo_outline_btn, .btn-primary {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    cursor: pointer;
}
.button.disabled {
    opacity:0.4 !important;
    cursor: default !important;
}
.dejavo_btn, .btn-primary {
    box-shadow: unset;
    border: 0;
    padding: 0 20px;
    min-height: 40px;
    border-radius: var(--dej-max-radius);
    white-space: nowrap;
}


.elementor-button-text {
    height: auto !important;
}

.dejavo_outline_btn {
    color: var(--dej-color1);
    border: 2px solid var(--dej-color1);
    border-radius: var(--dej-max-radius);
    padding: 0 20px;
    min-height: 40px;
    text-align: center !important;
}

.dejavo_outline_btn:hover {
    color: white;
    border-color: var(--dej-color2);
}

button#submit {
    border-radius: var(--dej-max-radius);
    padding: 0 35px !important;
    min-height: 40px;
}


select, input, textarea {
    border: 1px solid var(--border-color2);
    border-radius: var(--dej-max-radius);
    font-family: var(--dej-font1);
    padding: 0 10px;
    background-color: #f4f4f4;
    color: #222222;
    min-height: 35px;
}

input[type='radio'], input[type='checkbox'] {
    min-height: unset;
}

input[type='radio']:focus, input[type='checkbox']:focus {
    box-shadow: unset !important;
}

.e-con .elementor-widget.elementor-widget {
    width: 100%;
}

/*-------------------------------------------------------------------------------------*/

/*---------------------------------------------- bg  ---------------------------------------------*/
.white_bg {
    background-color: white;
}

.blur_bg {
    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(8px);
}

.main_bg {
    background: var(--dej-color1) var(--dej-bg1);
}

.second_bg {
    background: var(--dej-color2) var(--dej-bg2);
}

.color1_bg {
    background-color: var(--dej-color1);
}

.color2_bg {
    background-color: var(--dej-color2);
}

/*---------------------------------------------- BG ---------------------------------------------*/

/*---------------------------------------------- Display Grid ---------------------------------------------*/
.d_grid {
    display: grid;
    gap: 10px;
}
.d_grid.col {
    grid-template-columns: 1fr;
}
.d_grid.col2 {
    grid-template-columns: 1fr 1fr;
}
.d_grid.col3 {
    grid-template-columns: repeat(3, 1fr);
}
.d_grid.col4 {
    grid-template-columns: repeat(4, 1fr);
}
.d_grid.col5 {
    grid-template-columns: repeat(5, 1fr);
}
.d_grid.col6 {
    grid-template-columns: repeat(6, 1fr);
}
.d_grid.col7 {
    grid-template-columns: repeat(7, 1fr);
}
.d_grid.col8 {
    grid-template-columns: repeat(8, 1fr);
}
.d_grid.col9 {
    grid-template-columns: repeat(9, 1fr);
}
.d_grid.col10 {
    grid-template-columns: repeat(10, 1fr);
}
.d_grid.col11 {
    grid-template-columns: repeat(11, 1fr);
}
.d_grid.col12 {
    grid-template-columns: repeat(12, 1fr);
}

.dej_grid_1 {
    display: grid;
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    gap: 10px;
    grid-template-areas:
    "h1 h3 h2"
    "h1 h5 h4";
}

.dej_grid_1.style2 {
    grid-template-columns: 1fr 2fr 1fr;
    grid-template-areas:
    "h1 h3 h4"
    "h2 h3 h5";
}

.dej_grid_1.style3 {
    grid-template-columns: 1fr 1fr 2fr;
    grid-template-areas:
    "h1 h3 h5"
    "h2 h4 h5";
}

.dej_grid_1 .item:nth-child(1) {
    grid-area: h1;
}

.dej_grid_1 .item:nth-child(2) {
    grid-area: h2;
}

.dej_grid_1 .item:nth-child(3) {
    grid-area: h3;
}

.dej_grid_1 .item:nth-child(4) {
    grid-area: h4;
}

.dej_grid_1 .item:nth-child(5) {
    grid-area: h5;
}


/*-----------------------------------------------   Display Grid --------------------------------------------*/


.dejavo_loading {
    position: fixed;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.9) !important;
    z-index: 999999;
    transition: 1s;
}

.dejavo_loading.hide {
    transform: translateY(-110%);
}

.dejavo_loading.fade.hide {
    transform: unset !important;
    visibility: hidden;
    opacity: 0;
    transition: visibility 600ms, opacity 600ms linear;
}

.dejavo_loading.window {
    background-color: unset !important;
    transition: visibility 1.5s, opacity 1.5s;
}

.dejavo_loading.window.hide {
    transform: unset !important;
    visibility: hidden;
    opacity: 0;
    transition: visibility 600ms, opacity 600ms;
    transition-delay: 400ms;
}

.dejavo_loading.window:before, .dejavo_loading.window:after {
    position: fixed;
    content: "";
    top: 0;
    width: 50%;
    height: 100%;
    background: rgba(255, 255, 255, 0.9);
}

.dejavo_loading.window:before {
    left: 0;
}

.dejavo_loading.window:after {
    right: 0;
    z-index: -1;
}

.dejavo_loading.window.hide:before {
    transform: translateX(-100%);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}

.dejavo_loading.window.hide:after {
    transform: translateX(100%);
    transition: all 0.7s 0.3s cubic-bezier(0.645, 0.045, 0.355, 1);
}


.loader-1 {
    width: 70px;
    height: 70px;
    display: inline-flex;
    position: relative;
    z-index: 1200;
}

.loader-1::after, .loader-1::before {
    content: "";
    transform: scale(0);
    width: 70px;
    height: 70px;
    border-radius: 50%;
    background: var(--dej-color1);
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: animloader1 1.5s linear infinite;
    animation: animloader1 1.5s linear infinite;
}

.loader-1::after {
    -webkit-animation-delay: 0.75s;
    animation-delay: 0.75s;
}

@keyframes animloader1 {
    0% {
        transform: scale(0);
        opacity: 1;
    }
    100% {
        transform: scale(1);
        opacity: 0;
    }
}

.loader-2 {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    display: inline-block;
    border-top: 4px solid var(--dej-color2);
    border-right: 4px solid transparent;
    -webkit-animation: rotation 1s linear infinite;
    animation: rotation 1s linear infinite;
}




.loader-2:after{
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    border-left: 4px solid var(--dej-color1);
    border-bottom: 4px solid transparent;
    animation: rotation 0.5s linear infinite reverse;
}

@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.blockUI.blockOverlay, .woocommerce .loader {
    position: relative;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}
.loader-3, .blockUI.blockOverlay::before, .woocommerce .loader::before {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    display: inline-block;
    position: relative;
    color: var(--dej-color1);
    -webkit-animation: animloader3 0.75s linear infinite alternate;
    animation: animloader3 0.75s linear infinite alternate;
}
.woocommerce .blockUI.blockOverlay::before, .woocommerce .loader::before {
    position: absolute;
    top: 46%;
    margin: 0 auto;
    content:"";
    z-index:2000;
}
@keyframes animloader3 {
    0% {
        box-shadow: -38px -12px, -14px 0, 14px 0, 38px 0;
    }
    33% {
        box-shadow: -38px 0, -14px -12px, 14px 0, 38px 0;
    }
    66% {
        box-shadow: -38px 0, -14px 0, 14px -12px, 38px 0;
    }
    100% {
        box-shadow: -38px 0, -14px 0, 14px 0, 38px -12px;
    }
}

.loader-4 {
    font-size: 35px;
    color: var(--dej-color1);
    -webkit-animation: animloader4 1s ease-in infinite alternate;
    animation: animloader4 1s ease-in infinite alternate;
    max-width:330px;
}

@keyframes animloader4 {
    0% {
        filter: blur(0px);
        transform: skew(0deg);
    }
    100% {
        filter: blur(3px);
        transform: skew(-4deg);
    }
}

/*----------------------------------------------------------------------*/


.dejavo_top_alert {
    display: none;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 999;
    padding: 7px 0;
}

.dejavo_top_alert.img {
    padding: 0 !important;
    background: unset;
}

.dejavo_top_alert .just_img {
    display: flex;
    width: 100%;
    min-height: 40px;
}

.dejavo_top_alert .just_img img {
    width: 100%;
    object-fit: cover;
}
.dejavo_top_alert .just_img img.mob_img {
    object-fit: fill;
}

.dejavo_top_alert.img .top_alert_close {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
}


.dejavo_top_alert .content {
    display: flex;
    justify-content: space-between;
    align-items: center;
    justify-self: center;
    margin: 0 auto;
    padding: 0 10px;
}

.top_alert_close, .dejavo_top_alert .link {
    display: flex;
    align-items: center;
    padding: 6px 12px;
    border-radius: 6px;
    color: #333;
    background-color: white;
    font-size: 16px;
    cursor: pointer;
    transition: 0.3s all;
}

.top_alert_close {
    background-color: rgba(255, 255, 255, 0.75);
}

.dejavo_top_alert .link {
    font-size: 14px;
    font-weight: 500;
}

.dejavo_top_alert .link:hover, .top_alert_close:hover {
    color: white;
    background: var(--dej-color2) var(--dej-bg2);
}

.dejavo_top_alert .text {
    padding: 0 20px;
    color: white;
    font-size: 15px;
    font-weight: 500;
    line-height: 25px;
    margin: 0;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    text-align: center;
}


/*-----------------------------------------------------------------------------------------*/

.bg_gradient_animation {
    background: linear-gradient(315deg, #fb0000, #d4018d, #6c00aa, #001b85, #005786, #009b53, #b95904);
    background-size: 500% 500%;
    -webkit-animation: gradient 12s ease infinite;
    animation: gradient 12s ease infinite;
}

@keyframes gradient {
    0% {
        background-position: 0 50%;
    }

    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0 50%;
    }
}

/*-----------------------------------------------------------------------------------------------*/


/*    ----------------------------------   menu ----------------------------------*/
/*    ----------------------------------   mega menu ----------------------------------*/
.dej_mobile_menu {
    display: none !important;
    visibility: hidden;
    opacity: 0;
    font-size: 20px;
    line-height: 20px;
    padding: 10px 0;
}

.mobile_bottom_nav, .mobile_top_nav {
    display: none;
    opacity: 0;
    visibility: hidden;
}

.mega_menu {
    position: relative;
    display: flex;
    gap: 10px;
    border-radius: var(--dej-max-radius);
}

.menu-item {
    display: inline-flex;
    align-items: center;
}

.menu-item a {
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
}

.menu-item.separator_menu:after {
    content: "";
    width: 1px;
    height: 15px;
    display: flex;
    background-color: rgba(0, 0, 0, 0.4);
    margin-right: 10px;
}

.mega_menu > .menu-item > a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    height: 50px;
}

.btn_icon_menu {
    position: absolute;
    left: 14px;
    transform: translateY(-50%);
    top: 50%;
}

.btn_icon_menu a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
}

.sub-menu {
    display: flex;
    flex-direction: column;
    background-color: white;
    position: absolute;
    top: 100%;
    border-radius: var(--dej-max-radius);
}

.mega_elementor, .sub-menu, .elementor_mega_menu .sub-menu, .menu-item.elementor_mega_menu:hover .sub-menu {
    transform: translateY(40px);
    visibility: hidden;
    opacity: 0;
    transition: transform 0.3s, visibility 0.3s, opacity 0.3s;
    z-index: 1200;
}


.menu-item:not(:hover) .mega_elementor, .menu-item:not(:hover) .sub-menu {
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

.menu-item:hover .mega_elementor, .menu-item:hover .sub-menu {
    transform: translateY(0px);
    visibility: visible;
    opacity: 1;
}


.simple_menu .parent {
    position: relative;
}
.simple_menu .parent:after {
    content: "\f11f";
    font-family: "dej-icon-rr";
    position: absolute;
    left: 5px;
    font-size: 12px;
    opacity: 0.7;
    transition: transform 0.2s;
}

.simple_menu .parent:hover:after {
    transform: rotate(90deg);
}
.simple_menu .le_0 .parent > .sub-menu, .simple_menu .le_1 .parent > .sub-menu {
    display: flex;
    position: absolute;
    top: 0;
    right: 100%;
    transform: translateY(40px);
    visibility: hidden;
    opacity: 0;
    transition: transform 0.3s, visibility 0.3s, opacity 0.3s;
}

.simple_menu .le_0 .parent:hover > .sub-menu, .simple_menu .le_1 .parent:hover > .sub-menu {
    transform: translateY(0px);
    visibility: visible;
    opacity: 1;
}

.simple_menu .le_0 .parent:not(:hover) > .sub-menu, .simple_menu .le_1 .parent:not(:hover) > .sub-menu {
    transform: translateY(40px);
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
}

.simple_menu .sub-menu {
    min-width: 200px;
}

.simple_menu .sub-menu li a {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    padding: 5px 10px;
}

.mega_elementor {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    background-color: white;
}

.mega_menu_2le > .sub-menu {
    width: 100%;
    position: absolute;
    right: 0;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
    height: auto;
    padding: 20px;
    max-height: 70vh;
    overflow-x: hidden;
    overflow-y: auto;
    gap: 10px;
}

.mega_menu_2le .sub-menu > .menu-item {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    min-width: 160px;
}

.mega_menu_2le > .sub-menu > .menu-item .sub-menu, .mega_menu_3le .sub-menu.le_2 {
    flex-direction: column;
    background-color: unset;
    position: unset;
    top: unset;
}

.mega_menu_2le .sub-menu.le_0 > .menu-item > a, .mega_menu_3le .sub-menu.le_1 > .menu-item > a {
    background-color: #00000017;
    width: auto;
    padding: 5px 10px;
    border-radius: var(--dej-max-radius);
    font-size: 16px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 8px;

}

.mega_menu_2le .sub-menu.le_0 {
    background-repeat: no-repeat;
    background-position: left bottom;
}

.mega_menu_3le.dej-top-tab > .sub-menu {
    width: 100%;
    position: absolute;
    right: 0;
    flex-direction: row;
    flex-wrap: wrap;
    height: auto;
    z-index: 50;
}


.mega_menu_3le.dej-top-tab > .sub-menu.le_0 {
    justify-content: flex-start;
}

.mega_menu_3le.dej-top-tab > .sub-menu.le_0 > .menu-item > a {
    padding: 15px 10px;
    font-size: 16px;
    font-weight: 600;
    gap: 8px;
    display: flex;
    align-items: center;
    z-index: 50;
}

.mega_menu_3le.dej-top-tab .sub-menu.le_1 {
    display: none;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    z-index: 40;
    padding-top: 60px;
}

.mega_menu_3le.dej-top-tab .sub-menu.le_0:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    background-color: rgba(250, 250, 225, 0.35);
    z-index: 45;
    visibility: visible;
    opacity: 1;
}

/*.mega_menu_3le.dej-top-tab .menu-item:first-child .sub-menu.le_1,*/

.mega_menu_3le > .sub-menu.le_0:not(:hover) > .menu-item:first-child .sub-menu.le_1,
.mega_menu_3le.dej-top-tab > .sub-menu.le_0 .menu-item:hover .sub-menu.le_2,
.mega_menu_3le.dej-top-tab .menu-item:hover .sub-menu.le_1 {
    display: flex;
}

.mega_menu_3le.dej-side-tab > .sub-menu.le_0 > .menu-item {
    flex: 1;
}

.mega_menu_3le .sub-menu.le_1 {
    width: 100%;
    flex-direction: column;
    flex-wrap: wrap;
    max-height: 70vh;
    overflow-y:auto;
}

.mega_menu_3le .sub-menu.le_1 > .menu-item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex: 1;
    min-width: 170px;
    max-width: 240px;
    padding: 6px;
}

.mega_menu_3le.dej-side-tab > .sub-menu {
    right: 0;
    left: 0;
    width: 100%;
    flex-direction: column;
    flex-wrap: wrap;
}

.mega_menu_3le.dej-side-tab .sub-menu.le_0:before {
    content: "";
    position: absolute;
    right: 0;
    width: 15%;
    height: 100%;
    display: flex;
    background-color: rgba(248, 248, 224, 0.35);
    z-index: 45;
}

.mega_menu_3le.dej-side-tab > .sub-menu.le_0 {
    justify-content: flex-start;
}

.mega_menu_3le.dej-side-tab > .sub-menu.le_0 > .menu-item > a {
    padding: 0 10px;
    font-size: 16px;
    font-weight: 600;
    width: 15%;
    height: 40px;
    display: flex;
    gap: 8px;
    align-items: center;
    z-index: 50;
}

.mega_menu_3le.dej-side-tab .sub-menu.le_1 {
    display: none;
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    width: 100%;
    flex-direction: column;
    flex-wrap: wrap;
    padding-right: 15%;
    z-index: 40;
    overflow-x: hidden;
    overflow-y: auto;
    max-height: 500px;
}

.mega_menu_3le.dej-side-tab > .sub-menu.le_0 .menu-item:hover .sub-menu.le_2,
.mega_menu_3le.dej-side-tab .menu-item:hover .sub-menu.le_1 {
    display: flex;
}

.mega_menu_3le.dej-side-tab > .sub-menu.le_0 > .menu-item {
    flex: 1;
    max-height: 40px;
}

/* --------------------------------------------------   Mega Menu ------------------------------------------*/


/*    ---------------------------------------   mobile menu ----------------------------------*/


.dej_mobile_menu_side {
    background-color: white;
    height: 100%;
    max-height: 100%;
    z-index: 1400;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    left: 100%;
    width: 356px;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: all 0.5s;
    max-width: 83vw;
}

.dej_mobile_menu_side .mob_menu {
    overflow-y: auto;
    display: flex;
    flex-direction: column;
    padding: 0 10px 110px 0;
    height: 100%;
    max-height: 100%;
}

body.show_mobile_menu .dej_mobile_menu_side, body.show_mobile_menu .overlay-black {
    opacity: 1;
    visibility: visible;
}

.show_mobile_menu .dej_mobile_menu_side {
    -webkit-transform: translate3d(-100%, 0, 0);
    transform: translate3d(-100%, 0, 0);
}

.dej_mobile_menu_side ul {
    list-style-type: none;
    border-radius: var(--dej-max-radius) !important;

}

.dej_mobile_menu_side li ul {
    max-height: 0;
    overflow: hidden;
    transition: max-height 1s cubic-bezier(0, 1, 0, 1);
}

.dej_mobile_menu_side li.open > ul, .dej_mobile_menu_side > li.open > ul {
    max-height: 2000px;
    transition: max-height 1s ease-in;
}

.dej_mobile_menu_side ul.le_0, .dej_mobile_menu_side ul.le_2 {
    background-color: #f3f3f3 !important;
    padding: 0 7px;
}

.dej_mobile_menu_side ul.le_1 {
    background-color: #fff !important;
    padding: 0 7px;
}

.dej_mobile_menu_side .mob_menu a {
    display: inline-flex !important;
    padding: 10px 0 !important;
    gap: 6px;
}

.dej_mobile_menu_side .mob_menu a:hover,
.dej_mobile_menu_side .mob_menu a:active {
    color: var(--dej-color2) !important;
}

.dej_mobile_menu_side li {
    position: relative !important;
    border-bottom: 1px dotted #adadad;
}

.dej_mobile_menu_side .parent span {
    position: absolute;
    left: 5px;
    top: 4px;
    bottom: 4px;
    height: 32px;
    width: 60px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 8;
    background-color: rgba(0, 0, 0, 0.04);
    border-radius: var(--dej-min-radius);

}

.dej_mobile_menu_side .parent span i {
    color: var(--dej-color1);
}

.dej_mobile_menu_side .parent span i:before {
    transition: transform 0.3s;
}

.dej_mobile_menu_side .parent.open > span i:before {
    transform: rotate(180deg);
}

/*    ---------------------------------- mobile menu ----------------------------------*/


/* ------------------------------------   Menu ------------------------------------------*/


/*-------------------------------------- Main Woo --------------------------------*/
@font-face {
    font-family: star;
    src: url(../fonts/star.eot);
    src: url(../fonts/star.eot?#iefix) format("embedded-opentype"), url(../fonts/star.woff) format("woff"), url(../fonts/star.ttf) format("truetype"), url(../fonts/star.svg#star) format("svg");
    font-weight: 400;
    font-style: normal
}


.star-rating span {
    overflow: hidden;
    float: right;
    top: 0;
    right: 0;
    position: absolute;
    color: #ffc107;
    padding-top: 1.5em;
}

.star-rating {
    position: relative;
    display: inline-flex;
    height: 16px;
    width: 85px;
    line-height: 16px;
    overflow: hidden;
    margin: 0;
    font-size: 16px;
}


.product-rate:before,
.star-rating::before, .star-rating span::before {
    font-family: star;
    content: "sssss";
    color: #ffc107;
    font-size: 16px;
    position: absolute;
    right: 0 !important;
    left: 0 !important;
    top: 0;
    line-height: 16px;
}

.star-rating span::before, .product-rate:before {
    content: "SSSSS" !important;
}
.DejavoCP-area .DejavoCP-inner .star-rating:before {
    right: 0;
    left: auto;
}

.attr_name_values > div {
    display: flex;
    gap: 15px;
    align-items: center;
    margin: 5px 0;
}

.tr-default.tr-even.tr-description td {
    padding: 10px;
}

.dej_attr .attr_name {
    padding: 10px 5px;
    display: flex;
    font-weight: 600;
    width: auto;
    flex-basis: 19%;
}

.dej_attr .attr_value {
    flex-basis: 80%;
    padding: 5px;
}

.attr_cat_name {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 16px;
    font-weight: 600;
    padding: 20px 0 5px 0;
    color: var(--dej-color1);
}

.attr_name_values {
    background-color: #f3f3f3;
    padding: 10px;
    width: 100%;
    border-radius: var(--dej-max-radius);
}

.attr_name_values .odd {
    background: #ffffff;
    border-radius: var(--dej-max-radius);
}

.attr_row.attr_weight, .attr_row.attr_dimensions {
    margin: 10px 0;
}

.woocommerce-store-notice, p.demo_store, .dej_mobile_menu_side .parent:hover > span:before,
.dej_mobile_menu_side .parent:hover > span:after {
    background: var(--dej-color2) var(--dej-bg2);
}


a.remove {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    height: 1em;
    width: 1em;
    border-radius: 100%;
    padding-top: 3px;
}

a.remove:hover {
    color: #fff !important;
    background: red
}


ul.wc-item-meta {
    display: flex;
    gap: 10px;
}
.woocommerce-store-notice, p.demo_store {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0;
    width: 100%;
    font-size: 1em;
    padding: 1em 0;
    text-align: center;
    background: var(--dej-color1) var(--dej-bg1);
    color: #fff;
    z-index: 99998;
    box-shadow: 0 1px 1em rgba(0, 0, 0, .2);
    display: none
}

.woocommerce-store-notice a, p.demo_store a {
    color: #fff;
    text-decoration: underline
}

.screen-reader-text {
    clip: rect(1px, 1px, 1px, 1px);
    height: 1px;
    overflow: hidden;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important
}

.admin-bar p.demo_store {
    top: 32px
}

.clear {
    clear: both
}

.stock {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    align-self: flex-start;
}

.stock.in-stock, .stock.out-of-stock {
    background-color: rgba(10, 255, 0, 0.09);
    padding: 5px 10px;
    border-radius: var(--dej-max-radius);
    margin: 10px 0;
    color: #b38a54;
    font-size: 12px;
}

.stock.out-of-stock {
    background-color: rgba(255, 0, 0, 0.09);
    color: red
}

table.shop_attributes td {
    font-style: normal !important;
}

form.cart {
    display: flex;
    gap:5px;
    margin-bottom:5px
}


form.cart .variations {
    margin: 0;
    border: 0;
    width: 100%;
}

form.variations_form.cart,
.single_variation_wrap {
    display: flex;
    flex-flow: wrap column;
}

.woocommerce-variation-add-to-cart {
    display: flex;
    width: 100%;
    gap: 5px;
}

.add-to-cart {
    color: #fff;
    font-size: 13px;
}
form.cart .button {
    width: 100%;
    padding: 0;
    max-height: 35px !important;
    min-height: 35px !important;
    border-radius: var(--dej-max-radius);
}

form.cart .variations select {
    padding: 2px 6px;
    border-radius: 5px;
    border-color: var(--border-color2);
    background-color: white;
    max-width: 170px;
}


form.cart .reset_variations {
    margin-right: 0;
    font-size: 11px;
    min-width: 50px;
}

form.cart .variations th {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border: 0;
    padding: 4px 0;
}

form.cart .variations tr,
form.cart .variations td {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    gap: 8px;
    border: 0;
    padding: 4px 0;
}
strong.product-quantity {
    font-weight: 600;
    color: #ea3333;
}
p.price,
span.price {
    color: var(--dej-title-color);
    font-size: 18px;
    font-weight: 400;
}

ins {
    text-decoration: none;
    font-weight: 500;

}
del {
    opacity: 0.7;
    color: red;
    font-size: 16px;
}
span.onsale {
    background: var(--dej-color1) var(--dej-bg1);
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    padding: 0;
    top: 5px;
    right: auto;
    left: 5px;
}

ul.products li.product .button {
    display: inline-flex;
    margin-top: 10px;
    align-items: center;
}


.comment-form-cookies-consent, ul.wc-item-meta li {
    display: flex;
    align-items: center;
    gap: 6px;
}
.comment-form-cookies-consent {

    margin-bottom: 10px;
}

.comment-notes, .comment-reply-title {
    margin-bottom: 10px;
}

.quantity {
    height: 35px;
    position: relative;
}

.quantity ::-webkit-inner-spin-button {
    display: none;
}

.quantity .qty {
    min-width: 80px;
    min-height: 35px;
    color: var(--dej-text-color1);
}
.quantity input, .product-quantity.quantity input {
    height: 35px;
    text-align: center;
    background-color: var(--white-color);
    font-size: 1em;
    color: var(--dej-title-color);
    padding: 0;
    width: 80px !important;
    border-radius: var(--dej-max-radius) !important;
    font-weight: 700;
    -moz-appearance: textfield;
    appearance: textfield;
}

.product-quantity .quantity input {
    width: 100% !important;
}


.quantity .input-text .qty {
    position: absolute;
    top: 3px;
    font-weight: 700;
    font-size: 1.2em;
    line-height: 34px;
    border-radius: 100%;
    background: var(--widget-bg1);
    color: var(--dej-title-color);
    border: 1px solid var(--border-color2);
    width: 34px;
    height: 34px;
}
.DejavoFC-item-qty-inner input {
    border-radius: 0 !important;
}

.badge {
    display: flex;
    padding: 3px 7px;
    font-size: 12px;
    font-weight: 500;
    border-radius: 5px;
}
.woocommerce-Price-currencySymbol {
    font-size: 11px
}


.btn:disabled {
    opacity: 0.5;
    color: #dddddd;
    background: var(--dej-color1) var(--dej-bg1);
    border-color: transparent;
}

.add-to-cart.disabled {
    opacity: 0.5 !important;
    cursor: default !important;
}
.added_to_cart.wc-forward, .woocommerce a.added_to_cart {
    display:none !important;
    visibility: hidden;
    opacity: 0;
    width: 0 !important;
}

.plus_btn, .minus_btn {
    position: absolute;
    left: 2px;
    top: 50%;
    transform: translateY(-50%);
    bottom: 2px;
    background: var(--widget-bg2);
    width: 25px;
    text-align: center;
    font-size: 14px;
    line-height: 28px;
    cursor: pointer;
    color: var(--dej-color1);
    border-radius: var(--dej-max-radius);
    height: 25px;
    transition: 0.2s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.minus_btn {
    left: auto !important;
    right: 2px;
}

#cat-drop-stack .count {
    float: left !important;
}


ul.product_list_widget li {
    height: auto;
    position: relative;
    border-bottom: 1px solid #95959578;;
    padding: 10px 0;
    margin: 5px 0;
    display: block;
    text-align: right;
}

ul.product_list_widget li a {
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    font-size: 14px;
    font-weight: 500;
}

ul.product_list_widget li img {
    max-width: 60px;
    min-width: 60px;
    border-radius: var(--dej-min-radius);
    margin-right: 0;
}

ul.product_list_widget li {
    border-bottom: 1px dotted #d2d1d1;
    padding: 10px 5px;
}

ul.product_list_widget li a {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 5px;
    margin-bottom: 7px;
}

ul.product_list_widget li a img {
    flex-basis: 30%;
    width: 30%;
    border-radius: var(--dej-max-radius);
}

ul.product_list_widget li del {
    opacity: 0.6;
    padding: 4px 8px;

}

form.woocommerce-product-search {
    width: 100%;
    display: flex;
    height: 40px;
}

.woocommerce-product-search [type=search] {
    width: 75%;
    border-radius: 5px;
    border: 1px solid #333;
}

.woocommerce-product-search [type=submit], .woocommerce-product-search button {
    background-color: white;
    border: 1px solid #333;
    margin-right: 5px;
    border-radius: 5px;
}

.woocommerce-product-search [type=submit]:hover, .woocommerce-product-search button:hover {
    background: var(--dej-color1) var(--dej-bg1);
    border: 1px solid #fff;
    color: white;
}
.woocommerce-product-details__short-description, .p_description {
    position: relative;
}


.p_description:not(.show) {
    max-height: 220px;
    overflow: hidden;
    padding-bottom: 0;
}

.p_description.show {
    max-height: 100% !important;
    padding-bottom: 45px;
    overflow: hidden;
}

.short_text_btn {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: auto;
    right: 0;
    display: block;
    background: rgba(255, 255, 255, 0.95);
    border: none;
    line-height: 20px;
    color: #666;
    cursor: pointer;
    text-align: right;
    padding: 0 10px;
}

.short_text_btn .outer {
    display: flex;
    gap: 5px;
    align-items: center;
}

.show .short_text_btn .outer i {
    transform: rotate(180deg);
}

.short_text_btn:before {
    content: '';
    width: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0), #ffffff 75%);
    position: absolute;
    top: -25px;
    height: 25px;
    right: 0;
}

.product_meta .dokan-vendor-info-wrap .dokan-vendor-image {
    margin-right: 0 !important;
    margin-left: 15px !important;
}

.product_meta .dokan-vendor-info {
    display: flex !important;
    gap: 4px !important;
    flex-direction: column;

}
.dokan-vendor-info-wrap {
    padding: 7px 15px !important;
    width: 100%;
    border-radius: var(--dej-max-radius);
}

.dokan-vendor-info-wrap .dokan-vendor-info .dokan-vendor-name h5, .dokan-vendor-info-wrap .dokan-vendor-info .dokan-vendor-rating p {
    margin-right: 0 !important;
}

.dashicons-star-half {
    transform: rotateY(180deg) !important;
}

/*--------------------------------------- main woo --------------------------------*/


#DejavoWL_copy_btn {
    padding: 5px 15px;
    background: var(--dej-color1) var(--dej-bg1);
    border: unset;
    color: #fff;
    border-radius: var(--dej-max-radius);
}

#DejavoWL_copy_url {
    padding: 4px 10px;
    border: 1px solid var(--border-color2);
    border-radius: var(--dej-max-radius);
    background-color: #f4f4f4;
    color: black;
}





.hidden-title-form button i,
.wishlist-title a.show-title-form i,
.wishlist_manage_table tfoot a.create-new-wishlist i,
.wishlist_manage_table tfoot button.submit-wishlist-changes i,
.wishlist_table .add_to_cart.button i,
.wishlist_table .ask-an-estimate-button i {
    margin-right: unset !important;
}

.woocommerce.product.compare-button .added {
    display: none;
}

.wishlist_table tr td,
.wishlist_table tr th.product-checkbox,
.wishlist_table tr th.wishlist-delete,
.wishlist_table tfoot td,
.wishlist_table tr td.product-name,
.wishlist_table tr td.product-thumbnail,
.wishlist_table tr td.wishlist-name,
.wishlist_table tr td.wishlist-privacy {
    text-align: right;
}

.wishlist-items-wrapper td.product-name {
    display: flex;
    justify-content: space-between;
}





.DejavoFC-count i, .BackToTop i {
    color: var(--border-color1);
}
.DejavoFC-count:hover, .BackToTop:hover {
    background-color: var(--dej-color1);
}
.DejavoFC-count:hover i, .BackToTop:hover i {
    color: white;
}
h1.entry-title {
    display: block !important;
    font-size: 1.5em;
}


.BackToTop {
    position: fixed;
    display: none;
    z-index: 20;
    width: 55px;
    height: 55px;
    line-height: 55px;
    text-align: center;
    background-color: var(--white-color);
    cursor: pointer;
    left: 20px;
    bottom: 20px;
    border-radius: 4px;
    box-shadow: rgba(0, 0, 0, 0.15) 0 0 20px;
    transition: all 0.5s;
    justify-content: center;
    align-items: center;
}

/*-----------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------*/


.DejavoVS-empty, .DejavoVS-terms + select:not(.DejavoVS-select), .DejavoVS-term.DejavoVS-disabled:after, .DejavoVS-term.DejavoVS-disabled:before {
    display: none !important;
}

.DejavoVS-terms {
    display: inline-block;
    margin-left: -3px;
    margin-right: -3px;
}

.DejavoVS-term {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    margin: 2px;
    padding: 3px;
    border: 1px solid #dddddd;
    background-color: var(--white-color);
    position: relative;
    float: right
}

.DejavoVS-more {
    display: inline-block;
    position: relative;
}

.DejavoVS-term > span {
    display: flex;
    width: 100%;
    height: 100%;
    position: relative;
    background-color: #f6f6f6;
    color: black;
    gap: 3px;
    align-items: center;
}


.DejavoVS-term.DejavoVS-selected > span:before {
    font-family: "dej-icon-rr";
    content: "\f1f0";
    width: 12px;
    height: 13px;
    border-radius: 10px;
    background-color: green;
    color: #fff;
    text-align: center;
    line-height: 9px;
    font-size: 7px;
    position: absolute;
    top: -5px;
    right: -5px;
    z-index: 9;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.DejavoVS-term.DejavoVS-selected {
    border-color: green;
}

.DejavoVS-term.DejavoVS-disabled {
    opacity: .4;
    cursor: default;
}

.DejavoVS-type-button .DejavoVS-term {
    min-width: 35px;
}

.DejavoVS-type-button .DejavoVS-term > span {
    border-radius: 2px;
    justify-content: center;
    padding: 0 5px;
    font-size: 12px;
}

.DejavoVS-type-radio .DejavoVS-term {
    display: flex;
    width: auto;
    text-align: right;
    font-size: 12px;
}

.DejavoVS-type-radio .DejavoVS-term > span {
    padding: 0 3px;
}

.DejavoVS-type-radio .DejavoVS-term input[type="radio"] {
    outline: none;
    margin: 1px 2px;
    pointer-events: none;
}

.DejavoVS-type-color .DejavoVS-term {
    font-size: 0;
    height: 35px;
    width: 35px;
}

.DejavoVS-type-color .DejavoVS-term > span {
    border-radius: 2px;
}

.DejavoVS-type-image .DejavoVS-term {
    font-size: 0;
    height: 35px;
    width: 35px;
}

.DejavoVS-type-image .DejavoVS-term img {
    width: 100%;
    height: 100%;
    display: block;
    border-radius: 2px;
}


/*---------------------------------- Tippy -------------------------------------*/

.DejavoVS-tippy-inner {
    padding: 5px 1px;
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.DejavoVS-tippy-inner .DejavoVS-tippy-title {
    font-weight: 700;
}

.DejavoVS-tippy-inner > span {
    margin-bottom: 5px;
}

.DejavoVS-tippy-inner > span:last-child {
    margin-bottom: 0;
}

.DejavoVS-tippy-inner .DejavoVS-tippy-swatches span {
    display: block;
    width: 100%;
    min-width: 70px;
    min-height: 70px;
    font-size: 0;
}

.DejavoVS-tippy-swatches--color, .DejavoVS-tippy-swatches--image img {
    border-radius: 3px;
}

.tippy-box {
    border-radius: var(--dej-min-radius);
}
[data-tippy-root] {
    z-index: 50 !important;
}
.DejavoVS-style-rounded .DejavoVS-term, .DejavoVS-style-rounded .DejavoVS-term span, .DejavoVS-style-rounded .DejavoVS-term img {
    border-radius: 50px !important;
}

.DejavoSE-search-result, .DejavoFC-area .DejavoFC-area-mid, #DejavoQV-popup .summary-content, .DejavoWL-popup-content-mid {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

.DejavoCP-table-items, .dashboard-compare-list {
    overflow: auto !important;
}



.DejavoWL-btn,
.DejavoCP-btn,
.DejavoQV-btn {
    border: 0;
    background: none;
    cursor: pointer;
}

.DejavoSE-product-actions a, .DejavoSE-product-actions .atc-btn {
    width: 35px;
    height: 35px;
    line-height: 35px;
    overflow: hidden;
    font-size: 16px;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
}

.DejavoWL-adding i:before, .DejavoCP-adding i:before, .ajax_add_to_cart.loading i:before, .DejavoSE-product-actions .DejavoCP-btn.DejavoCP-adding i:before, .DejavoSE-product-actions .DejavoWL-btn.DejavoWL-adding i:before, .DejavoSE-product-actions .atc-btn .add_to_cart_inline .button.loading:before, .product-card .add_to_cart_button.loading i:before {
    content: "\f351" !important;
    font-family: "dej-icon-rr" !important;
}

.DejavoWL-adding i, .DejavoCP-adding i, .ajax_add_to_cart.loading i, .DejavoSE-product-actions .DejavoCP-btn.DejavoCP-adding i, .DejavoSE-product-actions .DejavoWL-btn.DejavoWL-adding i, .DejavoWL-item .DejavoWL-item--remove span.DejavoWL-removing:before, .DejavoSE-product-actions .atc-btn .add_to_cart_inline .button.loading:before, .product-card .add_to_cart_button.loading i {
    animation: Dejavo-spinner 1s linear infinite !important;
    -webkit-animation: Dejavo-spinner 1s linear infinite !important;
}




.DejavoSE-product-actions a i,
.DejavoSE-product-actions .atc-btn .add_to_cart_inline .button:before {
    color: var(--border-color1);
}




.DejavoFC-action .DejavoFC-action-inner > div a {
    color: var(--dej-title-color) !important;
}

.DejavoFC-action .DejavoFC-action-inner > div a:hover {
    color: #fff !important;
}

.DejavoFC-item-qty .minus_btn,
.DejavoFC-item-qty .plus_btn {
    display: none;
}


.DejavoVS-empty,
.DejavoVS-terms + select:not(.DejavoVS-select),
.DejavoVS-term.DejavoVS-disabled:after,
.DejavoVS-term.DejavoVS-disabled:before {
    display: none !important;
}

body.rtl .DejavoVS-term {
    float: right;
}

.dejavo_animation_bg {
    background: linear-gradient(133deg, #0c8c6b, #6a10e6, #cc2374, #c85608);
    background-size: 800% 800%;
    -webkit-animation: dejavo_bg 21s ease infinite;
    animation: dejavo_bg 21s ease infinite;
}

@-webkit-keyframes dejavo_bg {
    0% {
        background-position: 0 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0 50%;
    }
}


@keyframes dejavo_bg {
    0% {
        background-position: 0 50%;
    }

    50% {
        background-position: 100% 50%;
    }

    100% {
        background-position: 0 50%;
    }
}

@keyframes Dejavo-spinner {
    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes Dejavo-spinner {
    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes Dejavo-shake {

    10%,
    90% {
        transform: translate3d(-1px, 0, 0);
    }

    20%,
    80% {
        transform: translate3d(2px, 0, 0);
    }

    30%,
    50%,
    70% {
        transform: translate3d(-4px, 0, 0);
    }

    40%,
    60% {
        transform: translate3d(4px, 0, 0);
    }
}


/*-------------------------------------------------- sections ---------------------------------------------*/

.site-main {
    display: flex;
    flex-direction: column;
}

.dejavo_wrapper, .site-main, .dej_warning {
    margin: 20px auto;
    padding: 0 10px;
}


.dejavo_wrapper, .site-main, .woocommerce-notices-wrapper, .dejavo_single,
.dejavo_top_alert .content,
.dej_warning, .slide_inner  {
    width: 100%;
    max-width: Min(100%, var(--dej-wrapper-max-width, 1140px));
}

.single_post, .post_comment, .comments-area, .DejavoWL-list, .sidebar, .post_related, .dej_404, .dejavo_wrapper > .woocommerce {
    padding: 15px;
    border-radius: var(--dej-max-radius);
    background-color: var(--white-color);
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.03);
}

.sidebar {
    padding: 0 10px;
}

.dej_warning {
    display: flex;
    align-items: center;
    gap: 8px;
    background-color: #e87806;
    color: white;
    padding: 15px 25px;
    font-size: 14px;
    border-radius: var(--dej-max-radius);
    opacity: 0.7;
}

.dej_warning i {
    font-size: 18px;
}

.post_navigation, .elementor-post-navigation {
    background-color: var(--widget-bg2);
    display: flex;
    justify-content: space-between;
    border-radius: var(--dej-max-radius);

}

.post_navigation .prev_post, .post_navigation .next_post, .elementor-post-navigation__link {
    padding: 20px 10px;
}

.post_author, .elementor-author-box {
    display: flex;
    background-color: white;
    gap: 10px;
    padding: 10px;
    border-radius: var(--dej-max-radius);
}

/* ---------------------------------------- start breadcrumb -------------------------------------- */

.dejavo_breadcrumb {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 10px 20px;
    background-color: #fff;
    border-radius: var(--dej-max-radius);
    opacity: 0.8;
}

.dejavo_breadcrumb::-webkit-scrollbar {
    height: 3px;
}

.mb-20 {
    margin-bottom: 20px;
}

.breadcrumb a.home, .breadcrumb {
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 13px;
}


.breadcrumb a {
    display: inline-flex;
}

.dejavo_breadcrumb .item {
    font-size: 13px;
    font-weight: 500;
}

.dejavo_breadcrumb h2 a {
    font-size: 17px;
}


/* ---------------------------------------- end breadcrumb-------------------------------------------- */
/*-----------------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------------*/
/*--------------------------------------------- product card --------------------------------------------------*/


.product-card .add-to-cart.btn::before {
    content: "\f40e";
    font-family: "dej-icon-rr";
    min-width: 20px;
}

.product-card .view_more_product.btn::before {
    content: "\f2a5";
    font-family: "dej-icon-rr";
}

.product-card .countdown_time {
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin: 0 auto;
    bottom: 7px;
    z-index: 3;
    background-color: rgba(255, 255, 255, 0.75);
    border-radius: 5px;
    border: 1px solid white;
    padding: 0;
}

.product-card .countdown_box {
    padding: 3px;
    background-color: transparent;
}

.product-card .countdown_box .countdown {
    font-weight: 400;
    font-size: 12px;
    line-height: 15px;
    padding: 0;
}

.product-card .countdown_box .cd_text {
    font-size: 10px;
    line-height: 13px;
    padding: 0;
}
.woocommerce-Price-currencySymbol {
    font-size: 12px;
}
.product-rating {
    align-items: center;
    display: flex;
    justify-content: center;
}


.product-rate {
    position: relative;
    display: inline-block;
    height: 16px;
    overflow: hidden;
    float: right;
}



.product-rating .rating-num {
    min-height: 16px;
    background-color: #f2f3f5;
    color: var(--dej-color2);
    border-radius: 100%;
    min-width: 16px;
    line-height: 16px;
    opacity: 0.5;
    margin-right: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.product-card .variations_form.DejavoVS_archive .dejavo_colors {
    padding: 5px 0;
}


.product-card .variations_form.DejavoVS_archive {
    transition: 0.3s;
    z-index: 3;
    padding: 3px;
    display: flex;
    flex-direction: column;
    gap: 4px;
}


.product-card .variations {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.product-card .variation {
    display: flex;
    justify-content: center;
    align-items: flex-end;

}

.product-card .variation .label,
.product-card .variations .reset {
    display: none;
}

.product-card .DejavoVS-type-color .DejavoVS-term {
    height: 17px;
    width: 17px;
    margin: 0 2px;
    padding: 0;
    border-width: 1px;
}

.product-card .DejavoVS-terms {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin: 2px;
    flex-wrap: wrap;
}


.product-card .DejavoVS-type-color .DejavoVS-term > span {
    height: 15px;
    line-height: 15px;
    width: 15px;
}

.product-card .DejavoVS-type-button .DejavoVS-term {
    height: 20px;
    min-width: 24px;
    line-height: 20px;
    margin: 3px;
    padding: 0;
}

.product-card .DejavoVS-type-button .DejavoVS-term > span {
    padding: 0 5px;
    line-height: 20px;
    background-color: #ffffff9e;
    color: var(--black-color);
    font-size: 12px;
}

.product-card .DejavoVS-type-image .DejavoVS-term {
    font-size: 0;
    height: 30px;
    width: 30px;
    margin: 3px;
    padding: 0;
}

.product-card .DejavoVS-type-image .DejavoVS-term > span {
    display: block;
    height: 28px;
    width: 28px;
    line-height: 30px;
    position: relative;
    background-color: #efefef;
}

.DejavoVS-terms.DejavoVS-type-radio {
    flex-wrap: wrap;
}

.product-card .DejavoVS-type-radio .DejavoVS-term {
    margin: 3px;
    padding: 0;
    height: 22px;
    line-height: 22px;

}

.product-card .DejavoVS-type-radio .DejavoVS-term > span {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    height: 20px;
    line-height: 16px;
    font-size: 12px;
    padding: 2px;
    margin:0;
    white-space: nowrap;
    background-color: white;
}


.product-card-info {
    padding: 0 5px;
}

.product-card-info h3 {
    font-size: 13px;
    line-height: 22px;
    font-weight: 600;
    margin: 10px 0;
    max-width: 99%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.product-card-image .badge,
.woocommerce-product-gallery__wrapper .badge {
    position: absolute;
    left: 13px;
    top: 13px;
    background: var(--dej-color1) var(--dej-bg1);
    z-index: 5;
}

.woocommerce-product-gallery__wrapper .badge {
    right: 13px;
    left: auto;
}

.dejavo_colors, .dejavo_sizes {
    display: flex;
    justify-content: center;
    gap: 3px;
    align-items: center;
}

.dejavo_color {
    width: 12px;
    height: 12px;
    border-radius: 100%;
    cursor: pointer;
}

.dejavo_size {
    font-size: 12px;
    line-height: 12px;
    cursor: pointer;
    background-color: #fff;
    border: 1px solid #a19f9f;
    border-radius: 7px;
    padding: 4px 6px;
    display: flex;
    text-align: center;
    align-items: center;
    justify-content: center;
}

.dejavo_colors.square .dejavo_color, .dejavo_sizes.square .dejavo_size {
    border-radius: 0;
}

.product-card:hover {
    box-shadow: 0 0 4px 4px rgba(0, 0, 0, 0.05);
}




.product_sale {
    display: flex;
    flex-flow: column wrap;
}

.product_sale_info {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    padding: 5px 0;
    font-size: 11px;
}

.sale_bar {
    width: 100%;
    height: 5px;
    background-color: rgba(0, 0, 0, 0.1);
    border-radius: var(--dej-max-radius);
    position: relative;
}

.sale_bar_amount {
    position: absolute;
    height: 5px;
    background: var(--dej-color1) var(--dej-bg1);
    right: 0;
    top: 0;
}

/*------------------------------------------- End product card ----------------------------------------------- */
/*----------------------------------------------------- login sidebar ------------------------------------------*/


.dejavo_login_side {
    background: var(--dej-color2) var(--dej-bg2);
    font-size: 14px;
    padding: 0;
    height: 100%;
    max-height: 100%;
    z-index: 1300;
    opacity: 0;
    visibility: hidden;
    position: fixed;
    top: 0;
    right: 100%;
    width: 365px;
    max-width: 83vw;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    transition: all 0.5s;
}

body.dej_show_login_side .dejavo_login_side, body.dej_show_login_side .overlay-black {
    opacity: 1;
    visibility: visible;
}

.dej_show_login_side .dejavo_login_side {
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
}

.dej_header_sidebar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    opacity: 1;
    visibility: visible;
    background: var(--dej-color1) var(--dej-bg1);
}

.dej_header_sidebar h5.title {
    font-size: 17px;
    font-weight: 500;
    color: white;
}

.dej_header_sidebar .Dejavo_close {
    font-size: 20px;
    opacity: 0.8;
    display: inline-flex;
    align-items: center;
    color: white;
}

.dej_header_sidebar a {
    padding: 0 !important;
}

.dejavo_login_side .dej_header_sidebar {
    background: rgba(0, 0, 0, 0.2);
}




.slide-login .nav-link {
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border: 0;
    border-bottom: 1px solid rgba(148, 148, 148, 0.4);
    border-radius: 0;
}

.slide-login .nav-link.active, .slide-login .show > .nav-link {
    color: var(--black-color);
    border: 1px solid rgba(143, 142, 142, 0.4);
    border-bottom: 0;
    background-color: transparent;
    border-radius: 10px 10px 0 0;
}

.slide-login .tab-content {
    box-shadow: unset;
    padding: 20px 12px 15px 12px;
    background-color: transparent;
    border: 1px solid rgba(152, 152, 152, 0.4);
    border-top: 0;
    border-radius: 0 0 10px 10px;
}


.slide-login form button, .slide-login button.btn, .slide-login button.button, .slide-login .btn {
    border-radius: var(--dej-max-radius);
    padding: 0 15px;
    width: 100%;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.2;
    margin: 10px 0;
    min-height: 35px;
}

.slide-login form.register button {
    margin-top: 22px;
}

.slide-login button:hover, .slide-login button.button, .slide-login .btn {
    opacity: 0.9;
}

.slide-login .woocommerce-privacy-policy-text p {
    padding: 0;
}

.woocommerce .slide-login form .form-row input.input-text, .slide-login .dej_input, .slide-login textarea, .slide-login form .form-row input.input-text, .slide-login form .form-row textarea, .slide-login form .form-row select {
    padding: 0 10px;
    text-align: right;
    margin: 0 0 10px;
    border-radius: var(--dej-max-radius);
    background-color: #e8e8e8;
    width: 100%;
    min-height: 33px;
    outline: 0;
    line-height: normal;
}

.countrycode {
    margin-top: 0 !important;
    margin-left: 0 !important;
    border-radius: 5px !important;
    text-align: center !important;
}

.slide-login label {
    font-size: 13px;
    font-weight: 400;
    display: flex !important;
    align-items: center;
    gap: 5px;
}

.slide-login .woocommerce-LostPassword.lost_password {
    padding-top: 0;
}

.slide-login .btn-vendor {
    background: var(--dej-color2) var(--dej-bg2);
    color: white;
    margin: 15px 0;
    border-radius: var(--dej-max-radius);
}


.woocommerce .slide-login form.checkout_coupon, .woocommerce .slide-login form.login, .woocommerce .slide-login form.register {
    border: 0;
    padding: 0;
    margin: 0;
}

/*------------------------------------------- end  login sidebar   ----------------------------------------*/
/*-------------------------------------------  login popup   ----------------------------------------*/


#open-popup {
    padding: 20px
}

.dejavo_popup, .dejavo_login {
    position: relative;
    background: #fff;
    padding: 40px;
    width: auto;
    max-width: 800px;
    margin: 20px auto;
    text-align: center;
    border-radius: var(--dej-max-radius);
    display: flex;
    overflow: hidden;
}
.dejavo_login {
    width: 350px;
    max-width: 83vw;
    padding: 20px 20px 0 20px;
    flex-direction: column;
    align-items: center;
}
.dejavo_login .dej_login_form {
    width: 100%;
}

.dejavo_login .logo {
    max-width: 150px;
}

.woocommerce .dejavo_login form .form-row {
    padding: 0 !important;
    margin: 0 !important;
}
.dejavo_login .dejavo_tabs .flex-tabs .panel, .dejavo_login .dej_auth_form, .woocommerce > .dej_login_form .dej_auth_form {
    padding:0;
    background: transparent;
}

.dejavo_login .dej_login_form > button, .woocommerce > .dej_login_form > button {
    border: 1px solid var(--dej-color1);
    background: transparent;
    margin-bottom: 10px;
    font-size: 14px;
}
.dejavo_login #tab-one:checked ~ .tabs #tab-one-label, .dejavo_login #tab-two:checked ~ .tabs #tab-two-label {
    border: 1px solid var(--dej-color1);
}
.dejavo_login .dej_login_form > button.active, .woocommerce > .dej_login_form > button.active {
    background: var(--dej-bg1);
    color: white;
}
.dejavo_login .dej_login_form > button:hover, .woocommerce > .dej_login_form > button:hover {
    background: var(--dej-bg2);
    color: white;
}
.dejavo_login .form-row > * {
    width: 100%;
    text-align: right;
    display: flex;
    gap: 5px;
}
.dejavo_login .dejavo_tabs {
    margin: 15px 0 0 0;
}

.dejavo_tabs, .dej_login_form {
    margin: 15px;
    width: auto;
    transition: 0.3s;
}

.dejavo_tabs .state {
    position: absolute;
    opacity: 0;
    visibility: hidden;
}

.dejavo_tabs .flex-tabs, .dej_login_form {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 8px;
}

.dejavo_tabs .flex-tabs .tab, .auth_btn_form, .passbtn {
    flex: 1;
    max-height: 40px;
    font-weight: 400;
    font-size:12px;
    display: flex !important;
    align-items: center;
    gap: 6px;
    justify-content: center;
    cursor: pointer;
    padding: 10px 5px;
    background-color: #e8e8e8;
    border-radius: var(--dej-max-radius);
    border: 0;
}

.dejavo_tabs .flex-tabs .panel, .dej_auth_form {
    background-color: #fff;
    padding: 20px;
    min-height: 300px;
    display: none;
    width: 100%;
    flex-basis: auto;
    border-radius: var(--dej-max-radius);
}


.dejavo_tabs .tab:hover, .auth_btn_form:hover, .passbtn:hover, .auth_btn_form.active, .passbtn.active  {
    background-color: #fff;
}

#tab-one:checked ~ .tabs #tab-one-label,
#tab-two:checked ~ .tabs #tab-two-label,
#tab-three:checked ~ .tabs #tab-three-label,
#tab-four:checked ~ .tabs #tab-four-label {
    background-color: #fff;
    cursor: default;
}

#tab-one:checked ~ .tabs #tab-one-panel,
#tab-two:checked ~ .tabs #tab-two-panel,
#tab-three:checked ~ .tabs #tab-three-panel,
#tab-four:checked ~ .tabs #tab-four-panel, .dej_auth_form{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.dej_auth_form{
    min-height: 125px;
    align-items:center;
    gap: 8px;
}
.dej_auth_form form {
    display: flex;
    flex-wrap: wrap;
}
.dej_auth_form input {
    margin-bottom: 10px;
}
.dej_auth_form label {
    font-size: 13px;
}
.dej_auth_form form > * {
    width: 100% !important;
    text-align: right;
}

input#dej-auth-code {
    text-align: center;
    letter-spacing: 10px;
    font-size: 18px;
}

.phone_number {
    display: flex;
    gap: 6px;
    background-color: rgba(255, 0, 0, 0.07);
    padding: 4px 8px;
    border-radius: var(--dej-max-radius);
    color: #3a3b39;
    font-size: 13px;
    align-items: center;
    margin-bottom: 5px;
}
.edit_phone {
    cursor: pointer;
    color: red;
}
.status,.status1, #input_error {
    color: red;
}

.dej_login_form.error input {
    border-color: red !important;
}
.send_again {
    display: none;
}
.d-block {
    display: block !important;
}

.with_password > a {
    margin-top: 7px;
}
/*---------------------------------START LOGIN FORM----------------------------------------------*/

#navbar-dejavo-login .nav-pills .nav-link {
    border: 1px solid #d0d0d0;
    padding: 10px 40px;
    margin: 0 5px;
}


button.button.alt.disabled, button.button, button.button.alt, .dig_billing_wc_dv input[type=submit], button.button:disabled, .woocommerce button.button:disabled[disabled], #add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button, #respond input#submit, a.button, button.button, input.button, .slide-login button.button, .elementor-button {
    border-radius: var(--dej-max-radius);
    font-family: var(--dej-font1);
    padding: 0 20px;
    line-height: 1;
    font-weight: 500;
    min-height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    float: unset;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    cursor: pointer;
    border: 0;
    font-size: 14px;
}
.woocommerce-LostPassword.lost_password {
    padding-top: 15px;
}

.woocommerce-form-register__submit, .woocommerce-form-login__submit {
    padding: 12px 50px;
}


.login_form {
    width: 100%;
    box-shadow: 0 5px 5px 5px rgba(0, 0, 0, 0.05);
    padding: 50px;
    border-radius: var(--dej-max-radius);
    overflow: hidden;
}

.login_form h3 {
    font-size: 1.3em;
    text-align: center;
    font-weight: 500;
    margin-bottom: 30px;
}

.login_form .dej_input {
    padding: 15px 20px;
    text-align: right;
    margin-bottom: 15px;
}

.login_form .footer_loginform {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    font-size: 0.9em;
    font-weight: 300;
    margin: 20px 0;
}

.login_form .social_login,
.social_login a {
    margin: 20px 0;
    text-align: center;
    position: relative;
}

.login_form .social_login span {
    padding: 0 20px;
    position: relative;
    text-align: center;
    background-color: var(--white-color);
    margin-bottom: 30px;
}

.login_form .social_login:before {
    content: "";
    position: absolute;
    border-top: 1px solid var(--border-color1);
    top: 15px;
    right: 10px;
    left: 10px;
}

.login_form .register_link {
    font-size: 1.1em;
    font-weight: 500;
    line-height: 2em;
    padding: 20px 0;
    text-align: center;
}

/*---------------------------------END LOGIN FORM----------------------------------------------*/


/*-----------------------------------------------------------------------------------------------*/



.swiper {
    width: 100%;
    height: 100%;
}

.swiper-button-disabled {
    opacity: 0 !important;
    cursor: not-allowed;
    visibility: hidden;
}

.dej_swiper {
    visibility: hidden;
    opacity: 0;
    height: 200px;
}

.dej_swiper.swiper-initialized {
    visibility: visible !important;
    opacity: 1 !important;
    height: auto;

}

.slides {
    position: relative;
    width: 100%;
}

.item.swiper-slide {
    height: auto;
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.swiper-pagination {
    position: relative;
}

.swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: unset;
    left: unset;
    width: 100%;
    min-height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.dejavo_prev_Arrow,
.dejavo_next_Arrow {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    z-index: 6;
}


.dejavo_next_Arrow i,
.dejavo_prev_Arrow i {
    font-size: 20px;
    line-height: 20px;
    display: inline-flex;
    align-items: center;
}

.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #D0D0D0FF;
    transition: width 0.3s;
}

.swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {
    opacity: .4;
}

.swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 18px;
    border-radius: 20px;
}


/*
====== Fade effect ======
*/
.mfp-fade {
}

.mfp-fade.mfp-bg {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.mfp-fade.mfp-bg.mfp-ready {
    opacity: 0.8;
}

.mfp-fade.mfp-bg.mfp-removing {
    opacity: 0;
}

.mfp-fade.mfp-wrap .mfp-content {
    opacity: 0;
    -webkit-transition: all 0.15s ease-out;
    transition: all 0.15s ease-out;
}

.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
    opacity: 1;
}

.mfp-fade.mfp-wrap.mfp-removing .mfp-content {
    opacity: 0;
}

/*
====== Zoom effect ======
*/
.mfp-zoom-in {
    /* start state */
    /* animate in */
    /* animate out */
}

.mfp-zoom-in .mfp-with-anim {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    transform: scale(0.8);
}

.mfp-zoom-in.mfp-bg {
    opacity: 0;
    transition: all 0.3s ease-out;
}

.mfp-zoom-in.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: scale(1);
}

.mfp-zoom-in.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-zoom-in.mfp-removing .mfp-with-anim {
    transform: scale(0.8);
    opacity: 0;
}

.mfp-zoom-in.mfp-removing.mfp-bg {
    opacity: 0;
}

/*
====== Move-from-top effect ======
*/
.mfp-move-from-top {
    /* start state */
    /* animate in */
    /* animate out */
}

.mfp-move-from-top .mfp-content {

}

.mfp-move-from-top .mfp-with-anim {
    opacity: 0;
    transition: all 0.4s;
    transform: translateY(-100px);
}

.mfp-move-from-top.mfp-bg {
    opacity: 0;
    transition: all 0.4s;
}

.mfp-move-from-top.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: translateY(0);
}

.mfp-move-from-top.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-move-from-top.mfp-removing .mfp-with-anim {
    transform: translateY(-50px);
    opacity: 0;
}

.mfp-move-from-top.mfp-removing.mfp-bg {
    opacity: 0;
}

/*
====== 3d unfold ======
*/
.mfp-3d-unfold {
    /* start state */
    /* animate in */
    /* animate out */
}

.mfp-3d-unfold .mfp-content {
    perspective: 2000px;
}

.mfp-3d-unfold .mfp-with-anim {
    opacity: 0;
    transition: all 0.3s ease-in-out;
    transform-style: preserve-3d;
    transform: rotateY(-60deg);
}

.mfp-3d-unfold.mfp-bg {
    opacity: 0;
    transition: all 0.5s;
}

.mfp-3d-unfold.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: rotateY(0deg);
}

.mfp-3d-unfold.mfp-ready.mfp-bg {
    opacity: 0.8;
}

.mfp-3d-unfold.mfp-removing .mfp-with-anim {
    transform: rotateY(60deg);
    opacity: 0;
}

.mfp-3d-unfold.mfp-removing.mfp-bg {
    opacity: 0;
}

/*
====== Slide bottom effect ======
*/

.mfp-slide-bottom .mfp-with-anim {
    opacity: 0;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
    transform: translateY(-20px) perspective(600px) rotateX(10deg);

}

/* animate in */
.mfp-slide-bottom.mfp-ready .mfp-with-anim {
    opacity: 1;
    transform: translateY(0) perspective(600px) rotateX(0);
}

/* animate out */
.mfp-slide-bottom.mfp-removing .mfp-with-anim {
    opacity: 0;
    transform: translateY(-10px) perspective(600px) rotateX(10deg);
}

/* Dark overlay, start state */
.mfp-slide-bottom.mfp-bg {
    opacity: 0;
    -webkit-transition: opacity 0.3s ease-out;
    transition: opacity 0.3s ease-out;
}

/* animate in */
.mfp-slide-bottom.mfp-ready.mfp-bg {
    opacity: 0.8;
}

/* animate out */
.mfp-slide-bottom.mfp-removing.mfp-bg {
    opacity: 0;
}


li.user_header {
    height: 100%;
    display: flex;
    align-items: center;
    pointer-events: all;
}

.user_header_drop_menu {
    position: absolute;
    top: 97%;
    width: 220px;
    left: 0;
    background-color: var(--white-color);
    box-shadow: 4px 4px 4px 4px rgba(0, 0, 0, 0.05);
    z-index: 1100;
    border-radius: var(--dej-max-radius);
    text-align: right;
    padding: 10px 8px;
    transition: 0.4s;
    visibility: hidden;
    opacity: 0;
    transform: translateY(50px);
}

li.user_header:hover .user_header_drop_menu {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
}

li.user_header:not(:hover) .user_header_drop_menu, .cart-show:not(:hover) .cart_box {
    pointer-events: none;
    opacity: 0;
    visibility: hidden;
}

.user_header_drop_menu li a {
    font-size: 14px !important;
    line-height: 22px !important;
    font-weight: 400;
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center;
    padding: 3px;
    transition: 0.2s;
    gap: 7px;
}

.user_header_drop_menu li a i {
    opacity: 0.6;
    font-size: 12px;
    min-width: 20px;
    display: flex;
    justify-content: center;
    color: var(--dej-title-color) !important;
}

.user_header_drop_menu .divider {
    width: 100%;
    height: 2px;
    border-top: 2px dotted #d8d5d5;
    display: flex;
    margin: 7px 0;
}


.icon_count:after, .DejavoCP-menu-item .DejavoCP-menu-item-inner:after, .DejavoWL-menu-item .DejavoWL-menu-item-inner:after {
    content: attr(data-count);
    display: block;
    background: var(--dej-color1) var(--dej-bg1);
    color: #ffffff;
    font-size: 10px;
    font-weight: 400;
    width: 16px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    border-radius: 8px;
    position: absolute;
    top: -4px;
    right: -5px;
    left: auto;
}


.icon_count a {
    color: var(--white-color);
}


.user_menu_login {
    align-items: center;
    display: flex;
    margin-left: 8px;
    flex-flow: row wrap;
    justify-content: center;
}

.user_menu_login span {
    padding-right: 7px;
}


/*** Bottom Header ****/

.elementor-location-header {
    display: contents;
}
.elementor-location-header > * {
    z-index: 1100 !important;
}

.d-none {
    display: none !important;
}
.dej_sticky_menu {
    position: sticky !important;
    top: 0;
    z-index: 1000 !important;
}
.dej_menu_zindex {
    z-index: 1000 !important;
}
.dejavo_search select#product_cat {
    position: absolute;
    width: 90px;
    left: 55px;
    top: 9px;
    font-size: 0.8rem;
    font-weight: 300;
    line-height: 1.2;
    border: 0;
}

.dejavo_search select#product_cat option:focus,
select.dropdown_product_cat:focus,
select.dropdown_product_cat:visited {
    box-shadow: none;
}

:focus-visible {
    outline: 0;
}

/* end header bottom */

/*------------------------------------------- START mini CRAT ------------------------------------- */


.dejavo_cart {
    display: inline-flex;
    gap: 6px;
    align-items: center;
    justify-content: center;
    background: var(--dej-color1) var(--dej-bg1);
    border-radius: var(--dej-max-radius);
    padding: 5px 12px;
    cursor: pointer;
}

.dejavo_cart > .icon {
    color: white;
    font-size: 20px;
}

.dejavo_cart > .title {
    color: white;
    font-size: 14px;
}

.dejavo_cart:hover, .dejavo_cart .icon_count:after {
    background: var(--dej-color2) var(--dej-bg2);
}

.dejavo_cart .icon_count {
    position: relative !important;
    inset: unset !important;
}

.dejavo_cart .icon_count:after {
    position: relative !important;
    inset: unset !important;
    font-size: 13px;
    font-weight: 400;
    width: 20px;
    height: 20px;
    line-height: 13px;
    border-radius: 100%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.2s;
}

.dejavo_cart:hover .icon_count:after {
    border-radius: var(--dej-max-radius);
    background: var(--dej-color1) var(--dej-bg1);
}


.cart_box {
    width: 450px;
    background-color: var(--white-color);
    box-shadow: 0 10px 15px 0 rgba(0, 0, 0, 0.08);
    position: absolute;
    left: 0;
    top: 100%;
    visibility: hidden;
    opacity: 0;
    transform: translateY(50px);
    transform-origin: left top;
    transition: all 500ms;
    z-index: 1035;
    pointer-events: all;
    min-height: 100px;
    display: block;
    border-radius: var(--dej-max-radius);
}
.cart-show.right .cart_box, .user_header_drop_menu.right {
    right:0 !important;
    left:auto !important;
}

.cart-show:hover .cart_box {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
}

li.woocommerce-mini-cart-item.mini_cart_item,
ul.cart_list li,
.cart_box .woocommerce-cart-form__cart-item.cart_item {
    height: auto;
    position: relative;
    padding: 5px 10px;
    margin: 5px 0;
    display: block;
    text-align: right;
}

.elementor-menu-cart__product {
    border-bottom: 1px dotted var(--border-color1) !important;
}

.elementor-menu-cart__product-name, .elementor-menu-cart__product-price {
    font-size: 14px;
    padding-right: 10px !important;
}

.elementor-menu-cart__product-price {
    color: #747474 !important;
}

.cart_box .elementor-menu-cart__product-name.product-name {
    display: inline-flex;
    flex-direction: column;
    width: 80%;
}

.elementor-menu-cart__product-name.product-name a {
    font-size: 14px;
}

.elementor-menu-cart__product-name.product-name dl.variation {
    display: inline-flex;
    gap: 5px;
}


.cart_box .variation, .elementor-menu-cart__product .variation {
    display: inline-flex;
    gap: 8px;
    margin: 5px;
    font-size: 12px;
}
li.woocommerce-mini-cart-item.mini_cart_item img,
ul.cart_list li img, .cart_box .woocommerce-cart-form__cart-item.cart_item .product-thumbnail {
    display: inline-flex;
    max-width: 70px;
    width: 20%;
    border-radius: var(--dej-max-radius);
    overflow: hidden;
    margin-left: 0;
    float: unset;
}


.woocommerce-mini-cart-item.mini_cart_item a,
ul.cart_list li a {
    display: flex;
    justify-content: flex-start;
    font-size: 14px;
    font-weight: 500;
    margin-right: 10px;
}

ul.product_list_widget li a {
    justify-content: flex-start;
}

ul.product_list_widget .star-rating {
    display: none;
}

.cart_box .quantity {
    padding: 5px;
    display: inline-flex;
    font-size: 0.9em;
    font-weight: 500;
    width:auto;
}

.woocommerce-mini-cart__total, .elementor-menu-cart__subtotal {
    display: flex;
    justify-content: space-between;
    padding: 10px 20px;
    color: var(--dej-text-color1);
    font-size: 17px;
}

.footer_cart, .elementor-menu-cart__subtotal {
    padding: 10px;
}


.woocommerce-mini-cart__buttons, .elementor-menu-cart__footer-buttons {
    display: flex;
    justify-content: space-evenly;
    gap: 10px;
    margin: 10px;
}

.cart_total {
    display: block;
    padding: 10px;
    text-align: right;
}

.cart_total_price {
    float: left;
}

.cart_box .wc-forward, .cart_box .checkout.wc-forward, .woocommerce-mini-cart__buttons a, .elementor-menu-cart__footer-buttons a {
    padding: 10px !important;
    text-align: center;
    border-radius: var(--dej-max-radius) !important;
    font-weight: 700;
    font-size: 14px !important;
    line-height: 20px !important;
    flex: 1;
}

.cart_box .button.checkout.wc-forward {
    margin-right: 10px;
}


.elementor-menu-cart__product-remove, .remove_from_cart_button, .cart_box a.remove {
    position: absolute;
    left: auto;
    bottom: auto;
    top: 5px;
    right: 5px;
    background-color: rgba(255, 255, 255, 0.6);
    width: 22px;
    height: 22px;
    border-radius: 22px;
    border: 1px solid #ababab;
    justify-content: center !important;
}

.elementor-menu-cart__product-remove:after, .elementor-menu-cart__product-remove:before {
    content: "";
    position: absolute;
    height: 1px;
    width: 50%;
    top: 50%;
    left: 25%;
    margin-top: -1px;
    z-index: 1;
    transition: .2s;
    background: #5d5d5d;
}

.elementor-menu-cart__product-remove:before {
    transform: rotate(45deg);
}

.elementor-menu-cart__product-remove:after {
    transform: rotate(-45deg);
}

.elementor-menu-cart__product-remove:hover:after, .elementor-menu-cart__product-remove:hover:before {
    background: var(--white-color) !important;
}

.elementor-menu-cart__product-remove:hover, .cart_box a.remove:hover {
    color: var(--white-color) !important;
    background: var(--dej-color1) !important;
}

.cart_box .woocommerce-cart-form__cart-item.cart_item {
    display: flex;
    flex-wrap: wrap;
}



.elementor-menu-cart__product, .elementor-menu-cart__subtotal {
    padding-bottom: 4px !important;
}

.elementor-menu-cart__footer-buttons, .elementor-menu-cart__product:not(:first-of-type), .elementor-menu-cart__subtotal {
    padding-top: 4px !important;
}


.woocommerce-mini-cart__empty-message {
    padding: 20px;
    text-align: center;
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    width: 100%;
    min-height: 120px;
    position: relative;
}

.woocommerce-mini-cart__empty-message:before {
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    right: 0;
    left: 0;
    margin: 0 auto;
    content: "\f3f1";
    font-family: "dej-icon-rr";
    font-size: 40px;
    opacity: 0.5;
    color: var(--dej-color2);
}


/*----------------------------------------- END mini CRAT ----------------------------------------  */


/* slider 1 */

.dejavo_slider {
    overflow: hidden;
}

.dejavo_slider .dejavo_prev_Arrow,
.dejavo_slider .dejavo_next_Arrow, #DejavoQV-popup .dejavo_next_Arrow, #DejavoQV-popup .dejavo_prev_Arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    background: var(--white-color);
    color: var(--black-color);
    padding: 5px;
    box-shadow: 0 0 5px 0 #0000002b;
    transition: opacity 0.3s;
    opacity: 0.4;
    min-width: 40px;
    min-height: 45px;
    border-radius: 10px;
    border: 0;
}

.dejavo_slider .swiper-slide > a {
    display: flex;
}
.dejavo_slider .swiper-slide {
    display: flex;
    justify-content: center;
    margin: 0 auto;
}

.dejavo_slider .swiper-pagination {
    position: absolute !important;
    left: 0;
    right: 0;
    z-index: 2;
    bottom: 8px !important;
    list-style: none;
    display: inline-flex;
    width: auto;
    margin: 0 auto;
    justify-content: center;
    align-self: center;
    max-width: min-content;
    padding: 4px 10px;
}

.dejavo_slider .swiper-pagination .swiper-pagination-bullet {
    margin: 0 5px;
    background-clip: padding-box;
    border: 0;
    transition: width 0.3s, transform 0.3s;
    background: var(--white-color);
    opacity: .5;
}

.dejavo_slider .swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: .85;
    background: var(--dej-bg1);
    transform: scale(1.2);
}


.dejavo_slider .dejavo_prev_Arrow {
    left: 20px;
}

.dejavo_slider .dejavo_next_Arrow {
    right: 20px;
}


.dejavo_slider .dejavo_prev_Arrow:hover,
.dejavo_slider .dejavo_next_Arrow:hover {
    opacity: 0.8 !important;
}

.slide_inner {
    z-index: 4;
    display: flex;
    align-items: center;
}
.slide_inner.jc_center {
    justify-content: center;
}


.slide_inner .p_right {
    order: 1;
}

.slide_inner .p_left {
    order: 2;
}

.slide_inner .p_center {
    justify-self: center;
    text-align: center !important;
    margin: 0 auto;
}

.slide_img {
    z-index: 8;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s, visibility 0.3s;
    max-height: 100%;
    min-width: 40%;
    display: flex;
    justify-content: center;}

.slide_img img {
    max-height: 100%;
    width: auto;
    height: auto;
}

.slide_text {
    text-align: right;
    z-index: 8;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s, visibility 0.3s;
    display: flex;
    flex-direction: column;
    gap: 18px;
    min-width: 40%;
}

.slide_text h2 {
    font-size: 22px;
    line-height: 32px;
    font-weight: 800;
}

.slide_text h4 {
    font-size: 18px;
    line-height: 24px;
    font-weight: 500;
}

.slide_text p {
    font-size: 15px;
    line-height: 20px;
}

.slide_btn {
    padding: 13px 30px;
    border-radius: var(--dej-max-radius);
    border: 1px solid #3f3f3f;
    line-height: 1;
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 8px;
    transition: opacity 0.3s, visibility 0.3s;
}

.slide_btn i {
    align-items: center;
    display: inline-flex;
}

.slide_inner .p_center .slide_btn {
    align-self: center;
}

.swiper-slide:not(.swiper-slide-active) .slide_text, .swiper-slide:not(.swiper-slide-active) .slide_img {
    visibility: hidden;
    opacity: 0;
}

.swiper-slide-active .slide_text, .swiper-slide-active .slide_img {
    visibility: visible;
    opacity: 1;
}


.dejavo_slider.style1 .swiper-pagination .swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
    border-radius: 20px !important;
}


.dejavo_slider.style1 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 28px !important;
    border-radius: 20px !important;
}

.dejavo_slider.style1 {
    border-radius: 20px;
    overflow: hidden;
    padding: 0;
}

.dejavo_slider.style2 .dejavo_prev_Arrow,
.dejavo_slider.style2 .dejavo_next_Arrow {
    background: transparent;
    border: 0;
    box-shadow: none;
    color: var(--white-color);
    opacity: 0.7;
}


.dejavo_slider.style2 .swiper-pagination {
    bottom: 30px;
    margin-bottom: 0;
}

.dejavo_slider.style2 .dejavo_prev_Arrow {
    left: 45.7%;
}

.dejavo_slider.style2 .dejavo_next_Arrow {
    right: 45.7%;
}

.dejavo_slider.style2 .dejavo_prev_Arrow i {
    font-size: 24px;
    font-weight: 600;
}

.dejavo_slider.style2 .dejavo_next_Arrow i {
    font-size: 24px;
    font-weight: 600;
}

.dejavo_slider.style2 .dejavo_prev_Arrow,
.dejavo_slider.style2 .dejavo_next_Arrow {
    width: 40px;
    height: 40px;
    text-align: center;
    top: auto !important;
    bottom: 4% !important;
}

.dejavo_slider.style2 .swiper-pagination .swiper-pagination-bullet {
    width: 25px !important;
    height: 6px !important;
    border-radius: 3px !important;
    border: 0 !important;
    margin: 0 8px !important;
}


.dejavo_slider.style3 .dejavo_prev_Arrow,
.dejavo_slider.style3 .dejavo_next_Arrow {
    border-radius: 100% !important;
    width: 45px !important;
    height: 45px !important;
}

.dejavo_slider.style3 .swiper-pagination .swiper-pagination-bullet:before {
    content: "" !important;
    position: absolute !important;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border-radius: 100%;
    border: 3px solid var(--white-color);
    margin: -4px;
}


.dejavo_slider.style3 .swiper-pagination .swiper-pagination-bullet {
    width: 10px !important;
    height: 10px !important;
    border-radius: 100%;
    border: 0 !important;
    position: relative !important;
    margin: 0 12px !important;
}

.dejavo_slider.style3 .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
    border-color: var(--dej-color1) !important;
}


/*-----------------------------------------------------------------------------------------------------*/
.dejavo_slider2 {
    position: relative;
    display: flex;
    overflow: hidden;
}

.dejavo_slider2 .dejavo_prev_Arrow, .dejavo_slider2 .dejavo_next_Arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding: 7px;
}

.dejavo_slider2 .dejavo_prev_Arrow {
    left: 15px;
}

.dejavo_slider2 .dejavo_next_Arrow {
    right: 15px;

}

.dejavo_slider2 .swiper-slide-prev, .dejavo_slider2 .swiper-slide-next {
    opacity: .5;
    transition: opacity 0.3s;
}

.dejavo_slider2 .swiper-horizontal > .swiper-pagination-bullets, .dejavo_slider2 .swiper-pagination-bullets.swiper-pagination-horizontal, .dejavo_slider2 .swiper-pagination-custom, .dejavo_slider2 .swiper-pagination-fraction {
    bottom: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    position: absolute !important;
}

.dejavo_slider2 .swiper-pagination-bullet {
    width: 9px;
    height: 9px;
    background: rgba(0, 0, 0, 0.6);
}

.dejavo_slider2 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 30px;
}

/*-----------------------------------------------------------------------------------------------------*/


/*-----------------------------------------------------------------------------------------------------*/

.dejavo_slider3 {
    position: relative;
    display: flex;
    height: auto;
    overflow: hidden;
}


.dejavo_slider3 .dejavo_prev_Arrow, .dejavo_slider3 .dejavo_next_Arrow {

    background: var(--white-color);
    color: var(--black-color);
    border: 1px solid var(--border-color1);
    box-shadow: 0 0 5px 0 #0000002b;
    z-index: 9;
    cursor: pointer;
    position: absolute;
    bottom: 50px;
    border-radius: 100%;
    transition: 0.3s;
    visibility: hidden;
    padding: 0;
    width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0.7;
}

.dejavo_slider3:hover .dejavo_prev_Arrow, .dejavo_slider3:hover .dejavo_next_Arrow {
    visibility: visible;
}

.dejavo_slider3 .dejavo_prev_Arrow {
    right: 70px;
    left: unset;
}

.dejavo_slider3 .dejavo_next_Arrow {
    right: 20px;
    left: unset;
}

.dejavo_slider3 .swiper-pagination {
    position: absolute !important;
    right: 25px !important;
    bottom: 10px !important;
    left: unset !important;
    justify-content: flex-start !important;
    width: unset !important;
}

.dejavo_slider3 .swiper-pagination-bullet {
    width: 7px;
    height: 7px;
    background: var(--black-color);
    border-radius: 8px !important;
}

.dejavo_slider3 .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: var(--white-color);
    width: 14px;
}

.dejavo_slider3 .swiper-slide {
    height: auto;
}

.dejavo_slider3 .swiper-slide .slide_text {
    position: absolute;
    right: 10%;
    bottom: 50%;
    transform: translateY(-100px);
    transition: transform 0.7s, opacity 0.5s, visibility 0.5s;
    z-index: 5;
    visibility: hidden;
    opacity: 0;
    transition-delay: 0.6s;
}

.dejavo_slider3 .swiper-slide.swiper-slide-active .slide_text {
    transform: translateY(50%);
    opacity: 1;
    visibility: visible;
}

.dejavo_slider3 .swiper-slide:not(.swiper-slide-active) .slide_text {
    transform: translateY(-100px);
    visibility: hidden;
    opacity: 0;
}


/*----------------------------------------------- start shipping icons--------------------------------------- */


.icon_box {
    justify-content: space-between;
    align-items: center;
    gap: 7px;
}

.icon_box .item {
    display: flex;
    justify-content: flex-start;
    justify-items: center;
    gap: 10px;
    flex: 1;
    padding: 7px;
    font-size: 14px;
    overflow: hidden;
    transition: .3s;
}

.icon_box .item a {
    line-height: 1;
}


.icon_box .item .icon {
    font-size: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.3s;
    transition-delay: 0.3s;
    animation-duration: 0.7s;
    animation-timing-function: linear;
    padding: 7px;
    border-radius: 7px;
}

.icon_box.style2 .item .icon, .icon_box.style3 .item .icon {
    margin: 0 auto;
}

.icon_box .item .content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: 7px;
}

.icon_box .item .content p {
    font-size: 12px;
    font-weight: 300;
    margin-bottom: 0;
    padding: 0;
}

.icon_box .item .content h6 {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}


.icon_box.style2 .item,
.icon_box.style3 .item {
    flex-flow: column wrap;
    justify-content: space-between;
    background-color: var(--white-color);
    padding: 20px 10px;
    border-radius: 0 20px 30px 40px/30px;
}

.icon_box.style2 .item:hover,
.icon_box.style2 .item:hover {
    background: var(--dej-color1) var(--dej-bg1);
    color: var(--white-color);
}

.icon_box.style2 .item:hover .icon i,
.icon_box.style2 .item:hover .content p,
.icon_box.style2 .item:hover .content h6,
.icon_box.style3 .item:hover .icon i,
.icon_box.style3 .item:hover .content p,
.icon_box.style3 .item:hover .content h6 {
    color: var(--white-color);
}

.icon_box.style2 .content {
    margin-right: 0;
    text-align: center;
    align-items: center;
    gap: 5px;
}

.icon_box.style2 .icon_box .item .icon:hover i {
    transform: scale(0.98);
}

.icon_box.style3 {
    justify-content: space-between;
}

.icon_box.style3 .item {
    border-radius: 5px;
}

.icon_box.style3 .item:hover {
    background: var(--dej-color1) var(--dej-bg1);
    color: var(--white-color);
}

.icon_box.style3 .item .content h6 {
    margin: 0;
    padding-top: 8px;
}

.icon_box.style3 .content p {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    bottom: -20px;
    left: 0;
    right: 0;
    margin: 0 auto;
    transition: 0.5s ease;
    display: flex;
    justify-content: center;
}

.icon_box.style3 .item:hover .content p {
    visibility: visible;
    opacity: 1;
    bottom: 0;
}

.icon_box.style3 .item:hover .content h6 {
    visibility: hidden;
    opacity: 0;
}

.icon_box.style3 .content {
    margin-right: 0;
    align-items: center;
    position: relative;
}


.icon_box.style4 .item {
    justify-content: flex-start;
    justify-items: center;
    padding: 15px 5px;
    border-radius: var(--dej-max-radius);
    margin: 3px 0;
}

.icon_box.style4 .item:hover .content,
.icon_box.style4 .item:hover .content p,
.icon_box.style4 .item:hover h6,
.icon_box.style4 .item:hover .icon i {
    color: var(--white-color);
}


/*-------------------------------------------------------- End shipping icons------------------------------ */



/*------------------------- START countdown timer ------------------------*/


.countdown_time {
    display: flex;
    flex-direction: row-reverse;
    gap: 4px;
}

.countdown_box {
    display: flex;
    flex-direction: column;
    gap: 3px;
    justify-content: center;
    text-align: center;
    background-color: var(--white-color);
    border-radius: var(--dej-max-radius);
}

.countdown_box .cd_text {
    display: flex;
    justify-content: center;
}

.countdown_box .countdown {
    font-weight: 500;
    font-size: 19px;
    text-align: center;
    transition: 0.3s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.countdown_box .countdown .seconds {
    animation: timerScale 1s infinite;
}

@keyframes timerScale {
    0% {
        transform: scale(1);
        opacity: 0.5;
    }

    50% {
        transform: scale(1.15);
        opacity: 1;
    }
}

/* End countdown timer */


/* Start  banner */

.banner1, .banner2, .banner3 {
    display: flex;
    position: relative;
    overflow: hidden;
    border-radius: var(--dej-max-radius);
}
.banner2 .overlay:before, .banner1.overlay:before, .banner3:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    inset: 0;
    z-index: 4;
}
.banner1 {
    border-radius: var(--dej-max-radius);
}

.banner1 > a {
    display: flex;
    width: 100%;
}

.banner1 .info {
    position: absolute;
    top: 5%;
    right: 5%;
    z-index: 5;
}

.banner1:hover img {
    transform: scale(1.047);
}

.banner1 img {
    display: flex;
    width: 100%;
    border-radius: var(--dej-max-radius);
    transition: 0.4s;
    object-fit: cover;
    object-position: inherit;
}

.banner1 .info h5 {
    font-size: 16px;
    font-weight: 400;
    z-index: 6;
    margin-bottom: 6px;
}

.banner1 .info h3 {
    font-size: 20px;
    font-weight: 600;
    z-index: 6;
}

.banner1 .link {
    position: absolute;
    right: 5%;
    bottom: 5%;
    z-index: 6;
}

.banner1 .link a {
    position: relative;
    transition: 0.3s color;
    padding: 0 10px;
    line-height: 30px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.banner1 .link i {
    min-width: 20px;
}

.banner1 .link:hover i:before {
    animation: 600ms linear icon-width;
}

@keyframes icon-width {
    0% {
        margin-right: -8px;
        opacity: 0.5;
    }
    100% {
        margin-right: 0;
        opacity: 1;
    }
}

.banner1.style2:hover .info {
    animation: 1s infinity-light-dark infinite;
}

@keyframes infinity-light-dark {
    0% {
        opacity: 0.5;
    }
    100% {
        opacity: 1;
    }
}

.banner1.style1 .link a:before, .banner1.style3 .link a:before {
    content: "";
    height: 100%;
    width: 4px;
    position: absolute;
    right: 0;
    bottom: 0;
    transition: 0.6s ease-in-out;
    background: var(--dej-color1) var(--dej-bg1);
}

.banner1 .link:hover a {
    color: var(--white-color);
}

.banner1.style1 .link a, .banner1.style3 .link a {
    border: 0;
    background-color: transparent !important;
    transition: 0.7s;

}

.banner1.style1 .link:hover a, .banner1.style3 .link:hover a {
    box-shadow: inset -10em 0 0 0 var(--dej-color1);
}

.banner1.style2 .link a:before {
    content: unset;
}

.banner1 .link.border a {
    border: 1px solid;
}

.banner1.style3 img {
    filter: grayscale(0.5);
}

.banner1.style3:hover img {
    filter: grayscale(0);
}

.banner1.style3:after {
    background: #fff;
    filter: blur(10px);
    content: "";
    height: 200%;
    right: -300px;
    opacity: 0.2;
    position: absolute;
    bottom: -100px;
    transform: rotate(35deg);
    transition: 2s cubic-bezier(0.19, 1, 0.22, 1);
    width: 50px;
}

.banner1.style3:hover:after {
    right: 120%;
    transition: 2s cubic-bezier(0.19, 1, 0.22, 1);
}


.banner1.style4:after, .banner1.style4:before {
    inset: 15px 20px 20px 15px !important;
    border-radius: 25px;
    content: "";
    opacity: 0;
    position: absolute;
    transition: opacity .35s,transform .35s;
    z-index: 5;
    width: auto;
    height: auto;
}
.banner1.style4:after {
    border-left: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: scaleY(0);
}
.banner1.style4:before {
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    transform: scaleX(0);
}
.banner1.style4:hover:after, .banner1.style4:hover:before {
    opacity: 0.75;
    transform: scale(1) rotate(20deg);
    -webkit-transform: scale(1) rotate(1.5deg);
}
.banner1.style4 .info {
    top: 15%;
    right: 8%;
}
/*-------------------------------------------------------------------------------*/


.banner2 .caption {
    font-size: 20px;
    font-weight: 600;
    z-index: 4;
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    background: var(--dej-color1) var(--dej-bg1);
    color: white;
    min-height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    backdrop-filter: blur(5px);
}

.banner2 .caption a {
    color: white;
}

.banner2 .caption a:hover {
    opacity: 0.9;
}

.banner2 > a {
    display: flex;
    width: 100%;
}

.banner2 > a img {
    width: 100%;
    object-fit: cover;
    border-radius: var(--dej-max-radius);
}

/*-----------------------------------------------------------------*/
.img_zoom img {
    transition: 0.5s transform;
}

.img_zoom:hover img {
    transform: scale(1.05);
}

.banner3 .image {
    display: flex;
    width: 100%;
    height: 100%;
}

.banner3 .image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: inherit;
}

.banner3.zoom_hover img {
    transition: 0.4s transform;
}

.banner3.zoom_hover:hover img {
    transform: scale(1.047);
}

.banner3 .content {
    position: absolute;
    inset: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-end;
    overflow: hidden;
    border: 5px solid #ffffff5c;
    border-radius: var(--dej-max-radius);
    padding: 0 20px;
    gap: 8px;
    z-index: 6;
}

.banner3 .content .title {
    transition: 0.4s transform;
    padding: 15px 0;
    display: flex;
    flex-direction: column;
    gap: 10px;
    transform: translateY(30px);
}

.banner3:hover .content .title {
    transform: translateY(-15px);
}

.banner3 .content a {
    opacity: 0;
    transition: .4s;
    display: flex;
    align-items: center;
    gap: 10px;
    transform: translateY(30px);
    background: transparent;
}

.banner3:hover .content a {
    opacity: 1;
    transform: translateY(-15px);
}

/*--------------------------------- End banner  -------------------------------------- */




/*-----------------------------------------------------------------------------------------------------*/

.logo_slider_1 .dejavo_next_Arrow, .logo_slider_1 .dejavo_prev_Arrow, .category_box_1 .dejavo_next_Arrow, .category_box_1 .dejavo_prev_Arrow {
    position: absolute;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    padding: 8px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.25);
    color: rgba(0, 0, 0, 0.7);
}

.logo_slider_1 .dejavo_prev_Arrow, .category_box_1 .dejavo_prev_Arrow {
    right: auto;
    left: 0;
}

.logo_slider_1 .item {
    max-height: 200px;
    overflow: hidden;
    border-radius: 10px;
    margin: 2px 0;
}


/*------------------------------------------------------------------------------------------------------*/
.category-carousel  {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    align-self: center;
    justify-self: center;
}

.category_box_1 .item {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    transition: 0.5s;
    padding-top: 20px;
    margin: 5px;
    flex: 1;
}


.category_box_1 .item .image {
    padding: 10px;
    width: 100%;
    transition: 0.4s;
}

.category_box_1 .item img {
    transition: transform 0.5s;
    border-radius: 10px;
    width: 100%;
}

.category_box_1.style1 .item:hover img {
    transform: scale(1.2) translateY(-25px);
}

.category_box_1.style2 .item:hover img {
    transform: scale(1.1) rotate(10deg);
}

.category_box_1.style3 .item:hover img {
    transform: scale(0.95) translateY(-20px);
}
.category_box_1.style4 .item:hover img {
    transform: scale(0.95) perspective(10px);
}
.category_box_1.style5 .item:hover img {
    transform: rotateY(360deg);
}
.category_box_1.style6 .item:hover img {
    animation: up-down 0.7s infinite alternate;
}

@keyframes up-down {
    0% { transform: translateY(0); }
    100% { transform: translateY(-13px); }
}

.category_box_1 .item a {
    text-align: center;
    display: flex;
    width: 100%;
    justify-content: center;
}

.category_box_1 .content {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
}

.category_box_1 .content h5 {
    font-weight: 500;
    font-size: 14px;
    margin-top: 10px;
    transition: 0.4s;
    display: flex;
    justify-content: center;
}

.category_box_1 .content p, .category_box_1 .content p a {
    display: flex;
    align-items: center;
    gap: 7px;
}

.category-carousel img {
    min-height: 60px;
    min-width: 60px;
}

.category_box_1.category-carousel .item {
    flex: unset !important;
    flex-basis: unset !important;;
    margin: 8px 0 !important;;
}

/*-------------------------------------------------------------------------*/
.swiper-fade .swiper-slide {
    opacity: 0 !important;
}

.swiper-fade .swiper-slide.swiper-slide-active {
    opacity: 1 !important;
}

.amazing_offer1 {
    position: relative;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    align-items: center;
    padding: 0 20px;
    background-color: white;
    margin-right: 50px;
    border-radius: 20px;
    z-index: 2;
}

.amazing_offer {
    position: relative;
    z-index: 2;
}

.amazing_offer .DejavoVS_archive {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.amazing_offer .dejavo_colors, .amazing_offer .dejavo_sizes {
    justify-content: flex-start !important;

}

.amazing_offer::after, .amazing_offer::before {
    content: '';
    position: absolute;
    z-index: 0;
    width: 80%;
    height: 20%;
    inset: auto 50px -10px 0;
    border-radius: 20px;
    background: var(--dej-color1) var(--dej-bg1);
    margin: 0 auto;
}

.amazing_offer::before {
    inset: -10px 50px 0 0;
}

.amazing_offer1 .slides {
    display: flex !important;
    align-items: center;
    position: relative;
    width: 100%;
}

.amazing_offer1 .slides .swiper-wrapper {
    align-items: center;
}

.amazing_offer1 .slides .item {
    display: flex;
    padding: 15px 50px 15px 0;
}

.amazing_offer1 .slides .item .right {
    display: flex;
    width: 30%;
    align-items:center;
}

.amazing_offer1 .slides .item .left {
    padding: 20px 20px 20px 40px;
    display: flex;
    flex-direction: column;
    width: 70%;
    gap: 8px;
    justify-content: flex-start;
}

.amazing_offer1 .list {
    margin-bottom: 10px;
}

.amazing_offer1 .dej_price {
    display: flex;
    align-items: center;
    position: relative;
    max-width: 320px;
}

.amazing_offer1 .slides .item .price {
    display: flex;
    justify-content: space-between;
    width: 100%;
}

.dej_price .price > .woocommerce-Price-amount {
    font-size: 17px;
    background-color: #e2e5ff;
    color: #313232;
    flex: 1;
    display: flex;
}

.dej_price .price > .woocommerce-Price-amount:first-child {
    border-top-right-radius: 25px;
    justify-content: flex-start;
    padding: 10px 10px 10px 35px;
}

.dej_price .price > .woocommerce-Price-amount:last-child {
    border-bottom-left-radius: 25px;
    justify-content: flex-end;
    padding: 10px 35px 10px 10px;
}

.dej_price del {
    padding: 10px 10px 10px 35px;
    background-color: #ff9e9e;
    border-top-right-radius: 25px;
    color: #a60000 !important;
    font-size: 16px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-start;
}

.dej_price ins {
    padding: 10px 35px 10px 10px;
    background-color: #c1f4b5;
    border-bottom-left-radius: 25px;
    color: #1e6c07;
    font-size: 18px;
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: flex-end;
}

.amazing_offer1 .list li {
    display: flex;
    align-items: center;
    gap: 5px;
    line-height: 21px;
}

.amazing_offer1 .variations, .amazing_offer1 .variation {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.amazing_offer1 .variations {
    margin: 12px 0;
}

.amazing_offer1 .DejavoVS-terms {
    display: inline-flex;
    align-items: center;
}

.amazing_offer1 .badge {
    background-color: white;
    color: black;
    font-size: 16px;
    position: absolute;
    right: 50%;
    top: 50%;
    transform: translateX(50%) translateY(-50%);
    z-index: 3;
    border-radius: 100%;
    line-height: 16px;
    display: inline-flex;
    align-items: center;
    aspect-ratio: 1;
}


.amazing_offer1 .icons {
    font-size: 20px;
    display: flex;
    gap: 10px;
    align-items: center;
    border-radius: var(--dej-max-radius);
    justify-content: flex-start;
}


.amazing_offer1 .slides h3 a {
    font-size: 16px;
    font-weight: 600;
    line-height: 30px;
    color: var(--black-color);
}

.amazing_offer1 > .title {
    position: absolute;
    top: 50%;
    left: 0;
    text-orientation: sideways;
    writing-mode: vertical-rl;
    direction: rtl;
    transform: rotateZ(180deg) translateY(50%);
    padding: 15px 10px;
    background: var(--dej-color1) var(--dej-bg1);
    border-radius: 20px 0 0 20px;
    z-index: 5;
}

.amazing_offer1 > .title a {
    color: white;
    font-size: 16px;
    white-space: nowrap;
}

.amazing_offer1 .slides .image {
    border-radius: var(--dej-max-radius);
    flex-direction: column;
    position: relative;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
}

.amazing_offer1 .slides .image img {
    border-radius: var(--dej-max-radius);
}

.amazing_offer1 .slides .timer {
    position: absolute;
    bottom: -40px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex-direction: row-reverse;
    gap: 10px;
    background-color: #ededed;
    border-radius: 10px;
    padding: 4px 10px;
    z-index: 10;
}

.amazing_offer1 .slides .timer i {
    font-size: 25px;
    opacity: 0.7;
}

.amazing_offer1 .slides .countdown_box {
    background-color: transparent;
    padding: 0;
}

.amazing_offer1 .slides .countdown_time {
    justify-content: flex-end;
    margin-bottom: 0;
}

.amazing_offer1 .slides .countdown_box .countdown {
    font-weight: 500;
    font-size: 16px;
    background-color: white;
    border-radius: 100px;
    min-width: 40px;
    min-height: 40px;
    aspect-ratio: 1;

}

.amazing_offer1 .slides .countdown_box .cd_text {
    font-weight: 300;
    font-size: 12px;
}

.amazing_offer1 .tabs {
    width: 100px;
    padding: 10px 5px;
    overflow: hidden;
    z-index: 10;
    height: 300px;
    background: var(--dej-color2) var(--dej-bg2);
    border-radius: 25px;
    position: absolute;
    right: 0;
    transform: translateX(50%) translateY(-50%);
    top: 50%;
    display: flex;
}

.amazing_offer1 .tabs .swiper-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-height: 100%;
}

.amazing_offer1 .tabs .tab_item {
    cursor: pointer;
    border-radius: 100%;
    border: 3px solid var(--dej-color1);
    height: 80px !important;
    max-height: 80px !important;
    width: 80px !important;
}

.amazing_offer1 .tabs .tab_item img {
    border-radius: 100%;
    padding: 2px;
    max-height: 75px !important;
    height: 75px !important;
    max-width: 75px !important;
}

.amazing_offer1 .tabs .tab_item.swiper-slide-thumb-active {
    opacity: 0.7;
    border-color: var(--dej-color2) !important;
}

/*------------------------------------------------------------------------------------*/




.product-card .countdown_time, .product-card .countdown_time2 {
    transition: opacity 0.3s, visibility 0.3s;
}

.product-card:hover .countdown_time{
    opacity: 0;
    visibility: hidden;
}


[class*="hint--"]:after {
    background: rgba(255, 255, 255, 0.85);
    color: #000;
    text-shadow: unset;
    border-radius: var(--dej-min-radius);
}

.hint--right:before {
    border-right-color: rgba(255, 255, 255, 0.85);
}

.hint--left:before {
    border-left-color: rgba(255, 255, 255, 0.85);
}

.hint--top-left:before,
.hint--top-right:before,
.hint--top:before {
    border-top-color: rgba(255, 255, 255, 0.85);
}

.hint--bottom-left:before,
.hint--bottom-right:before,
.hint--bottom:before {
    border-bottom-color: rgba(255, 255, 255, 0.85);
}

.close-comments {
    background-color: #e28d1e;
    color: white;
    padding: 10px;
    border-radius: var(--dej-max-radius);
}



.comment-author-link {
    font-weight: 700;
    background-color: #eff0f0;
    padding: 0 10px;
    border-radius: 7px;
    height: 20px;
}

li.recentcomments {
    list-style: none outside;
    display: flex;
    flex-direction: row;
    gap: 5px;
    justify-content: space-between;
}

.sidebar .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered, .widget .select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    width: 100%;
}

.widget .select2-container .select2-selection--single, .sidebar .select2-container .select2-selection--single {
    padding: 0 !important;
    height: 40px !important;
    display: flex;
    align-items: center !important;
    border-radius: var(--dej-max-radius);
}

.widget .select2-container--default .select2-selection--single .select2-selection__arrow, .sidebar .select2-container--default .select2-selection--single .select2-selection__arrow {
    height: 40px;
}

.select2-container--open {
    z-index: 1300;
}


.DejavoSE-search .select2-container .select2-selection--single {
    height: 100%;
    margin: 0;
}


.grayscale-filter {
    filter: grayscale(100);
    opacity: 0.88;
    transition: 0.3s;
}

.grayscale-filter:hover {
    filter: grayscale(0);
    opacity: 1;
}


li.has-children.parent-cat-wrap a {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
}

li.has-children.parent-cat-wrap a .fa-angle-right:before {
    content: "\f104";
    font-family: "dej-icon-rr" !important;
    font-style: normal !important;
}

.text-divider, .digor {
    text-align: center;
    font-size: 16px;
    padding: 10px;
    margin: 0;
    position: relative;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.text-divider:before, .digor:before {
    position: absolute;
    content: "";
    width: 43%;
    height: 2px;
    background-color: rgba(162, 162, 162, 0.4);
    right: 0;
    top: 50%;
}

.text-divider:after, .digor:after {
    position: absolute;
    content: "";
    width: 43%;
    height: 2px;
    background-color: rgba(161, 159, 159, 0.4);
    left: 0;
    top: 50%;
}


.overlay-black, .overlay2 {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
    z-index: 1200;
    opacity: 0;
    visibility: hidden;
}
.overlay2 {
    z-index: 900 !important;
    backdrop-filter: blur(1px);
}

.overlay-black.active, .overlay2.active {
    opacity: 1;
    visibility: visible;
}


.product_sale2 .progress-bar.bg-danger {
    opacity: 0.8;
}

.product_sale2 {
    display: flex;
    flex-flow: column wrap;
    text-align: right;
    padding: 5px;
    font-size: 10px;
    color: #9b9b9b;
    gap: 5px;
}

.product_sale2 .percent_sold span {
    color: var(--dej-color2);
}

/*---------------------------------------------------------------------------------*/


.more-item.swiper-slide {
    height: auto;
}

.product_slider_2 {
    background: var(--dej-color1) var(--dej-bg1);
    padding: 20px;
    border-radius: 20px;
    display: flex;
    justify-content: space-between;
    overflow: hidden;
}

.product_slider_2 .heading_title {
    padding: 20px 10px;
}

.product_slider_2 .heading_title h3 {
    color: white;
}

.slider_show_more, .swiper-slide > a {
    display: flex !important;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    height: 100%;
}

.slider_show_more i {
    background-color: rgba(177, 177, 177, 0.15);
    padding: 20px;
    border-radius: 100%;
    margin: 10px;
    font-size: 20px;
    transition: background-color 0.3s, padding 0.5s;
}

.slider_show_more i:hover {
    background-color: rgba(177, 177, 177, 0.22);
    padding: 22px;
}

.slider_banner {
    display: flex;
    flex-flow: column;
    align-items: center;
    justify-content: space-evenly;
}

.swiper-slide .slider_banner {
    height: 100%;
}


.product_slider_2 .heading_title h3:before, .product_slider_2 .heading_title h3:after {
    content: unset;
}

.product_slider_2.style2 .slider_banner {
    width: 17%;
}

.product_slider_2 .slides2 {
    display: flex;
    width: 100%;
    flex-direction: column;
    position: relative;
    height: 100%;
}

.product_slider_2.style2 .slides2 {
    width: 83%;
}

.mobile_title {
    display: none;
}

.slider_btn {
    padding: 5px 10px;
    border-radius: var(--dej-max-radius);
    transition: 0.3s;

}

.slider_banner .slider_btn a {
    color: #fff;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: 0.3s;
}

.product_slider_2 .dejavo_next_Arrow, .product_slider_2 .dejavo_prev_Arrow {
    position: absolute;
    top: 50%;
    background: var(--white-color);
    color: var(--black-color);
    padding: 10px;
    box-shadow: 0 0 5px 0 #0000002b;
    transition: opacity 0.3s;
    opacity: 0.5;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.product_slider_2 .dejavo_next_Arrow {
    right: 0;
    transform: translate(45%, -50%);
}

.product_slider_2 .dejavo_prev_Arrow {
    left: 0;
    transform: translate(-45%, -50%);
}

.product_slider_2 .dejavo_next_Arrow:hover, .product_slider_2 .dejavo_prev_Arrow:hover {
    opacity: 1;
}


/*---------------------------------------------------------------------------------------------------*/
.dejavo_search2 input {
    font-size: 13px;
    padding: 10px;
}

.dejavo_search2 .btn {
    position: absolute;
    background: var(--dej-color2) var(--dej-bg2);
    left: 0;
    color: #fff;
    border: 0;
    border-radius: 0;
    height: 100%;
}

.dejavo_search2 .btn:hover {
    background-color: #a6a6a6;
}

.dejavo_search2 {
    position: relative;
    display: flex;
    flex-basis: 40%;
    border-radius: 25px;
    overflow: hidden;

}


.two_line h3 {
    height: 44px;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.three_line h3 {
    height: 66px;
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.product.woocommerce.add_to_cart_inline a {
    padding: 5px 8px;
    min-height: 30px;
}

.DejavoWL-item--add .add_to_cart_inline a, .DejavoCP_table .add_to_cart_inline a {
    border-radius: var(--dej-max-radius);
    font-size: 12px;
}

.DejavoWL-item--add .add_to_cart_inline a {
    width: 100%;
}

.must-log-in {
    padding: 20px;
    justify-content: center;
    display: flex;
    align-items: center;
    gap: 10px;
    background-color: #e0e0e07d;
    border-radius: var(--dej-max-radius);
}
/*-------------------------------------------------------------------------------------*/





.dejavo_header_icons {
    display: flex;
    align-items: center;
    gap: 10px;
    justify-content: flex-end;
    border-radius: var(--dej-max-radius);
}

.dejavo_header_icons > li {
    display: inline-flex;
    align-items: center;
    height: 100%;
}

.dejavo_header_icons > li > a, .dejavo_header_icons > li > div > a {
    font-size: 27px;
    position: relative;
}

.dejavo_search {
    display: flex;
    gap: 8px;
    align-items: center;
    position: relative;
    --dej-search-height: 40px;
    width: 100%;
}


.dejavo_search_btn {
    height: var(--dej-search-height);
    width: var(--dej-search-height);
    min-width: 40px;
    border: 0;
    font-size: 16px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    color: white;
    background: var(--dej-color1) var(--dej-bg1);
    border-radius: var(--dej-max-radius) !important;
    cursor: pointer;
}

.dejavo_search_btn:hover {
    background: var(--dej-color2) var(--dej-bg2);
}

.dejavo_search input {
    height: var(--dej-search-height);
    flex-grow: 1;
    background: white;
    padding-left: var(--dej-search-height);
}

.dropdown_product_cat {
    padding: 0 5px;
    text-align: right;
    height: var(--dej-search-height);
    width: 130px;
    background: white;
    cursor: pointer;
    font-size: 12px;
}


.dejavo_search.style1 input {
    border-radius: var(--dej-max-radius);
}

.dejavo_search.style1 .DejavoSE_search_cats {
    position: absolute;
    left: calc(var(--dej-search-height) - 20px);
    top: 2px;
    bottom: 2px;
    border-radius: 0 var(--dej-max-radius) var(--dej-max-radius) 0;
    max-width: 170px;
    min-width: 170px;
    border: 0;
}

.dejavo_search.style1 .dejavo_search_btn {
    position: absolute;
    left: 2px;
    top: 50%;
    transform: translateY(-50%);
    border-radius: var(--dej-max-radius);

}

.dejavo_search.style2 .dejavo_search_btn {
    position: absolute;
    left: calc((var(--dej-search-height) - 27px) * -1);
    top: 50%;
    transform: translateY(-50%);
    border-radius: 100% 0 0 100% !important;
    height: 100%;
}

.dejavo_search.style2 .search_cats_btn {
    left: 27px;
}

.search_cats_btn {
    position: absolute;
    left: 0;
    font-size: 22px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    width: calc(var(--dej-search-height) - 5px);
    height: calc(var(--dej-search-height) - 5px);
    justify-content: center;
}

.dejavo_search.style2 .DejavoSE_search_cats, .dejavo_search.style3 .DejavoSE_search_cats, .dejavo_search.style4 .DejavoSE_search_cats {
    background-color: white;
    padding: 8px;
    border: 0;
    z-index: 10000;
    position: absolute;
    left: 25px;
    top: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translateY(-10px);
    transition: transform 0.2s;
    height: var(--dej-search-height);
}

.dejavo_search.style2.show-cats .DejavoSE_search_cats, .dejavo_search.style3.show-cats .DejavoSE_search_cats, .dejavo_search.style4.show-cats .DejavoSE_search_cats {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.dejavo_search.style3 .search_cats_btn, .dejavo_search.style3 .DejavoSE_search_cats {
    left: calc(var(--dej-search-height) + 10px);
}

.dejavo_search.style4 .DejavoSE_search_cats {
    left: 0;
}

.dej_search_btn_simple {
    border: 0;
    position: absolute;
    right: 5px;
    color: #3a3a3aa3;
    font-size: 20px;
    top: 50%;
    transform: translateY(-50%);
    display: inline-flex;
    align-items: center;
    cursor: pointer;
    background: transparent;
    width: calc(var(--dej-search-height) - 7px);
    height: calc(var(--dej-search-height) - 5px);
    justify-content: center;
}

.dejavo_search.style4 input {
    padding-right: var(--dej-search-height);
}


/*------------------------------------------------------------------------*/




/* -------------------------------------------------------------------------*/


.product-card {
    position: relative;
    border-radius: var(--dej-max-radius);
    background-color: var(--white-color);
    max-width: 500px;
    overflow: hidden;
    text-align: center;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: stretch;
    box-shadow: 0 0 3px 3px rgba(0, 0, 0, 0.07);
}

.swiper-slide .product-card {
    margin-bottom: 0;
    height: 100%;
}

.product-card .dej_product_label {
    position: absolute;
    right: 0;
    top: 13px;
    display: inline-flex;
    flex-direction: column;
    gap: 3px;
    z-index: 6;
}
.dej_product_label .item {
    opacity: 0.8;
    transition: 0.3s;
}
.product-card .dej_product_label .item {
    color: white;
    font-size: 11px;
    border-radius: var(--dej-min-radius) 0 0 var(--dej-min-radius);
    text-align: right;
    padding: 1px 5px;
    gap: 4px;
    display: flex;
}
.dej_product_label .item:hover {
    opacity: 1;
}
.product-card .image {
    position: relative;
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}

.product-card .image a {
    position: relative;
    display: flex;
    display: -webkit-flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.product-card .image img, .amazing_offer1 .item .two_image {
    transition: opacity 0.5s, visibility 0.5s, transform 0.5s;
    display: flex;
    display: -webkit-flex;
    object-fit: cover;
    width: 100%;
}

.product-card .one_image {
    z-index: 2;
}

.product-card .two_image, .amazing_offer1 .item .two_image {
    opacity: 0;
    visibility: hidden;
    z-index: 1;
    position: absolute;
    top: 0;
    object-fit: cover;
}

.product-card:hover .two_image, .amazing_offer1 .item:hover .two_image  {
    opacity: 1;
    visibility: visible;
    z-index: 3;
}

.product-card .price p, .product-card .price {
    font-size: 13px !important;
    font-weight: 400 !important;
    color: black;
    font-family: var(--dej-font1);
}

.product-card .woocommerce-Price-amount {
    font-weight: 400 !important;
    font-size: 13px !important;
}

.product-card del .woocommerce-Price-amount {
    font-weight: 300 !important;
    font-size: 11px !important;
}

.product-card ins .woocommerce-Price-amount {
    font-size: 14px !important;
}


.add-to-cart {
    color: var(--dej-color1);
    font-size: 14px;
}


.product-card .info {
    position: relative;
    padding: 7px;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.product-card .info h3 a {
    font-size: 13px;
    line-height: 22px;
    font-weight: 600;
    max-width: 99%;
    height: 42px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.product-card .product-rating {
    margin-bottom: 10px;
}

.product-card .badge {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    background: var(--dej-color1) var(--dej-bg1);
    color: white;
    padding: 0;
    border-radius: 100%;
    font-size: 12px;
}

.product-card .price-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    transition: 0.2s;
    margin-bottom: 10px;
}

.product-card .price-box .price {
    display: flex;
    align-items: flex-end;
    justify-content: center;
    flex-direction: column;
}

.simple-rating {
    display: flex;
    align-items: center;
    gap: 4px;
}

.simple-rating .full-star:before {
    font-family: "star";
    content: "S";
    color: gold;
}

.simple-rating .empty-star:before {
    font-family: "star";
    content: "s";
    color: gold;
}

/*  ------------------------------- product card 1 -------------------------------------*/


.product-card.card-1 .main-bg {
    position: absolute;
    inset: -1px;
    background-color: var(--white-color);
    transition-delay: 0.2s;
    transition: 0.5s;
    border-radius: var(--dej-max-radius);
}

.product-card.card-1:hover .main-bg {
    bottom: 35px;
}

.product-card.card-1 {
    background: var(--dej-color2) var(--dej-bg2);
}

.product-card.card-1 .info h3 {
    margin: 0;
}


.product-card.card-1 .simple-rating, .product-card.card-2 .simple-rating, .product-card.card-4 .simple-rating {
    position: absolute;
    left: 7px;
    top: 7px;
    z-index: 6;
    color: rgba(0, 0, 0, 0.5);
    display: inline-flex;
    flex-direction: row-reverse;
    align-items: center;
}

.product-card.card-1:not(:hover) .info h3 {
    transition-delay: 0.2s;
}

.product-card.card-1:hover .info h3 {
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
}

.product-card.card-1 .list-icon {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    transform: translateY(50px);
    opacity: 0;
    visibility: hidden;
    transition: 0.3s;
    transition-delay: 0.2s;
    display: flex;
    justify-content: center;
}

.product-card.card-1:hover .list-icon {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
}

.shadow-product {
    background: radial-gradient(50% 50% at 50% 50%, #000 0, transparent 100%);
    filter: blur(4px);
    border-radius: 20px;
    height: 8px;
    width: 180px;
    transition: 0.3s;
    z-index: 1;
    visibility: hidden;
    opacity: 0;

}

.product-card:hover .shadow-product {
    opacity: .4;
    visibility: visible;
}

.product-card.card-1 .list-icon .icons {
    display: flex;
    justify-content: center;
    gap: 4px;
}

.product-card.card-1 .list-icon li {
    width: 28px;
}

.product-card.card-1 .list-icon li a {
    font-size: 17px;
    color: white;
}


.product-card.card-1:hover .image img {
    transform: scale(1.05) translateY(-7px);

}


/*  ------------------------------- product card 2 -------------------------------------*/


/*  ------------------------------- product card 2 -------------------------------------*/


.product-card.card-3 .badge {
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 8;
    background-color: #ff0000a3;
    padding: 4px 8px;
    color: #ffffff;
}

.product-card.card-3 .bottom {
    display: flex;
    justify-content: space-between;
    gap: 5px;
    width: 100%;
}

.product-card.card-3 .info h3 a {
    margin-bottom: 5px;
}

.product-card.card-3 .list-icon {
    position: relative;
    width: 100%;
    inset: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.product-card.card-3 .list-icon .plus {
    width: 35px;
    height: 35px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    line-height: 20px;
    border-radius: 5px;
    cursor: pointer;
    background: var(--dej-color1) var(--dej-bg1);
    color: white;
}

.product-card.card-3 .list-icon .plus i {
    display: flex;
}

.product-card.card-3 .list-icon .icons {
    position: absolute;
    transform: translateY(100%);
    transition: 0.3s;
    height: 35px;
    visibility: hidden;
    opacity: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    background-color: white;
    right: 37px;
    left: 0;
    z-index: 3;
    border-bottom-left-radius: 10px;
    border-top-left-radius: 10px;
    border: 1px solid #b4b2b2;
}

.product-card.card-3 .list-icon .plus:hover .icons {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.product-card.card-3 .list-icon .icons li a, .product-card.card-4 .list-icon .icons li a {
    width: 35px;
    height: 35px;
    font-size: 16px;
    line-height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    align-content: center;
}

.product-card.card-3 .price {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-end;
    z-index: 2;
    transition: 0.3s;
}

.product-card.card-3 .list-icon .plus:hover ~ .price {
    visibility: hidden;
    opacity: 0;
    transform: translateY(100%);
}


.product-card.card-3 .variations_form, .product-card.card-4 .variations_form {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    visibility: hidden;
    opacity: 0;
    transform: translateY(25px);
}

.product-card.card-3:hover .variations_form, .product-card.card-4:hover .variations_form {
    visibility: visible;
    opacity: 1;
    transform: translateY(0px);
}


/*----------------------------------------- Product Slider 1 --------------------------------------*/
.product_slider_1,
.product_grid_1 {
    padding: 30px 20px 20px 20px;
    border-radius: var(--dej-max-radius);
    overflow: hidden;
}

.product_slider_1 .slides {
    margin: 0;
}

.product_slider_1 .item, .product_slider_2 .item {
    padding: 3px;
}

.product_slider_1 .dejavo_prev_Arrow, .product_slider_1 .dejavo_next_Arrow {
    top: 33%;
    transform: translateY(0px);
}

.dej_heading_1 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0;
}

.dej_heading_1 .arrow_more {
    display: flex;
    align-items: center;
}

.dej_heading_1 .title {
    display: flex;
    align-items: center;
    border-radius: var(--dej-max-radius);
}

.dej_heading_1 .title h3 {
    padding: 2px 6px;
}

.dej_heading_1 .title .icon {
    padding: 6px;
    border-radius: 10px;
    display: flex;
    align-items: center;
}


.dej_heading_1 .dejavo_prev_Arrow, .dej_heading_1 .dejavo_next_Arrow {
    display: inline-flex;
    align-items: center;
    cursor: pointer;
}

.dej_heading_1 .swiper-button-disabled {
    opacity: 0.75 !important;
    cursor: not-allowed;
    visibility: visible;
}

.dej_heading_1 .arrows {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    aspect-ratio: 1;
    border-radius: 50px;
    padding: 3px;
    color: black;
    z-index: 3;
}

.dej_heading_1 .more {
    padding: 5px 10px 5px 30px;
    border-radius: var(--dej-max-radius);
    margin-left: -20px;
    z-index: 2;

}

.dej_heading_1 .more_link {
    padding: 7px 15px;
    border-radius: 10px;
    z-index: 2;
    display: inline-flex;
    align-items: center;
    gap: 7px;

}


/*------------------------------------------- post card 1 --------------------------------------*/
.post_card_1 {
    position: relative;
    border: 2px solid white;
    border-radius: var(--dej-max-radius);
    overflow: hidden;
    transition: 0.3s;
    display: flex;
    height: 100%;
}

.post_card_1 > a {
    width: 100%;
    height: 100%;
    display: flex;
}

.post_card_1 > a img {
    object-fit: cover;
    height: 100%;
    width: 100%;
    border-radius: var(--dej-max-radius);
}

.post_card_1:hover {
    border-color: var(--dej-color1) !important;
}

.post_card_1 .cat {
    position: absolute;
    top: 10px;
    right: 10px;
    color: white;
    font-size: 13px;
    background: var(--dej-color1) var(--dej-bg1);
    padding: 4px 8px;
    border-radius: 5px;
    z-index: 3;
}

.post_card_1 .title {
    position: absolute;
    bottom: 10px;
    right: 10px;
    left: 10px;
    z-index: 3;

}

.post_card_1 .title a {
    color: white;
    font-size: 14px;
    line-height: 20px;
    height: 39px;
    font-weight: 300;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    width: 100%;
    overflow: hidden;
}

.post_card_1:before {
    position: absolute;
    content: "";
    z-index: 2;
    inset: 0;
    background: linear-gradient(1deg, #404040 0%, rgba(0, 0, 0, 0) 100%);
}

.post_card_1.swiper-slide {
    aspect-ratio: 1.3;
    object-fit: cover;
}


/*----------------------------------------------------------------------------------------*/
/*---------------------------------------------- post card 2 ------------------------------------------*/
.post_card_2 {
    display: flex;
    border: 1px solid #a6a5a5;
    border-radius: var(--dej-max-radius);
    padding: 10px;
    flex-direction: column;
    background-color: white;
    margin-top: 35px;
    gap: 20px;
}
.post_card_2:hover {
    border-color:  var(--dej-color1);
}
.post_card_2:hover {
    box-shadow: 0 10px 10px -10px rgba(0, 0, 0, 0.15);
}

.post_card_2 .top {
    display: flex;
    align-items: flex-start;
    gap:10px;
}


.post_card_2 .img {
    margin-top: -35px;
    width: 50%;
    position: relative;
}
.post_card_2 .img img {
    height: 130px;
    object-fit: cover;
}

.post_card_2 .img a {
    overflow: hidden;
    display: flex;
    border-radius: var(--dej-max-radius);
}
.post_card_2 .img .cat {
    position: absolute;
    right: 50%;
    transform: translate(50%, -50%);
    color: white;
    padding: 3px 7px;
    border-radius: var(--dej-min-radius);
    font-size: 13px;
    line-height: 16px;
    white-space: nowrap;
    background: var(--dej-color1) var(--dej-bg1);
}
.post_card_2 .title {
    width: 50%;
}

.post_card_2 .title a {
    font-size: 14px;
    line-height: 20px;
}
.post_card_2 .down {
    display: flex;
    gap:6px;
}
/*----------------------------------------------------------------------------------------*/


.random_product_1 {
    position: relative;
    display: flex;
    justify-content: center;
    border-radius: var(--dej-max-radius);
    overflow: hidden;
    border: 2px solid rgba(148, 147, 147, 0.61);
}


.random_product_1 .widget_title {
    position: absolute;
    z-index: 8;
    background: var(--dej-color1) var(--dej-bg1);
    padding: 0 15px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    flex-direction: row-reverse;
    color: #ffffff;
    border-radius: 0 0 10px 10px;
}

.random_product_1 .widget_title h3 {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 5px;
    color: #ffffff;
}

.random_product_1 .swiper-slide {
    height: auto;
}

.random_product_1 .item {
    display: flex;
    justify-content: center;
    flex-flow: column wrap;
    width: 100%;
    height: 100%;
    border-radius: var(--dej-max-radius);
    background-color: var(--white-color);
    overflow: hidden;
}

.random_product_1 .item .title h4 {
    font-size: 14px;
    font-weight: normal;
    line-height: 20px;
    padding: 4px;
    text-align: center;
}

.random_product_1 .item .info {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    padding: 8px;
    gap: 3px;
    font-size: 13px;
}

.random_product_1 .item .image {
    position: relative;
    padding: 10px;
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.random_product_1 .item .image a {
    margin: 15px;
    border-radius: var(--dej-max-radius);
    overflow: hidden;
}

.random_product_1 .item .badge {
    color: white;
    padding: 3px 12px;
    border-radius: 10px;
    font-size: 13px;
    font-weight: normal;
    background: var(--dej-color1) var(--dej-bg1);
}

.random_product_1 .item img {
    transition: transform 0.5s;
}

.random_product_1 .item img:hover {
    transform: scale(0.97);
}


.dej_progressbar {
    display: flex;
    height: 4px;
    background: linear-gradient(90deg, #c2c2c2 0%, rgba(194, 194, 194, 0.31) 100%);
    transition: 0.5s linear;
    animation: progressBar 6s infinite;
}

@keyframes progressBar {
    0% {
        width: 0;
    }

    100% {
        width: 100%;
    }
}

/*------------------------------------------------------------------------------------*/


.product_list_1 .item {
    display: flex;
    align-items: stretch;
    justify-content: flex-start;
    background-color: var(--white-color);
    padding: 5px;
    border-radius: var(--dej-max-radius);
    transition: 0.3s;
    gap: 6px;
    position: relative;
    overflow: hidden;
    min-height: 100px;
    max-height: 110px;
    pointer-events: all;
}

.product_list_1 .slides .item {
    height: 100px !important;
}

.row_2 .swiper-wrapper {
    max-height: 230px;
}

.row_3 .swiper-wrapper {
    max-height: 350px;
}

.row_4 .swiper-wrapper {
    max-height: 470px;
}

.product_list_1 .item:hover {
    background: var(--dej-color1) var(--dej-bg1);
    color: white;
}

.product_list_1 .image {
    max-width: 110px;
    min-width: 100px;
    display: flex;
    justify-content: center;
    align-items: center;
    transition: 0.3s;
}

.product_list_1 .image a {
    display: flex;
    justify-content: center;
    width: 80px;
    height: 80px;
    overflow: hidden;
    border-radius: var(--dej-max-radius);
    transition: 0.3s;
}

.product_list_1 .image a img {
    max-width: 80px;
    min-width: 80px;
    max-height: 80px;
    min-height: 80px;
    object-fit: cover;
}

.product_list_1 .info {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    position: relative;
    margin: 3px 0;
    width: 100%;
    gap: 10px;
}

.product_list_1 .info .price {
    font-size: 12px;
}

.product_list_1 .item .title {
    max-height: 65px;
    justify-content: flex-start;
    align-items: flex-start;
}

.product_list_1 .item .title h4 {
    max-height: 55px;
    overflow: hidden;
}

.product_list_1 .item .title a {
    font-size: 13px;
    font-weight: 500;
    line-height: 18px;
    color: var(--dej-title-color);
    white-space: normal;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
}

.product_list_1 .item:hover .title h4 a {
    color: white;
}

.product_list_1 .item .badge {
    position: absolute;
    background: var(--dej-color1) var(--dej-bg1);
    color: white;
    right: 3px;
    top: 3px;
    height: 30px;
    width: 30px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 8;
}


.product_list_1 .icons {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    right: 0;
    left: 0;
    bottom: 0;
    transform: translateY(20px);
    z-index: 4;
    display: flex;
    justify-content: flex-start;
    gap: 10px;
    transition: 0.4s;
    flex-direction: row;
    align-items: center;
}

.product_list_1 .item:hover .icons {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
}

.product_list_1 .item .price.show_icons {
    transition: 0.3s opacity;
}

.product_list_1 .item:hover .price.show_icons {
    visibility: hidden;
    opacity: 0;
}


.product_list_1 .icons li {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.product_list_1 .icons li a {
    line-height: 18px;
    font-size: 18px;
    transition: 0.3s ease;
    color: white;
}

.product_list_1 .icons li:hover a {
    transform: translateY(-3px);
}


.product_list_1 .item:hover {
    background: var(--dej-color2) var(--dej-bg2);
    box-shadow: 0 0 2px 2px #00000021;
}

/*-------------------------------------------------------------------------------------------*/

.product_column_1 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    position: relative;
}

.d_column {
    display: flex;
    flex-direction: column;
    max-height: 440px;
    overflow-y: auto;
    gap: 10px;
    width: 100%;
}

.product_column_1 .wid_title, .product_column_1 .more_link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 5px 20px;
    border-radius: 10px;
}

.product_column_1 .wid_title .icon {
    display: flex;
    align-items: center;
    padding: 5px;
    font-size: 16px;
    border-radius: 7px;
}


/*---------------------------------------------------------------------------------------------*/
.social_icons_1 {
    display: inline-flex;
    gap: 7px;
}

.social_icons_1 .item a {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 7px;
    border: 2px solid #333;
    border-radius: var(--dej-max-radius);
}

.social_icons_1 .item a .icon {
    font-size: 20px;
    display: flex;
    align-items: center;
    line-height: 20px;
    animation-duration: 1s;
    animation-timing-function: linear;
}

.social_icons_1 .item a .title {
    font-size: 0;
    visibility: hidden;
    transition: font-size 0.4s, visibility 0.4s;
}

.social_icons_1 .item a:hover .title {
    font-size: 15px;
    visibility: visible;
    padding-right: 7px;
}

/*---------------------------------------------------------------------------------------------*/

.namad_slider_1 {
    display: inline-flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 80px;
    max-width: 150px;
    max-height: 180px;
}

.namad_slider_1 .slides {
    width: 100%;
}

.namad_slider_1 .item {
    display: flex;
    justify-content: center;
    align-items: center;
}

.namad_slider_1 .arrows {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(10%, 10%);
    background-color: rgba(255, 255, 255, 0.5);
    border-radius: 10px;
    border: 2px solid white;
    color: #000000ad;
    aspect-ratio: 1;
    font-size: 13px;
    display: inline-flex;
    align-items: center;
    z-index: 11;
}

.namad_slider_1 .arrows .swiper-button-disabled {
    opacity: 0.7 !important;
    visibility: visible;
}


/*---------------------------------------------------- list icons -----------------------------------------*/

.list_icons_1, .list_icons_1 .content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 7px;
}


.list_icons_1 .item {
    display: inline-flex;
    align-items: center;
    gap: 4px;
}

.list_icons_1 .item .icon {
    font-size: 18px;
    padding: 4px;
    border-radius: 7px;
    min-width: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: 0.3s;
}

.list_icons_1 .item:hover .icon {
    transform: scale(1.07);
}

.list_icons_1 .item .title {
    font-size: 14px;
}

.list_icons_1 .w_title {
    padding: 15px 0;
    display: flex;
    width: 100%;
}

.list_icons_1 .w_title .head {
    display: flex;
    align-items: center;
    gap: 6px;
    font-weight: 600;
}

.w_title > i {
    transition: transform 0.5s;
}



/*----------------------------------------------- list icons ----------------------------------------------*/

/*----------------------------------------------- about us  ----------------------------------------------*/
.dej_about_us {
    background-color: white;
    border: 1px solid var(--border-color2);
    border-radius: var(--dej-max-radius);
    padding: 15px;
}

.dej_about_us h2.w_title {
    padding: 10px 0;
    border-bottom: 1px solid var(--border-color2);
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    gap: 7px;
}

.dej_about_us.accordion .content {
    max-height: 120px;
    overflow: hidden;
    padding-bottom: 0;
    position: relative;
}

.dej_about_us.accordion .content.show {
    max-height: 100% !important;
    padding-bottom: 45px;
    overflow: hidden;
}

/*----------------------------------------------- about us  ----------------------------------------------*/


/*----------------------------------------------- slick  ----------------------------------------------*/
.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer
}

.slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track:after, .slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-loading .slick-slide, .slick-loading .slick-track {
    visibility: hidden
}

.slick-slide {
    display: none;
    float: right;
    height: 100%;
    min-height: 1px;
    outline: none;
    max-height: 100%;
}

.slick-initialized .slick-slide, .slick-slide img {
    display: block
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden, .slick-slide.slick-loading img {
    display: none
}



.slick-list {
    position: relative;
    overflow: hidden;
    margin: 0;
    padding: 0;
    display: flex;
    width: 100%;
    height: 100%;
    max-height: 100%;
}

.slick-track {
    position: relative;
    top: 0;
    left: 0;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    align-items: center;

}

.slick-dots {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0;
    bottom: 10px;
    z-index: 8;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 16px;
    height: 16px;
    padding: 5px;
    margin: 0;
    text-align: center;
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    opacity: .5;
}

.slick-dots li.slick-active button {
    opacity: 1;
}

.slick-dots li button:before {
    content: '';
    display: block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #000000;
}

.slick-dots li button:focus {
    outline: none;
}

.DejavoQV-popup .slick-track {
    max-height: 460px;
}

/*-----------------------------------------------  slick ----------------------------------------------*/




/*-------------------------------------- blog post -----------------------------------*/


.dejavo_single {
    display: flex;
    gap: 15px;
}

.dejavo_single .right-content {
    width: 75%;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.dejavo_single .left-sidebar {
    width: 25%;
}

.single_post .post_title h1 {
    font-size: 19px;
    font-weight: 600;
}

.post_meta {
    display: flex;
    gap: 10px;
    align-items: center;
    flex-wrap: wrap;
}

.post_meta li {
    display: inline-flex;
    gap: 3px;
    align-items: center;
    font-size: 12px;
}

.post_meta li i {
    color: var(--dej-color1);
}

.single_post .post_image {
    margin:20px 0;
}

.single_post .post_image img {
    border-radius: var(--dej-max-radius);
    width: auto;
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

.single_post .post_content p {
    line-height: 2em;
    font-size: 1em;
    font-weight: normal;
    padding: 10px;
}

.single_post .post_content blockquote {
    background-color: var(--widget-bg2);
    padding: 10px;
    border-radius: var(--dej-max-radius);
    border-right: 4px solid var(--dej-color1);
    line-height: 2em;
    font-size: 0.9em;
    font-weight: normal;
}

.post_tags span,
.post_share span {
    font-size: 0.9em;
    font-weight: 300;
    padding-left: 10px;
}

.post_share {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.tagcloud {
    display: flex;
    flex-flow: row wrap;
}

.post_tags a,
.tagcloud a {
    background-color: var(--widget-bg2);
    padding: 3px 6px;
    font-size: 13px;
    font-weight: 500;
    transition: 0.3s;
    margin: 5px 2px;
}

.tagcloud a {
    font-size: 13px !important;
}

.post_tags a:hover,
.tagcloud a:hover {
    background: var(--dej-color1) var(--dej-bg1);
    color: #fff;
}

.post_share .social_icons li a {
    color: var(--dej-text-color2);
}

.post_share .social_icons li a:hover {
    color: var(--dej-text-color1);
}

.post_navigation .next_post,
.post_navigation .prev_post {
    line-height: 22px;
    font-size: 14px;
    font-weight: 400;
    display: flex;
}


.post_navigation .next_post i {
    padding-right: 5px;
    font-size: 1.5em;
}

.post_navigation .prev_post i {
    padding-left: 5px;
    font-size: 1.5em;
}

.post_author .img_author {
    float: right;
    margin-left: 10px;
    min-width: 85px;
    max-width: 85px;
    border-radius: var(--dej-max-radius);
}

.post_author .info_author {
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.post_related .post_card_1 {
    aspect-ratio: 1.4/1;
}

.post_related {

}


.post_related .dej_heading_1 .title {
    padding: 0;
}

.post_related .dej_heading_1 {
    margin-bottom: 0;
}

.sidebar .widget, .elementor-widget-container .widget {
    padding: 25px 5px;
    border-top: 2px solid #938d8d5c;
    box-shadow: unset;
}

.sidebar .widget .widget_title, .wp-block-heading, .elementor-widget-container .widget .widget_title {
    font-size: 1.3em;
    font-weight: 600;
    line-height: 1.5em;
    margin-bottom: 20px;
}

.sidebar .widget:first-child, .elementor-widget-container .widget:first-child {
    border-top: none;
}

.dej_search_form, .wp-block-search__inside-wrapper {
    position: relative;
    display: flex;
    width: 100%;
}

.dej_search_form .search_btn, .wp-block-search__button {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
    border: 0;
}

.dej_search_form input, .wp-block-search__input {
    width: 100%;
    margin: 0;
}

.last_post_widget {
    max-width: 350px;
}

.last_post_widget .item {
    display: flex;
    align-items: center;
    border-bottom: 1px dashed var(--border-color1);
    padding: 10px 0;
    justify-content: flex-start;
}

.last_post_widget .item .img {
    flex-basis: 100px;
}

.last_post_widget .item .img img {
    border-radius: var(--dej-max-radius);
    width: 80px;
    height: 80px;
}

.last_post_widget .content {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 7px;
}

.last_post_widget .date {
    opacity: 0.6;
}

.last_post_widget .content .title {
    font-size: 1em;
    font-weight: 400;
    line-height: 1.2em;
}


.tag_widget a {
    margin-top: 15px !important;
    display: inline-block;
}

.archive_widget .active_list .archive_item,
.widget .menu li {
    padding: 5px 0;
}

.archive_widget .active_list .archive_item a,
.widget .menu li a {
    padding-right: 5px;
    font-weight: 300;
}

.widget .menu li a:before {
    font-family: "dej-icon-rr";
    content: "\f11f";
    font-weight: 300;
    margin-left: 7px;
    font-size: 0.7em;
}

.archive_widget .active_list .archive_item span {
    float: left;
}

.widget_banner {
    position: relative;
    display: flex;
    margin: 0 auto;
}

.widget_banner .info {
    position: absolute;
    bottom: 15%;
    z-index: 5;
    display: block;
    align-items: center;
    padding: 1em;
}

.widget_banner .img {
    overflow: hidden;
    position: relative;
    display: block;
    border-radius: var(--dej-max-radius);
    width: 100%;
}

.widget_banner .img img {
    width: 100%;
}

.widget_banner .img:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    background-color: rgba(0, 0, 0, 0.4);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.widget_banner .info h6 {
    font-size: 1.2em;
    font-weight: 500;
    color: var(--white-color);
    margin-bottom: 10px;
}

.widget_banner .info h4 {
    font-size: 1.6em;
    font-weight: 800;
    color: var(--white-color);
    margin-bottom: 10px;
}

.widget_banner .buy {
    background-color: var(--white-color);
    padding: 4px 15px;
    border-radius: var(--dej-max-radius);
    font-size: 13px;
}

.widget_banner .buy:hover {
    background: var(--dej-color1) var(--dej-bg1);
    color: var(--white-color);
}


.alignright {
    display: block;
    margin: 10px 10px 10px auto;
}

.alignleft {
    display: block;
    margin: 10px auto 10px 10px;
}

.aligncenter {
    text-align: center;
    display: block;
    margin: 10px auto;
}

.wp-caption {
    background-color: #0909090a;
    padding: 10px;
    border-radius: 10px;
    max-width: 100%;
}
.wp-caption img, .term-description img {
    border-radius: 10px;
    margin-bottom: 10px;
}
.term-description a {
    color: var(--dej-link-color);
}
/*---------------------------------------------------*/
span.required {
    color: red;
    font-weight: 700;
}

.comment_list {
    margin: 20px 0;
}

.comment_list .comment_items {
    padding: 10px;
    border-bottom: 1px dashed var(--border-color1);
    background-color: var(--white-color);
    border-radius: var(--dej-max-radius);
}

.comment_meta {
    display: block;
    width: 100%;
    height: auto;
    float: right;
    padding: 0 10px;
}

.comment_meta img {
    max-width: 60px;
    max-height: 60px;
    border-radius: 100%;
    float: right;
    margin-left: 15px;
}

.comment_meta .meta_data {
    padding: 5px 25px;
}

.comment_meta .meta_data span {
    display: block;
    width: 100%;
}

.comment_meta .product-rating {
    float: left;
}

.comment_items .comment_content {
    display: block;
    width: 100%;
    text-align: right;
}

.comment_meta .meta_data .comment_date {
    padding-top: 3px;
    font-size: 0.8em;
}

.comment_meta .meta_data .user_name {
    font-weight: bold;
}

.comment_list ul.children .comment_items {
    margin-right: 30px;
    background-color: var(--widget-bg2);
    border-radius: var(--dej-max-radius);
    border-bottom: 0 !important;
}

.comment_list ul.children ul.children .comment_items {
    background-color: var(--white-color);
}

.comment_rating span i {
    font-size: 1.8em;
    color: #ffc107;
}

.dej_input:focus {
    border-color: var(--dej-color1);
    box-shadow: none;
}

.dej_comment_form .dej_input {
    font-size: 13px;
}

.dej_comment_form .dej_inputs {
    display: flex;
    gap: 10px;
}

.form-comment .dej_input {
    padding: 10px;
    text-align: right;
    margin: 10px 5px;
}

.form-comment button {
    padding: 10px;
    margin: 10px 5px;
}

textarea:checked,
.form-row textarea:checked {
    box-shadow: none;
}

.dej_input, .dej_textarea, .form-row input.input-text,
.form-row textarea, .form-row select, .elementor-field-textual, .elementor-field-group .elementor-field-textual {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 5px 10px;
    min-height: 40px;
    text-align: right;
    margin-bottom: 15px;
    border-radius: var(--dej-max-radius);
    background-color: #f4f4f4;
    color: #222222;
}

.select2-container--default .select2-selection--single {
    text-align: right !important;
    border-radius: var(--dej-max-radius) !important;
    border: 1px solid var(--border-color2) !important;
    background-color: #f4f4f4 !important;
    color: #222222 !important;
}

.form-row .select2-container {
    margin-bottom: 15px !important;
}

.select2-container .select2-selection--single {
    min-height: 40px !important;
    padding: 0 !important;
    display: flex !important;
    align-items: center;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 20px !important;
    height: 100% !important;
    display: flex !important;
    align-items: center!important;
    max-height:40px;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    min-width: 35px;
    height: 100% !important;
}

ul.order_details::after, ul.order_details::before {
    content: unset;
}

.custom_radio {
    margin-bottom: 10px;
}

.form-check-input:checked {
    background: var(--dej-color1) var(--dej-bg1);
    border-color: var(--dej-color1);
}

.form-check-input:focus {
    box-shadow: none;
}


/*---end post post --- */

/*-----------------------------------Start Archive blog -------------------------------------*/

.nav-links {
    display: flex;
}

.dej_pagination {
    display: flex;
    width: 100%;
    justify-content: center;
    height: auto;
}

.nav-links .page-numbers,
.dokan-pagination-container .dokan-pagination li a {
    transition: 0.3s !important;
    background-color: var(--widget-bg1);
    color: var(--dej-title-color);
    padding: 15px !important;
    margin: 10px 2px;
    border-radius: var(--dej-min-radius);
    border: 2px solid var(--border-color1);
}

.pagination .nav-links .current,
.dokan-pagination-container .dokan-pagination li.active a,
.nav-links .page-numbers:hover,
.dokan-pagination-container .dokan-pagination li:hover a {
    z-index: 2;
    background-color: white !important;
    border-color: var(--dej-color1) !important;
    color: var(--dej-color1);
}

.nav-links .page-numbers:focus {
    color: var(--dej-color1);
    background-color: white;
    box-shadow: none;
}


/*-----------------------------------END Archive blog -------------------------------------*/




/*-----------------------------------------------------  404  ----------------------------------------*/

.dej_404 {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
}

.dej_404 .icon {
    font-size: 80px;
    opacity: 0.4;
    color: #5959599c;
}

.dej_404 .dej_search_form {
    width: 50%;
}

.title_404 {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/*-----------------------------------------------------  404  ----------------------------------------*/

.mfp-bg {
    z-index: 2042;
}
.mfp-wrap {
    z-index: 2043;
}
.mfp-content {
    z-index: 2045;
}

#wpadminbar {
    z-index: 1200 !important;
}

/*----------------------------------------------------------------------------------------------------*/

.countdown_time2 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: center;
    direction: ltr;
}

.product-card .countdown_time2 {
    z-index: 2;
    font-size: 13px;
    font-weight: 500;
    color: black;
    display:inline-flex;
    gap:2px;
}
.countdown_time2 .countdown.seconds {
    min-width: 20px;
    color: red;
    animation: timerScale 1s infinite;
    transition: 0.3s;
}
.product-card.card-4 .product_sale {
    gap: 5px;
}
.product_slider_3 {
    position: relative;
    padding: 55px 20px;
    border-radius: var(--dej-max-radius);
}
.product_slider_3 .heading {
    width: 70%;
    position: absolute;
    top: 0;
    background: var(--dej-color1) var(--dej-bg1);
    height: 70%;
    right: 0;
    border-radius: var(--dej-max-radius);
    z-index: 2;
    display:flex;
    align-items: flex-start;
}
.product_slider_3 .heading .head {
    display:flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 15px 23px;
}
.product_slider_3 .heading .title, .product_slider_3 .heading .btn a, .product_slider_3 .heading .title h3 {
    display: inline-flex;
    gap: 7px;
    align-items: center;
    color:white;
}
.product_slider_3 .heading .icon {
    display: inline-flex;
    align-items: center;
}
.product_slider_3 .down {
    width: 70%;
    position: absolute;
    bottom: 0;
    background: var(--dej-color2) var(--dej-bg2);
    height: 70%;
    left: 0;
    border-radius: var(--dej-max-radius);
    z-index: 1;
    display:flex;
    align-items: flex-end;
}
.product_slider_3 .down .content {
    display: flex;
    gap: 15px;
}
.product_slider_3 .down .arrows {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: 7px 5px;
    color: white;
    background-color: rgba(255, 255, 255, 0.21);
    border-radius: var(--dej-max-radius);
    margin: 5px;
    gap: 5px;
}

.product_slider_3 .slides {
    z-index: 3
}
.product_slider_3 .item, .product_slider_4 .item{
    padding:4px;
}
.product_slider_3 .swiper-button-disabled, .product_slider_4 .swiper-button-disabled {
    opacity: 0.35 !important;
    cursor: not-allowed;
    visibility: visible;
}

.product-card.card-4 .image {
    margin: 10px;
    border: 1px solid rgba(141, 141, 141, 0.52);
    border-radius: var(--dej-max-radius);
    box-sizing: content-box;
}
.product-card.card-4 .info {
    background-color: whitesmoke;
    gap: 6px;
    padding: 10px;
}

.product-card.card-4 .list-icon {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.product-card.card-4 .list-icon > .price{
    display: flex;
    gap:5px;
    align-items: center;
}
.product-card.card-4 .list-icon .price .price {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.product-card.card-4 .plus {
    width: 35px;
    height: 35px;
    display: flex;
    cursor: pointer;
    position: relative;
    background: var(--dej-color1) ;
    border-radius: 5px;
}
.product-card.card-4 .plus:hover {
    border-radius: 0 5px 5px 0;
}
.product-card.card-4 .plus a {
    color: white;
    font-size: 16px;
    line-height: 16px;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    justify-content: center;

}

.product-card.card-4 .list-icon .icons {
    height: 100%;
    position: absolute;
    display: flex;
    right: 93%;
    align-items: center;
    background: var(--dej-color1);
    border-radius: 5px 0 0 5px;
    color:white;
    z-index: 7;
}


.product-card.card-4 .list-icon .icons li a {
    color:white;
    width: 0;
    transform: scaleX(0);
    transition-duration: 0.5s;
}
.product-card.card-4 .list-icon .plus:hover .icons li a {
    width: 35px;
    transform: scaleX(1);
}
.percent_sold {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.percent_sold .percent {
    display: flex;
    font-size: 11px;
    gap: 5px;
}
.percent_sold .percent span {
    color:red;
}
.product-card.card-4 .DejavoVS-type-color .DejavoVS-term {
    border: 0;
    background-color: transparent;
}
.product-card.card-4 .badge {
    background: var(--dej-color2);
}
.product-card.card-4 .image img{
    transition: opacity 0.5s,visibility 0.5s,transform 1s
}
.product-card.card-4:hover .image img{
    transform: scale(1.06);
}



/*--------------------------------------------------------------------*/

.product_slider_4 {
    position: relative;
    padding: 0 25px 90px 25px;
    border-radius: var(--dej-max-radius);
}
.product_slider_4 .down {
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--dej-color1) var(--dej-bg1);
    height: 60%;
    z-index: 1;
    display:flex;
    align-items: flex-end;
    justify-content: center;
    border-radius: 100px 100px var(--dej-max-radius) var(--dej-max-radius);
}
.product_slider_4 .slides {
    z-index: 2;
}
.product_slider_4 .down .content {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: flex-end;
    align-items: center;
}
.product_slider_4 .title {
    display: flex;
    gap: 7px;
    align-items: center;
}
.product_slider_4 .title .icon {
    display: flex;
}
.product_slider_4 .title h3 a, .product_slider_4 .title .icon {
    color:white;
    font-size: 17px;
}
.product_slider_4 .down .foot {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}

.product_slider_4 .down .arrows {
    display: flex;
    gap: 5px;
    font-size: 14px;
    height: 35px;
    align-items: flex-end;
    padding-bottom: 3px;
}
.product_slider_4 .down .dejavo_next_Arrow i, .product_slider_4 .down .dejavo_prev_Arrow i {
    font-size: 15px;
    line-height: 15px;
}


.elementor-author-box__text {
    font-size: 14px;
}
/*---------------------------------------------------------------------*/
#DejavoQV-popup .dejavo_next_Arrow {
    right: 2px
}

#DejavoQV-popup .dejavo_prev_Arrow {
    left: 2px
}

#DejavoQV-popup form.cart .variations tr,
#DejavoQV-popup form.cart .variations td,
#DejavoQV-popup form.cart .variations th {
    justify-content: flex-start;
    align-items: center;
}

#DejavoQV-popup .woocommerce-product-details__short-description:not(.show) {
    max-height: initial !important;
    overflow: visible !important;
}
#DejavoQV-popup .woocommerce-product-details__short-description {
    margin: 0;
    background-color: #0000000f;
    padding: 10px;
    border-radius: var(--dej-max-radius);
}



/*---------------------------------------------------------------------*/


@media (max-width: 1199.9px) {

    button.button.alt.disabled, button.button.alt {
        padding: 10px;
        font-size: 13px;
    }

    .single_product_section, .single_product_tab, .single_related_product, .archive_products {
        margin: 20px auto;
    }

    .main-content {
        padding: 40px 0;
    }

    .single-product .main-content {
        padding: 20px 0;
    }

    .dejavo_single .right-content {
        flex-basis: 65%;
    }

    .dejavo_single .left-sidebar {
        flex-basis: 34%;
    }
}



@media (min-width: 992px) {

    .woocommerce-form-track-order.track_order {
        padding: 40px 80px;
    }

    .mobile_sidebar {
        display: none;
        visibility: hidden;
        opacity: 0;
    }

    #mobile_menu, .dej_mobile_menu_side {
        display: none;
        visibility: hidden;
    }


}

@media (max-width: 991.98px) {

    /*---------------------------------------------- Display Grid ---------------------------------------------*/
    .d_grid.lap_col1 {
        grid-template-columns: 1fr;
    }

    .d_grid.lap_col2 {
        grid-template-columns: 1fr 1fr;
    }

    .d_grid.lap_col3 {
        grid-template-columns: repeat(3, 1fr);
    }

    .d_grid.lap_col4 {
        grid-template-columns: repeat(4, 1fr);
    }

    .d_grid.lap_col5 {
        grid-template-columns: repeat(5, 1fr);
    }

    .d_grid.lap_col6 {
        grid-template-columns: repeat(6, 1fr);
    }

    .d_grid.lap_col7 {
        grid-template-columns: repeat(7, 1fr);
    }

    .d_grid.lap_col8 {
        grid-template-columns: repeat(8, 1fr);
    }

    .dej_grid_1 {
        grid-template-columns: 1fr 1fr !important;
        grid-template-rows: 1fr 0.5fr 0.5fr !important;
        gap: 10px;
        grid-template-areas: "h1 h1" "h2 h3" "h4 h5" !important;
    }

    /*---------------------------------------------- Display Grid ---------------------------------------------*/



    .dej_mobile_menu {
        display: inline-flex !important;
        visibility: visible;
        opacity: 1;
    }
    .mega_menu {
        display: none;
    }
    .dejavo_breadcrumb {
        overflow-y: auto;
        padding: 10px;
    }

    .breadcrumb a.home, .breadcrumb {
        white-space: nowrap;
        padding-bottom: 3px;
    }


    .amazing_offer1 .slides .item .right {
        width: 40%;
    }

    .amazing_offer1 .slides .item .left {
        width: 60%;
        padding: 20px 20px 20px 25px;
    }


    .slide_text {
        min-width: auto;
    }

    .slide_text h2 {
        font-size: 20px;
        line-height: 26px;
    }

    .slide_text h4 {
        font-size: 16px;
    }

    .slide_text p {
        font-size: 15px;
    }


    .countdown_banner .content {
        max-width: 70%;
    }

    .dejavo_top_alert .text {
        padding: 0 8px;
    }

    .top_alert_close, .dejavo_top_alert .link {
        padding: 5px 8px;
    }

    .mobile_sidebar {
        display: flex;
        align-items: center;
        gap: 5px;
        visibility: visible;
        opacity: 1;
        background-color: var(--white-color);
        color: var(--dej-text-color1);
        padding: 5px 10px;
        height: 100%;
        font-size: 15px;
        min-height: 36px;
        margin: 0 0 1em;
    }

    .offcanvas-body .sidebar {
        padding-bottom: 60px;
    }


    .woocommerce-form-track-order.track_order {
        padding: 20px 10px;
    }

    .product_list_1 .item {
        padding: 5px;
    }

    .product_list_1 .title h4 {
        font-size: 13px;
        padding: 0 5px 0 0;
    }

    .navbar-brand,
    .navbar-brand img {
        max-width: 190px !important;
        max-height: 95px !important;
    }

    .product_slider_2.style2 > .slider_banner {
        width: 23%;
    }

    .product_slider_2.style2 .slides2 {
        width: 77%;
    }
    .post_card_2 .top {
        flex-direction: column;
    }
    .post_card_2 .img, .post_card_2 .title {
        width: 100%;
    }
    .post_card_1 .title a {
        font-size: 13px;
    }
    .post_card_2 .title a {
        font-size: 13px;
        line-height: 20px;
        height: 39px;
        font-weight: 300;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        text-overflow: ellipsis;
        width: 100%;
        overflow: hidden;
    }
    .post_meta {
        gap: 5px;
    }
    .post_card_2 {
        gap: 10px;
    }

    .DejavoSE-search-result .DejavoSE-product {
        margin: 5px 5px 5px 2px;
    }
    .DejavoSE-product-inner > div {
        margin: 0 3px;
    }
    .DejavoSE-product-actions a, .DejavoSE-product-actions .atc-btn {
        width: 25px;
        height: 25px;
        line-height: 25px;
    }
}

@media (min-width: 768px) {


    .DejavoWL-item--info {
        min-width: 350px;
    }

    .dejavo-left-gallery .dejavo_next_Arrow, .dejavo-left-gallery .dejavo_prev_Arrow {
        display: none;
    }
}

@media (max-width: 767.98px) {
    /*---------------------------------------------- Display Grid ---------------------------------------------*/
    .d_grid.tab_col1 {
        grid-template-columns: 1fr;
    }

    .d_grid.tab_col2 {
        grid-template-columns: 1fr 1fr;
    }

    .d_grid.tab_col3 {
        grid-template-columns: repeat(3, 1fr);
    }

    .d_grid.tab_col4 {
        grid-template-columns: repeat(4, 1fr);
    }

    .d_grid.tab_col5 {
        grid-template-columns: repeat(5, 1fr);
    }

    .d_grid.tab_col6 {
        grid-template-columns: repeat(6, 1fr);
    }

    .d_grid.tab_col7 {
        grid-template-columns: repeat(7, 1fr);
    }

    .d_grid.tab_col8 {
        grid-template-columns: repeat(8, 1fr);
    }

    .dej_grid_1 {
        gap: 5px;
    }

    /*---------------------------------------------- Display Grid ---------------------------------------------*/
    .dejavo_breadcrumb h2 {
        display: none;
    }

    .amazing_offer1 .slides .item {
        flex-direction: column;
        display: flex;
        padding: 15px 0 15px 0;
    }

    .amazing_offer1 .slides .item .right {
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .amazing_offer1 .slides .item .left {
        width: 100%;
    }

    .amazing_offer1 > .title {
        top: 0;
        left: auto;
        right: auto;
        margin: 0 auto;
        text-orientation: unset;
        writing-mode: unset;
        transform: unset;
        padding: 5px 15px;
        border-radius: 0 0 20px 20px;
    }

    .amazing_offer1 {
        flex-direction: column-reverse;
        margin-right: 0;
    }

    .amazing_offer1 .tabs .swiper-wrapper {
        flex-direction: row;
        max-width: 100%;
    }

    .amazing_offer1 .tabs {
        width: 100%;
        padding: 5px 10px;
        max-height: 100px;
        border-radius: 20px;
        position: unset;
        right: unset;
        transform: unset;
        top: unset;
    }

    .amazing_offer::before {
        inset: -10px 0 0 0;
    }

    .amazing_offer::after {
        inset: 0 0 -10px 0;
    }

    .dej_404 .dej_search_form {
        width: 95%;
    }


    .DejavoFC-item {
        padding: 0 10px;
    }

    .dejavo_popup {
        padding: 40px 20px;
    }

    .slide_text {
        text-align: center;
        width: 100%;
    }

    .slide_btn {
        padding: 8px 14px;
        border-radius: var(--dej-min-radius);
        font-size: 13px;
        gap: 4px;
        align-self: center;
    }


    .product-card del {
        font-size: 12px;
    }


    .countdown_product {
        max-width: 80%;
    }

    .category-carousel {
        justify-content: space-between;
    }
    .category_box_1 {
        gap: 0 !important;
    }
    .category_box_1 .item {
        padding-top: 10px;
        margin: 2px;
    }


    .dejavo-slider2 {
        width: auto;
    }

    .footer_about_us p {
        width: auto;
        margin-top: 15px;
        margin-right: 0;
        margin-bottom: 10px;
    }

    .about_us_img {
        justify-content: center;
        display: flex;
    }

    .footer_about_us {
        flex-flow: wrap row;
    }

    .woocommerce-page table.shop_table_responsive tr td.product-quantity {
        display: flex;
        justify-content: space-between;
    }


    .slide-login .nav {
        padding: 0;
    }

    .dejavo_single {
        flex-direction: column;
    }

    .dejavo_single .right-content, .dejavo_single .left-sidebar {
        width: 100%;
    }

    .DejavoWL-actions {
        flex-direction: column;
        gap: 10px;
    }

    .product_slider_2.style2 .slider_banner {
        display: none;
    }
    .product_slider_2.style2 .slides2 {
        width: 100%;
    }
    .product_slider_2.style2 {
        flex-direction: column;
    }
    .product_slider_2.style2 .mobile_title {
        display: flex;
        justify-content: flex-start;
        color: #fff;
        padding: 5px 5px 15px;
        width: 100%;
    }
    .banner1.style4:after, .banner1.style4:before {
        inset: 10px 15px 15px 10px !important;
        border-radius: 15px;
    }
    .product_slider_3 .bottom, .product_slider_3 .heading  {
        width: 90%;
    }

}



@media (max-width: 575.98px) {
    /*---------------------------------------------- Display Grid ---------------------------------------------*/
    .d_grid.mob_col1 {
        grid-template-columns: 1fr;
    }

    .d_grid.mob_col2 {
        grid-template-columns: 1fr 1fr;
    }

    .d_grid.mob_col3 {
        grid-template-columns: repeat(3, 1fr);
    }

    .d_grid.mob_col4 {
        grid-template-columns: repeat(4, 1fr);
    }

    .d_grid.mob_col5 {
        grid-template-columns: repeat(5, 1fr);
    }

    /*---------------------------------------------- Display Grid ---------------------------------------------*/
    .mob_hide {
        display: none;
    }

    .dej_attr .attr_name {
        flex-basis: 32%;
    }

    .dej_attr .attr_value {
        flex-basis: 68%;
    }

    .product_slider_2 {
        padding: 10px;
    }

    .slide_inner {
        flex-direction: column;
        justify-content: center;
        padding-bottom: 30px;
    }

    .slide_img {
        max-width: 250px;
        max-height: 250px;
    }

    .slide_text {
        gap: 14px;
        padding: 10px;
    }

    .slide_text.p_right {
        order: 3 !important;
    }

    .dejavo_slider .dejavo_next_Arrow {
        right: 10px;
    }

    .dejavo_slider .dejavo_prev_Arrow {
        left: 10px;
    }


    .menu-header-icon li {
        margin-right: 7px;
    }

    .footer_about_us {
        margin: 20px 0;
    }


    .post_navigation .next_post i {
        padding-right: 0;
        display: none;
    }

    .post_navigation .prev_post i {
        padding-left: 0;
        display: none;
    }

    .product_header_left{
        display: none;
    }

    .DejavoFC-count,
    .BackToTop {
        width: 40px;
        height: 40px;
        line-height: 40px;
        left: 10px;
    }

    .BackToTop {
        bottom: 10px;
    }

    .DejavoFC-count i,
    .BackToTop i {
        font-size: 20px;
        line-height: 40px;
    }

    .DejavoFC-count {
        bottom: 60px;
    }

    .DejavoFC-count:hover {
        bottom: 57px;
    }


    .DejavoWL-popup .DejavoWL-popup-inner .DejavoWL-popup-content {
        max-width: 100%;
    }


    .DejavoWL-item--actions {
        display: none;
        visibility: hidden;
    }

    .DejavoWL-item {
        padding: 0 6px;
    }

    .DejavoSE-product-actions {
        flex-direction: column;
        justify-content: center;
    }
    .copy-link {
        padding: 10px 10px;
        font-weight: 400;
    }


    .pagination .nav-links {
        display: flex;
        flex-wrap: wrap;
    }

    .nav-links .page-numbers, .dokan-pagination-container .dokan-pagination li a {
        margin-right: 4px;
        padding: 10px 13px !important;
    }

    .quantity .qty {
        padding: 0;
    }
    .product_slider_3 .swiper-pagination-bullet {
        margin: 0 3px !important;
    }
    .product_slider_3 .swiper-pagination-bullets.swiper-pagination-horizontal{
        flex-wrap: wrap;
    }


    .product-card.card-4 .info {
        padding: 5px;
    }
    .product-card.card-4 .image {
        margin: 5px;
    }
    .percent_sold {
        justify-content: center;
        flex-direction: column;
    }
    .product-card.card-4 .list-icon .plus {
        width: 30px;
        height: 30px;
    }
    .cart_box {
        max-width: 95vw;
    }
}


