:root {
     --color-primary: #09183d;
     --color-secondary: #be0005;
     --color-bkgrnd: #fffcee;
     --color-light: #f7f7f7;
     --color-ekad-green: #198754;
     --color-gradient: linear-gradient(180deg, #fff8dc82 65%, #F2295B00 100%);
     --transition-speed: 0.3s;
     --radius: 14px;
     --drawer-width: 370px !important;
     --color-border: #eaeaea;
     --margin-default: 65px;
     --padding-default: 35px;
     --margin-min: 25px;
 }

 @font-face {
     font-family: ekad;
     src: url(../fonts/ekad-400.woff2) format("woff2");
     font-display: swap;
     font-weight: 400
 }


 @font-face {
     font-family: ekad;
     src: url(../fonts/ekad-600.woff2) format("woff2");
     font-display: swap;
     font-weight: 600
 }


 @font-face {
     font-family: ekad;
     src: url(../fonts/ekad-900.woff2) format("woff2");
     font-display: swap;
     font-weight: 900
 }

 @font-face {
     font-family: ekad-number;
     src: url(../fonts/ekad-number-400.woff2) format("woff2");
     font-display: swap;
     font-weight: 400
 }


 @font-face {
     font-family: ekad-number;
     src: url(../fonts/ekad-number-600.woff2) format("woff2");
     font-display: swap;
     font-weight: 600
 }

 @font-face {
     font-family: ekad-number;
     src: url(../fonts/ekad-number-900.woff2) format("woff2");
     font-display: swap;
     font-weight: 900
 }

 html {
     overflow-x: hidden;
     margin-top: 0 !important;
 }

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

 .section-wp-block-defaults {
     padding: 0;
 }

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

 .padding-top {
     padding-top: 45px;
 }

 body {
     background: #fff !important;
     color: #000;
     font-weight: 400;
     font-family: 'ekad-number', 'ekad', sans-serif;
     position: relative;
     transition: all 0.5s;
     width: 100%;
     font-size: 13px;
     line-height: 28px;
     margin: 0 auto;
 }

 .nopadding {
     padding-left: 0;
     padding-right: 0;
 }

 .col-centered {
     float: none;
     margin: 0 auto;
 }

 a {
     text-decoration: none;
 }

 .fa-number {
     font-family: "ekad-number" !important;
 }

 .text-bg-custom {
     background-color: var(--color-bkgrnd);
     color: #000;
     padding: 5px 10px;
     font-size: 0.8em;
 }

 .fixed-top {
     position: fixed;
     top: 0;
     left: 0;
     right: 0;
     z-index: 1030;
     transition: 0.3s ease-in-out all;
 }

 .bg-default {
     background: var(--color-bkgrnd) !important;
 }

 .new-menu>a::before {
     background-color: #be0005;
     color: #fff;
     position: absolute;
     top: -3px;
     left: -17px;
     content: "جدید";
     font-size: 9px;
     font-weight: 600;
     z-index: -1;
     border-radius: 5px;
     padding: 0px 3px;
     display: flex;
     line-height: 12px;
 }

 .comment-field-row {
     display: flex;
     flex-wrap: wrap;
     gap: 10px;
     margin-bottom: 15px;
 }

 .comment-field-column {
     flex: 1 1 30%;
     display: flex;
     flex-direction: column;
 }

 .comment-field-column-full {
     flex: 1 1 100%;
     display: flex;
     flex-direction: column;
 }

 .comment-field-column label {
     margin-bottom: 5px;
     font-weight: 600;
 }

 .comment-field-column input,
 .comment-field-column textarea,
 .comment-field-column select {
     padding: 8px;
     border: 1px solid #ccc;
     border-radius: 4px;
 }

 .btn-submit-comment {
     background-color: #0073aa;
     color: #fff;
     padding: 10px 18px;
     border: none;
     border-radius: 5px;
     cursor: pointer;
 }

 .btn-submit-comment:hover {
     background-color: #005177;
 }

 .btn-custom {
     border-radius: 8px;
     padding: 5px 20px;
     transition: all 0.3s ease-in;
     font-size: 1em;
     font-weight: 600;
     text-align: center;
     display: inline-block;
 }

 .btn-custom-primary {
     background: #be0005;
     color: #fff;
     border: 2px solid #be0005;
     transition: 0.3s all ease-in-out
 }

 .btn-custom-secondary {
     background: #fff !important;
     color: #000 !important;
     border: 2px solid var(--color-secondary) !important;
     transition: 0.3s all ease-in-out
 }

 .btn-custom-primary:hover {
     background: var(--color-primary);
     color: #fff;
     border: 2px solid var(--color-primary);
     transition: 0.3s all ease-in-out
 }

 .btn-custom-secondary:hover {
     border: 2px solid var(--color-primary) !important;
     background-color: var(--color-primary) !important;
     color: #fff !important;
     transition: 0.3s all ease-in-out
 }

 #primary,
 .page-custom {
     position: relative;
 }

 .front-page {
     background-color: #fff !important;
 }

 .container-custom {
     width: 90%;
     padding-left: var(--bs-gutter-x, .75rem);
     padding-right: var(--bs-gutter-x, .75rem);
     margin-left: auto;
     margin-right: auto;
 }

 .title-section h2,
 .box-why-content h2 {
     display: inline-block;
     width: auto;
     font-weight: bold;
     font-size: 20px;
     margin-bottom: 15px;
 }

 h2.title-section,
 .title-section h2,
 .box-why-content h2 {
     font-size: 17px !important;
     color: #000000;
     background-color: var(--color-bkgrnd);
     display: inline-block;
     width: auto !important;
     font-weight: 900;
 }

 .title-section i,
 .box-why-content h2 i,
 .fa-blink {
     font-weight: bold;
     vertical-align: middle;
     color: var(--color-secondary);
     font-size: 13px;
     animation: neonBlink 1.2s ease-in-out infinite;
 }

 @keyframes neonBlink {

     0%,
     100% {
         opacity: 1;
         text-shadow: 0 0 6px currentColor, 0 0 14px currentColor;
         filter: saturate(120%);
     }

     50% {
         opacity: .35;
         text-shadow: none;
         filter: none;
     }
 }

 .section-more {
     font-size: 0.9em;
     color: #000;
     font-weight: bold;
     background-color: var(--color-bkgrnd);
     display: inline-block;
     width: auto;
     padding: 0 15px;
     border-radius: 8px;
     border: 1px solid #eee;
 }

 .section-more:hover {
     color: #000;
 }

 .header .logo {
     display: inline-block;
     width: auto;
 }

 .header .logo img {
     width: 130px;
 }

 .nav-header {
     z-index: 600 !important;
 }

 .box-top-header {
     background-color: var(--color-secondary);
     color: #fff;
     font-size: 13px;
     padding: 2px 0;
 }

 .box-top-header strong {
     font-size: 1em;
     color: #fff;
 }

 .box-top-header span {
     font-size: 1em;
     color: #e5e5e5;
     font-weight: 600;
 }

 .box-header-mobile ul {
     margin: 0;
     list-style: circle;
 }

 .box-header-mobile ul li {
     display: inline-block;
     width: auto;
     float: left;
     text-align: left;
     margin-right: 30px;
 }

 .box-header-mobile ul p {
     margin: 0;
     float: right;
 }

 .box-header-mobile ul a {
     color: #fff;
     transition: all 0.3s ease-in-out;
 }

 .send-item-header {
     background-color: #ae0005;
     color: #ffffff;
     border-radius: 5px;
     padding: 0 8px;
 }

 .box-header-mobile ul a:hover {
     color: #000;
     transition: all 0.3s ease-in-out;
 }

 .badge-cart {
    padding: 0 5px;
    display: inline-block;
    align-content: center;
    justify-content: center;
    align-items: center;
    background-color: limegreen;
    color: #fff;
    border-radius: 8px;
    height: 18px;
    line-height: 18px;
    font-family: 'ekad-number';
    top: -4px;
    font-size: 10px !important;
 }

 #ekad-floating-cart.enable-mini-cart {
     position: fixed;
     left: -5px;
     bottom: 35px;
     transition: all 0.5s;
     z-index: 300;
     opacity: 1;
     display: block;
     opacity: 1;
     visibility: visible;
 }

 .img-fix {
     position: absolute;
     top: 0;
     right: 0;
     z-index: -1;
 }

 #ekad-floating-cart.disable-mini-cart {
     display: none;
     opacity: 0;
     visibility: hidden;
 }

 #ekad-floating-cart:hover {
     -webkit-animation: icon-call-anim 1s infinite ease-in-out;
     -moz-animation: icon-call-anim 1s infinite ease-in-out;
     -ms-animation: icon-call-anim 1s infinite ease-in-out;
     -o-animation: icon-call-anim 1s infinite ease-in-out;
     animation: icon-call-anim 1s infinite ease-in-out;
 }

 #ekad-floating-cart .floating-cart-btn {
     background: var(--color-primary);
     color: #fff;
     display: flex;
     width: auto;
     height: auto;
     text-align: center;
     font-size: 13px;
     border-radius: 0 15px 15px 0;
     outline: none;
     border: 1px solid var(--color-primary);
     font-weight: bold;
     padding: 5px 10px 5px 10px;
     cursor: pointer;
 }

 .woocommerce ul#shipping_method li label {
     display: inline;
     margin: 0px !important;
     line-height: 30px;
     font-weight: 400;
 }


 .woocommerce .wc_payment_method {
     padding: 10px;
     margin: 10px 0 !important;
     width: 100%;
     background-color: #f5f5dc;
     border-radius: 8px;
     border: 1px solid #ddd;
 }

 .woocommerce .wc_payment_method label {
     display: inline !important;
 }

 .woocommerce .woocommerce-privacy-policy-text {
     display: none;
 }

 .woocommerce .payment_box {
     background-color: #fff !important;
     font-family: ekad-number, sans-serif, ekad !important;
 }

 .woocommerce form .form-row .input-text {
     max-height: 200px;
 }

 .woocommerce ul#shipping_method li {
     margin: 5px 0;
     line-height: 1.5em;
     list-style: none outside;
     vertical-align: middle;
     display: flex;
     justify-content: flex-start;
     align-content: center;
     align-items: center;
     background-color: #f5f5dc;
     padding: 10px;
     border-radius: 8px;
     border: 1px solid #ddd;
 }

 #ekad-floating-cart .wc-block-mini-cart__button::before {
     content: "سبد خرید";
     display: inline-block;
 }

 .wc-block-components-drawer__screen-overlay {
     background-color: #00000075 !important;
     backdrop-filter: blur(5px);
 }

 .wp-block-woocommerce-empty-mini-cart-contents-block .wc-block-mini-cart__empty-cart-wrapper {
     padding: 25px !important;
     text-align: center;
 }

 .wc-block-components-drawer__close {
     background: transparent !important;
     border: none !important;
     color: var(--color-primary) !important;
     font-size: 1.4rem;
     cursor: pointer;
     transition: color 0.2s ease, transform 0.2s ease;
 }

 .wc-block-components-drawer__close:hover {
     color: var(--color-secondary) !important;
     transform: rotate(90deg);
 }

 div:where(.wp-block-woocommerce-mini-cart-contents) {
     background-color: #fff;
 }

 .wc-block-mini-cart__title {
     background: var(--color-light) !important;
     border-bottom: 1px solid rgba(0, 0, 0, 0.05) !important;
     padding: 1rem 1.4rem !important;
     font-size: 14px !important;
     font-weight: 900 !important;
     color: var(--color-primary);
     display: flex;
     align-items: center;
 }

 .wc-block-mini-cart__title span:last-child {
     font-size: 0.9rem !important;
     color: var(--color-secondary);
     font-weight: 600 !important;
 }

 .wc-block-mini-cart__items {
     font-size: 12px !important;
     max-height: 60vh !important;
     overflow-y: auto;
 }

 .wc-block-cart-items__row {
     border-bottom: 1px solid rgba(0, 0, 0, 0.06);
     padding-bottom: 0.8rem !important;
     position: relative;
 }

 .wc-block-cart-items__row:hover {
     background: rgba(0, 0, 0, 0.02);
     border-radius: 10px;
 }

 .wc-block-cart-item__image img {
     border-radius: 5px !important;
     box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
     padding: 5px;
 }

 .wc-block-components-product-name {
     color: var(--color-primary) !important;
     font-weight: 600;
     font-size: 0.95rem;
     text-decoration: none !important;
 }

 .wc-block-components-product-name:hover {
     color: var(--color-secondary) !important;
 }

 .wc-block-cart-item__prices {
     font-weight: 900;
     color: var(--color-secondary);
     margin-top: 4px;
 }

 .wc-block-cart-item__remove-link {
     background: transparent !important;
     color: var(--color-secondary) !important;
     font-size: 9px !important;
     border: none !important;
     cursor: pointer !important;
     padding: 0 !important;
     transition: color 0.2s ease !important;
     text-decoration: underline !important;
     position: absolute;
     bottom: 20px;
     left: 20px;
 }

 .wc-block-cart-items__row .price,
 .wc-block-cart-items__row .price ins,
 .wc-block-cart-items__row .price del {
     text-align: right !important;
 }

 .wc-block-cart-item__remove-link:hover {
     color: var(--color-primary);
     text-decoration: underline;
 }

 .wc-block-components-quantity-selector {
     display: flex;
     align-items: center;
     border: 1px solid rgba(0, 0, 0, 0.1);
     border-radius: 8px;
     overflow: hidden;
     width: fit-content;
 }

 .wc-block-components-quantity-selector__button {
     background: var(--color-light);
     border: none;
     width: 28px;
     height: 28px;
     cursor: pointer;
     font-weight: 900;
     color: var(--color-primary);
     transition: background 0.2s ease;
 }

 .wc-block-components-quantity-selector__button:hover {
     background: var(--color-secondary);
     color: #fff;
 }

 .wc-block-components-quantity-selector__input {
     width: 40px;
     text-align: center;
     border: none;
     outline: none;
     background: transparent;
     color: var(--color-primary);
     font-weight: 600;
 }

 .wc-block-mini-cart__footer {
     background: var(--color-bkgrnd);
     padding: 5px;
 }

 .wc-block-components-product-metadata__description,
 .wc-block-components-product-metadata__description p {
     display: none !important;
 }

 .wc-block-mini-cart__footer-subtotal {
     display: flex;
     flex-direction: column;
     gap: 0.3rem;
     margin-bottom: 1rem;
 }

 .wc-block-components-totals-item__label {
     color: var(--color-primary);
     font-weight: 600;
 }

 .wc-block-components-totals-item__value {
     color: var(--color-secondary);
     font-weight: 900;
 }

 .wc-block-mini-cart__footer-actions {
     display: flex;
     gap: 0.8rem;
     justify-content: space-between;
 }

 .wc-block-mini-cart__footer-actions a,
 .wc-block-components-button:not(.is-link) {
     font-size: 13px !important;
     text-align: center;
     padding: 0 10px !important;
     border-radius: 10px !important;
     font-weight: bold !important;
 }

 .wc-block-components-button:not(.is-link) {
     background: #fff !important;
     color: var(--color-primary) !important;
     border: 1px solid rgba(0, 0, 0, 0.1);
     padding: 5px 15px;
 }

 .wc-block-mini-cart__footer-cart {
     background: #fff !important;
     color: var(--color-primary) !important;
     border: 1px solid rgba(0, 0, 0, 0.1);
 }

 .wc-block-mini-cart__footer-cart:hover,
 .wc-block-components-button:not(.is-link):hover {
     background: var(--color-primary) !important;
     color: #fff !important;
 }

 .wc-block-mini-cart__footer-checkout {
     background: var(--color-secondary) !important;
     color: #fff !important;
 }

 .wc-block-mini-cart__footer-checkout:hover {
     background: var(--color-primary) !important;
     transform: translateY(-2px);
     box-shadow: 0 6px 16px rgba(57, 61, 63, 0.4);
 }

 .wc-block-mini-cart__items::-webkit-scrollbar {
     width: 6px;
 }

 .wc-block-mini-cart__items::-webkit-scrollbar-thumb {
     background: var(--color-secondary);
     border-radius: 6px;
 }

 @media (max-width: 768px) {
     .wc-block-mini-cart__drawer {
         border-radius: 16px 16px 0 0;
         border-left: none;
     }
 }

 .wc-block-mini-cart__badge {
     padding: 0 5px !important;
     display: inline-block !important;
     align-content: center !important;
     position: relative !important;
     justify-content: center !important;
     align-items: center !important;
     background-color: limegreen !important;
     color: #fff !important;
     border-radius: 8px !important;
     height: 18px !important;
     line-height: 18px !important;
     margin: 0 !important;
     inset: 0 !important;
     transform: none !important;
     text-align: center !important;
 }

 #ekad-floating-cart .wc-block-mini-cart__button {
     padding: 0;
 }

 #ekad-floating-cart .wc-block-mini-cart__quantity-badge svg {
     display: none;
 }

 #ekad-floating-cart.active .widget_shopping_cart_content {
     display: block;
 }

 .post-ratings-text {
     display: block !important;
 }

 .post-ratings-text * {
     display: block !important;
 }

 .box-header-mobile ul i {
     font-size: 1em;
     margin-right: 3px;
 }

 .box-down-header {
     background-color: #ffffff57;
     border-bottom: 1px solid #eee;
     padding: 10px 0;
     backdrop-filter: blur(10px);
     transition: 0.3s ease-in-out all;
 }

 .header-scrolled .fixed-top {
     top: -32px;
     transition: 0.3s ease-in-out all;
 }

 .header-scrolled .box-down-header {
     padding: 5px 0;
     border-radius: 0;
     transition: 0.3s ease-in-out all;
 }

 .btn-menu-cat i {
     font-size: 1.8em;
     vertical-align: middle;
 }

 .box-menu-cat {
     font-size: 1em;
     color: #333;
     display: flex;
     align-items: center;
     height: 100%;
 }

 .btn-menu-cat {
     background-color: var(--color-primary);
     border-radius: 8px;
     color: #fff;
 }

 .box-menu-cat i {
     font-size: 1.2em;
     vertical-align: middle;
 }

 .header .box-search {
     position: relative;
 }

 .modal-search-header input[type="text"] {
     padding: 8px 10px;
     border: 1px solid #ddd;
     border-radius: 0;
     border-top-right-radius: 5px;
     border-bottom-right-radius: 5px;
     outline: none;
     width: 80%;
 }

 .form-control:focus {
     outline: 1px solid #eee;
     box-shadow: none;
 }

 .modal-search-header input[type="submit"] {
     width: 20%;
     padding: 8px 0;
     background: var(--color-secondary);
     color: #fff;
     border: 1px solid var(--color-secondary);
     outline: none;
     cursor: pointer;
     border-radius: 0;
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px;
 }

 .modal-search-header .content-search {
     padding: 25px;
 }

 .search-form {
     display: flex;
     flex-direction: column;
 }

 .search-form button,
 .search-form input,
 .search-form select {
     margin: 10px 0;
     font-size: 14px;
 }

 .search-input {
     height: 56px;
     font-size: 18px;
     padding: 0 16px;
 }

 .search-btn {
     height: 56px;
     padding: 0 20px;
 }

 .header-search {
     display: flex;
     flex-direction: column;
     justify-content: center;
     align-items: center;
 }

 .header-search i {
     font-size: 3em !important;
     margin-bottom: 25px;
     background-color: #ffffff;
     height: 65px;
     width: 65px;
     line-height: 65px;
     border-radius: 8px;
     font-weight: 900;
 }

 .header-search h3 {
     font-weight: bold;
     font-size: 2em !important;
 }

 .header-search p {
     color: #666;
 }

 .modal-close {
     cursor: pointer;
     background-color: var(--color-primary);
     color: #fff;
     border: 2px solid var(--color-primary);
     padding: 5px 10px !important;
 }

 .btn-action-search button:hover {
     background-color: var(--color-light);
     color: #000;
 }

 .faq-contain .faq-top-box h2 {
     font-size: 16px !important;
 }

 .header .box-search>button,
 .header .box-cart button,
 .header .box-account a {
     height: 100%;
     border: 0;
     outline: 0;
     background: var(--color-gradient);
     border: 1px solid var(--color-border);
     border-radius: 8px;
     color: #000;
     font-weight: 600 !important;
     padding: 5px 8px;
     line-height: 20px;
     overflow: hidden;
 }

 .header .box-search button i,
 .header .box-cart button i,
 .header .box-account i {
     font-size: 1em;
     vertical-align: middle;
 }

 .header .box-search button:hover,
 .header .box-cart button:hover,
 .header .box-account a:hover {
     background-color: var(--color-bkgrnd);
 }

 .header .box-account a {
     padding: 5px 12px;
 }

 #ekad-thin-banner {
     position: relative;
     isolation: isolate;
     border-radius: 8px;
     padding: 15px 45px;
     overflow: hidden;
 }

 #ekad-thin-banner::after {
     content: "";
     position: absolute;
     inset: 0;
     background: linear-gradient(90deg, rgba(0, 0, 0, .45), rgba(0, 0, 0, .25) 40%, rgba(0, 0, 0, .45));
     z-index: 1;
 }

 #ekad-thin-banner::before {
     content: "";
     position: absolute;
     top: 0;
     left: -150%;
     width: 100%;
     height: 100%;
     background: linear-gradient(120deg, transparent 30%, rgba(255, 255, 255, 0.35) 50%, transparent 70%);
     z-index: 2;
     animation: shineMove 6s infinite linear;
     pointer-events: none;
 }

 @keyframes shineMove {
     0% {
         transform: translateX(0);
         opacity: 0;
     }

     10% {
         opacity: 1;
     }

     50% {
         transform: translateX(150%);
         opacity: 1;
     }

     90% {
         opacity: 0.5;
     }

     100% {
         transform: translateX(300%);
         opacity: 0;
     }
 }

 #ekad-thin-banner .banner-content {
     position: relative;
     z-index: 600;
     color: #fff;
 }

 #ekad-thin-banner .title {
     font-weight: 900;
     line-height: 1.1;
     font-size: 1.6em;
     letter-spacing: -0.2px;
     color: #ffffff;
     background-color: #b3282cd9;
     margin: 0;
     padding: 0 8px;
 }

 #ekad-thin-banner .subtitle {
     font-size: 13px;
     margin: 0 10px;
     display: block;
     background-color: #0000004f;
     color: #ffffff;
     padding: 0 5px;
     backdrop-filter: blur(10px);
     font-weight: 600;
 }

 #ekad-thin-banner .subtitle p {
     margin: 0;
 }

 .btn-notification {
     border-radius: 8px;
     padding: 5px;
     border: 1px solid var(--color-border);
     background-color: var(--color-bkgrnd);
     text-align: center;
     color: #000;
 }

 #ekad-thin-banner .box-ads-content {
     display: flex;
     justify-content: center;
     align-items: center;
 }

 .product-slide {
     margin: 100px 0 15px 0;
     padding: 5px 0;
 }

 .box-item-slider {
     border-radius: 8px;
     height: 100%;
     border-radius: 8px;
     -moz-border-radius: 8px;
     -webkit-border-radius: 8px;
     -khtml-border-radius: 8px;
     transition: all .3s;
     -webkit-transition: all .3s;
     -moz-transition: all .3s;
     -o-transition: all .3s;
     -ms-transition: all .3s;
     overflow: hidden;
     border: 1px solid #ddd;
     position: relative;
     overflow: hidden;
     text-align: center;
     transition: transform 0.4s ease, filter 0.4s ease;
 }

 .box-item-slider::after,
 .wp-block-image::after {
     content: "";
     position: absolute;
     top: 0;
     left: -100%;
     width: 60%;
     height: 100%;
     background: linear-gradient(115deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 40%, rgba(255, 255, 255, 0.05) 70%, rgba(255, 255, 255, 0) 100%);
     filter: blur(8px);
     opacity: 0.9;
     transform: skewX(-15deg);
     animation: naturalShine 0.5s ease-in-out;
 }

 .box-item-slider:hover::after {
     animation: naturalShine 0.5s ease-in-out;
 }

 @keyframes naturalShine {
     0% {
         left: -100%;
     }

     100% {
         left: 120%;
     }
 }

 .box-item-slider img {
     height: 100%;
     width: 100%;
     object-fit: cover;
 }

 .product-slide .item a {
     display: inline-block;
     height: 100%;
 }

 .slide_title {
     font-size: 1.3em;
     font-weight: bold;
     color: #000;
 }

 .slide_desc {
     color: #000;
 }

 .slide_desc p {
     margin: 0;
 }

 .slide-btn {
     background-color: #000;
     color: #fff;
     font-weight: bold;
     border-radius: 8px;
     padding: 5px 15px;
 }

 .box-about {
     margin: 25px 0;
     position: relative;
 }

 .why-choose-us-area {
     margin-bottom: var(--margin-default);
 }

 .why-choose-us-area h2 {
     font-weight: 900;
     text-align: right;
     color: #000;
 }

 .why-choose-us-info-wrap {
     position: relative;
     z-index: 3;
     border: 1px solid var(--color-border);
     border-radius: 8px;
     overflow: hidden;
     backdrop-filter: blur(10px);
     background-color: transparent;
     background-image: var(--color-gradient);
 }

 .why-choose-us-img-wrap {
     padding: 25px 45px;
 }

 .why-choose-us-img-wrap img {
     border: 10px solid #ffcccd;
     border-radius: 8px;
     width: 100%;
     height: auto;
 }

 .box-why-content {
     padding: 45px 55px;
 }

 .product-slide .owl-stage {
     display: flex;
     align-items: stretch;
 }

 .product-slide .item {
     position: relative;
     overflow: hidden;
     display: flex;
     flex-direction: column;
     align-items: stretch;
     width: 100%;
     height: 100%;
 }

 .slider-tumb {
     overflow: hidden;
 }

 .slider_title {
     position: absolute;
     bottom: 0;
     left: 0;
     right: 0;
     font-size: 1em;
     color: #fff;
     padding: 10px;
     height: 50px;
     display: flex;
     flex-wrap: nowrap;
     align-content: center;
     justify-content: center;
     align-items: center;
     background-color: rgb(0 0 0 / 40%);
     -webkit-backdrop-filter: blur(5px);
     backdrop-filter: blur(5px);
     margin: 0;
 }

 .off-product {
     padding: var(--padding-default) 0;
 }

 .tilte-off-one strong {
     background-color: var(--color-primary);
     border-radius: 8px;
     color: #fff;
     font-size: 1.9em;
 }

 .tilte-off-two span {
     background-color: #fff;
     color: #000;
     border-radius: 8px;
     font-size: 1.9em;
 }

 .discount-lite {
     position: relative;
     overflow: hidden;
    background: linear-gradient(180deg,var(--color-ekad-green) 10%,color-mix(in srgb,var(--color-ekad-green) 40%,#fff) 25%,color-mix(in srgb,var(--color-ekad-green) 0%,#fff0) 55%,color-mix(in srgb,var(--color-ekad-green) 0%,#fff0) 100%,#fff0 100%);
    backdrop-filter: blur(10px);
     border-radius: 8px;
     padding: 45px 45px 35px 45px;
 }

 .discount-lite::before {
     content: "";
     position: absolute;
     inset: 0;
     pointer-events: none;
     opacity: .1;
     background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='28' height='28'><text x='14' y='18' font-size='16' text-anchor='middle' fill='white'>%25</text></svg>");
     background-repeat: repeat;
     background-size: 28px 28px;
     z-index: 1;
 }

 .discount-lite>* {
     position: relative;
     z-index: 3;
 }


 .box-category {
     margin-bottom: var(--margin-default);
 }

 .box-item-category {
     background-color: #ffffffad !important;
     border: 1px solid var(--color-border) !important;
     border-radius: 8px;
     text-align: center;
     margin: 5px 0;
     display: inline-block;
     width: 100%;
     height: 100%;
     transition: all 0.3s ease-in-out;
     position: relative;
     backdrop-filter: blur(10px);
 }

 .box-item-category a {
     padding: 15px;
 }

 .box-item-category:hover {
     border: 1px solid var(--color-secondary) !important;
     box-shadow: 0 0 10px 1px #efefef;
     color: var(--color-secondary) !important;
     background-color: #ffff !important;
     transition: all 0.3s ease-in-out;
 }

 .box-item-category .box-img-col {
     width: 100%;
     height: 100px;
     margin: 0 auto 25px auto;
     border-radius: 50%;
     background-color: #fff;
     overflow: hidden;
     line-height: 100px;
     text-align: center;
 }

 .box-item-category img {
     height: auto;
     max-width: 120px;
     position: relative;
 }

 .box-item-category h3 {
     font-size: 1em;
     font-weight: 600;
     color: #333;
     margin: 10px 0;
 }

 .box-item-category:hover h3 {
     color: var(--color-secondary) !important;
 }

 .box-ads {
     margin: 0 0 50px 0;
 }

 .box-item-ads {
     border-radius: 8px;
     overflow: hidden;
 }

 .box-item-ads img {
     width: 100%;
     height: auto;
 }

 .brands {
     margin-bottom: var(--margin-default)
 }

 .brands img {
     margin: 0 auto;
     padding: 5px;
     max-height: 100px;
     width: auto !important;
 }

 .owl-carousel-brands {
     margin-top: 0;
 }

 .item-brand-logo {
     background-color: #ffffff !important;
     border: 1px solid #ddd !important;
     border-radius: 8px;
     text-align: center;
     margin: 5px 0;
     display: flex;
     width: 100%;
     height: 100%;
     padding: 10px;
     align-items: center;
     justify-content: center;
     transition: all 0.3s ease-in-out;
 }

 .item-brand-logo strong {
     color: #000;
     font-weight: 600;
     margin: 10px 0 0 0;
     display: inline-block;
     width: 100%;
 }

 .counter-style01 {
     background-color: #ffffff1c;
     padding: 25px;
     position: relative;
     z-index: 3;
     border: 1px solid var(--color-border);
     border-radius: 8px;
     text-align: center;
     backdrop-filter: blur(10px);
 }

 .counter-style01 .counter-item {
     display: flex;
     align-items: center;
     justify-content: center;
     border-left: 1px solid #e9e9e9;
 }

 .counter-item .icon-circle {
     width: 55px;
     height: 55px;
     position: absolute;
     background-color: var(--color-bkgrnd);
     border-radius: 50%;
     top: 10px;
     left: 50%;
     transform: translateX(-50%) !important;
 }

 .counter-item strong {
     display: block;
     width: 100%;
     font-size: 13px;
     color: #666;
     font-weight: 600;
 }

 .counter-icon {
     position: relative;
 }

 .counter-item i {
     font-size: 40px;
     color: #76a839;
     display: inline-block;
     position: relative;
     z-index: 1;
     height: 80px;
     width: 80px;
     line-height: 80px;
     font-weight: bold;
 }

 .counter-number {
     position: relative;
     display: inline-block;
     z-index: 2;
     font-size: 23px;
     font-family: inherit;
     font-weight: 900;
     vertical-align: middle;
     font-family: 'ekad-number', 'ekad';
 }

 .counter-style01 .row>div:last-child .counter-item {
     border-left: 0;
 }

 .box-product {
     margin-bottom: var(--margin-default);
 }

 .owl-nav {
     margin-top: 0;
     position: absolute;
     left: 0;
     right: 0;
     top: 50%;
     display: flex;
     transform: translateY(-50%);
     align-items: center;
 }

 .owl-carousel:hover .owl-nav {
     opacity: 1 !important;
     transition: all 0.3s ease-in-out;
 }

 .owl-carousel .owl-nav {
     opacity: 0 !important;
     transition: all 0.3s ease-in-out;
     margin: 0 auto;
     text-align: center;
 }

 .owl-dots {
     margin: 0 auto;
     text-align: center;
     display: block;
     width: 100;
 }

 .owl-carousel .owl-nav button.owl-next,
 .owl-carousel .owl-nav button.owl-prev {
     height: 40px !important;
     width: 40px !important;
     line-height: 40px !important;
     background-color: #f8f8f8;
     border: 1px solid var(--color-border);
     border-radius: 8px;
     margin: 0 3px;
 }

 .owl-carousel .owl-dot {
     text-align: center;
     margin: 0px 5px;
     width: 10px !important;
     height: 10px !important;
     border: 1px solid var(--color-border) !important;
     border-radius: 8px !important;
     background-color: var(--color-secondary) !important;
 }

 .owl-carousel button.owl-dot.active {
     background-color: var(--color-primary) !important;
 }

 .coupon .progress,
 .coupon .progress {
     background: #ebebeb none repeat scroll 0 0;
     border-radius: 25px;
     height: 6px;
     width: 100%;
     margin-bottom: 10px;
     box-shadow: none;
 }

 .coupon .date-expire span {
     margin: 0 2px;
 }

 .coupon .progress .progress-bar,
 .coupon .progress .progress-bar {
     background-color: #f48221;
     border-radius: 25px;
     height: 6px;
     width: 0;
 }

 .coupon-ticket {
     display: flex;
     flex-direction: row;
     overflow: hidden;
     margin: auto;
     border: 2px dashed #ddd;

 }

 .ticket-left {
     flex: 2;
     padding: 35px;
     background: var(--color-gradient);
     display: flex;
     flex-direction: column;
     justify-content: center;
 }

 .ticket-tag {
     display: inline-block;
     color: #fffdfd;
     font-size: 14px;
     border-radius: 4px;
     text-align: center;
     font-weight: bold;
     border: 1px dashed #ddd;
     padding: 0 15px;
     margin: 0 5px;
 }

 /* پرفراژ */

 .ticket-divider {
     width: 5px;
     background: #f0f0f0;
     position: relative;

 }

 .ticket-divider::before,
 .ticket-divider::after {
     content: "";
     position: absolute;
     left: 50%;
     width: 24px;
     height: 24px;
     background: #fff;
     border: 2px dashed #ccc;
     border-radius: 50%;
     transform: translateX(-50%);
 }

 .ticket-divider::before {
     top: -12px;
 }

 .ticket-divider::after {
     bottom: -12px;
 }

 /* سمت راست */

 .ticket-right {
     flex: 1;
     background: var(--color-gradient);
     text-align: center;
     display: flex;
     flex-direction: column;
     justify-content: center;
     padding: 50px;
     border-top-right-radius: 10px;
     border-bottom-right-radius: 10px;
 }

 .ticket-label {
     font-size: 0.85rem;
     color: #777;
     margin-bottom: 0.5rem;
     letter-spacing: 1px;
 }

 .ticket-code {
     font-size: 2rem;
     font-weight: 900;
     letter-spacing: 3px;
     background: #fff;
     padding: 12px;
     margin-bottom: 1rem;
     color: var(--color-primary);
 }

 .btn-ticket {
     background: var(--color-ekad-green);
     color: #fff;
     font-weight: 600;
     border: none;
     padding: 0.5rem 1.5rem;
     margin-bottom: 1rem;
 }

 .btn-ticket:hover {
     background: #0c6034;
 }

 .ticket-exp {
     font-size: 0.85rem;
     color: var(--color-secondary);
 }

 .best-month .product-item::after {
     content: 'محبوب ترین ماه';
     background-color: #fffff087;
     position: absolute;
     top: 25px;
     left: -25px;
     font-size: 0.9em;
     font-weight: bold;
     transform: rotate(314deg);
     padding: 0 30px;
     backdrop-filter: blur(6px);
 }

 .owl-carousel .owl-prev,
 .owl-carousel .owl-next {
     color: #000000 !important;
     font-size: 2em !important;
     height: 45px;
     width: 45px;
     line-height: 45px !important;
     text-align: center;
     font-weight: bold !important;
     background-color: #ffffff !important;
     border-radius: 50% !important;
     text-align: center;
     border: 2px solid #dddddd !important;
     outline: 8px solid #ffffff;
 }

 .owl-carousel .owl-prev {
     right: -20px;
     position: absolute;
 }

 .owl-carousel .owl-next {
     left: -20px;
     position: absolute;
 }

 .box-product .owl-carousel .owl-stage {
     display: flex;
     align-content: center;
     align-items: center;
     justify-content: center;
     padding: 10px 0;
 }

 .box-product .owl-stage-outer {
     padding: 0;
 }

 .box-product .owl-item li,
 .owl-carousel-product .owl-item li {
     list-style: none;
     padding: 0;
     margin: 0;
     height: 100%;
     width: 100%;
 }

 .owl-carousel-product .countdown .timebox {
     color: #111111;
     width: auto;
     height: auto;
     text-align: center;
     font-weight: 600;
     position: relative;
     direction: ltr;
     font-size: 13px;
 }

 .popular-product {
     background: #fff !important;
 }

 .countdown .timebox:after {
     content: ":";
     position: absolute;
     right: -6px;
     left: auto;
     top: 0;
     bottom: 0;
     line-height: 30px;
     color: #111;
     font-weight: 400;
 }

 .countdown .timebox.day:after,
 .countdown .timebox.second:after {
     display: none;
 }

 .countbox span.timebox.second {
     font-weight: 900;
 }

 .single-product .sticky-top {
     z-index: 100;
 }

 .countdown .hastime {
     display: flex;
     align-items: center;
     justify-content: center;
     grid-column-gap: 8px;
     -moz-column-gap: 8px;
     column-gap: 8px;
     direction: ltr;
 }

 .new-product .product {
     list-style: none;
 }

 .product-item {
     margin-block: 10px;
     display: flex;
     position: relative;
     width: 100%;
     height: 100%;
     transition: all 0.5s ease;
     background: #ffffff;
     border-radius: 8px;
     -moz-border-radius: 8px;
     -webkit-border-radius: 8px;
     -khtml-border-radius: 8px;
     transition: all .3s;
     -webkit-transition: all .3s;
     -moz-transition: all .3s;
     -o-transition: all .3s;
     -ms-transition: all .3s;
     overflow: hidden;
     border: 1px solid #ddd;
 }

 .product-item:hover {
     border: 1px solid var(--color-secondary) !important;
     box-shadow: 0 0 10px 1px #efefef;
     color: #fe3000;
 }

 .product-item .product-item-image {
     margin: 0;
     padding: 10px;
     -moz-border-radius: 0;
     -webkit-border-radius: 0;
     -khtml-border-radius: 0;
     border-radius: 0;
     clear: both;
     overflow: hidden;
     position: relative;
 }

 .sale .product-item .product-item-image {
     background: linear-gradient(1deg, #fff 20%, var(--color-bkgrnd) 100%) !important;
 }

 .off-product .sale .product-item-image {
     background: #fff !important;
 }

 .off-product h2.title-section {
     color: #fff;
     background-color: transparent;
 }

 .off-product .title-section i {
     font-weight: bold;
     vertical-align: middle;
     color: #fff;
     font-size: 13px;
     animation: neonBlink 1.2s ease-in-out infinite;
 }

 .product-item .image_content {
     background-color: #fff;
     border-radius: 8px;
     padding: 5px;
 }

 .product-item img {
     height: auto;
     max-width: 100%;
     border-radius: 8px;
     margin: 0 !important;
 }

 .img-sale {
     position: absolute;
     width: 45px !important;
     top: 0;
     right: 0;
 }

 .product-item .product-item-details {
     padding: 0 15px 15px 15px;
     width: 100%;
     text-align: right;
     transition: all 300ms ease-in-out;
     -webkit-transition: all 300ms ease-in-out;
     -moz-transition: all 300ms ease-in-out;
     -o-transition: all 300ms ease-in-out;
     -ms-transition: all 300ms ease-in-out;
 }

 .product-item h3 {
     font-size: 13px !important;
     font-weight: 600;
     line-height: 25px;
     margin-bottom: 0;
     color: #000;
     height: 60px;
     clear: both;
     overflow: hidden;
     font-family: ekad-number, ekad;
 }


 .product-item .price {
     font-family: ekad-number, ekad;
     font-weight: bold !important;
     font-size: 13px !important;
     line-height: 20px;
     color: #000;
 }

 .product-item .price del {
     display: inline-block;
     text-align: right !important;
     width: 100%;
     font-size: 11px;
     color: #585858;
 }

 .product-item .date-expire span {
     color: #585858;
     font-family: ekad-number;
 }

 .product-item .price del .woocommerce-Price-currencySymbol {
     display: none;
 }

 .product-item .price ins .woocommerce-Price-currencySymbol {
     margin-right: 5px;
 }

 .product-item span.price del {
     opacity: 1 !important;
     color: #8e4401;
 }

 .product-item .price ins {
     display: inline-block;
     text-align: right;
     width: 100%;
     color: #000;
     text-decoration: none;
     font-size: 12px;
 }

 .product-item .price bdi {
     color: #000 !important;
 }

 .product-item .price strong {
     color: Red;
 }

 .product-item .price .out_of_stock i {
     font-size: 1.1em;
     vertical-align: middle;
     color: #000000;
     margin-left: 4px;
     font-weight: 100;
 }

 .product-item .btn-price-zero {
     color: #333;
 }

 .product-item mark {
     color: #6c757d !important;
     font-size: 0.9em;
     font-weight: bold;
     border-radius: 5px;
     padding: 2px 6px;
     font-family: 'ekad-number';
 }

 .product-footer {
     display: flex;
     justify-content: space-between;
     align-items: center;
     height: 50px;
     margin: 15px 0 0 0;
 }

 .product-item .price del .woocommerce-Price-currencySymbol {
     display: none;
 }

 .product-item .action {
     text-align: center;
     min-width: 40%;
     margin-right: auto;
 }

 .product-item .action span {
     background-color: #fff;
     width: 100%;
     display: inline-block;
     color: #000;
     font-weight: 600;
     border-radius: 8px;
     text-align: center;
     border: 0;
     font-size: 12px;
     line-height: 25px;
     position: relative;
     padding: 3px 10px;
     border: 1px solid #dddddd;
 }

 .product-item:hover .action span {
     background-color: var(--color-bkgrnd);
     color: #000;
 }

 .product span.quantity {
     font-size: 12px;
     color: #666666;
     font-family: 'ekad-number';
 }

 .product .progress {
     background: #ebebeb none repeat scroll 0 0;
     border-radius: 25px;
     height: 10px;
     width: 100%;
     margin-bottom: 10px;
     box-shadow: none;
 }

 .product .progress .progress-bar {
     background-color: var(--color-secondary);
     border-radius: 25px;
     height: 10px;
     width: 0;
 }

 .product-item .saved-sale {
     font-weight: bold;
     text-transform: capitalize;
     background: var(--color-secondary);
     font-size: 13px;
     color: #ffffff;
     line-height: 17px;
     z-index: 8;
     transition: all 400ms ease-in-out;
     padding: 0 8px;
     border-radius: 25px;
     display: inline-block;
     margin: 0 5px;
 }

 .product .box-quantity {
     display: flex;
     flex-wrap: wrap;
     align-content: stretch;
     justify-content: space-between;
     margin-top: 6px;
 }

 .call-to-action {
     height: 100vh;
     background-position: top;
     margin-top: 70px;
 }

 .box-action {
     margin-top: 55px;
 }

 .call-to-action h2 {
     font-weight: bold;
     color: #000;
     font-size: 2.23em;
     width: auto;
     display: inline-block;
     border-left: 10px solid #f58121;
     border-right: 10px solid #f58121;
     padding: 5px 35px;
 }

 .call-to-action h2 mark {
     color: inherit;
     padding: 0;
     background: 0 0;
     background-position-x: 0;
     background-position-y: 0;
     background-repeat: repeat;
     background-image: none;
     background-size: auto;
     background-image: linear-gradient(120deg, rgb(244 130 32 / 25%) 0, rgb(244 130 33 / 25%) 100%);
     background-repeat: no-repeat;
     background-size: 100% 0.3em;
     background-position: 0 80%;
     position: relative;
 }

 .call-to-action a {
     background-color: #000;
     color: #fff;
     font-weight: bold;
     font-size: 1.5em;
     border-radius: 8px;
     padding: 5px 15px;
 }

 .call-to-action a:hover {
     background-color: #f58121;
     color: #000 !important;
 }

 .category-thumbnail img {
     object-fit: cover;
     height: 250px;
     width: 100%;
     border-radius: 8px;
 }

 .box-header-cat-calendar {
     margin-top: 15px;
 }

 .box-item-cat-calendar {
     text-align: center;
     color: #000;
     position: relative;
     border-radius: 8px;
     /* color: #fff; */
     overflow: hidden;
     border: 1px solid var(--color-border);
     backdrop-filter: blur(10px);
     background-color: transparent;
     background-image: linear-gradient(1deg, #fff8dc82 65%, #F2295B00 100%);
     display: flex;
     justify-content: center;
     align-items: center;
     align-content: center;
     flex-direction: column;
     filter: grayscale(0);
     padding: 15px;
     transition: all ease-in-out 0.3s;
 }

 .calendar .card:hover {
     border: 1px solid var(--color-secondary) !important;
     box-shadow: 0 0 10px 1px #efefef;
     transition: all ease-in-out 0.3s;
 }

 .calendar .card:hover .btn {
     background-color: var(--color-secondary);
     color: #fff;
     transition: all ease-in-out 0.3s;
 }

 .calendar .card-title {
     color: #000;
     font-weight: bold;
     margin: 5px 0 15px 0;
     font-size: 14px;
     text-align: center;
 }

 .box-item-cat-calendar.active,
 .box-item-cat-calendar:hover {
     filter: grayscale(1);
     transition: all ease-in-out 0.3s;
 }

 .category-thumbnail-calendar {
     object-fit: cover;
     height: 100px;
     width: 100%;
     margin: 0 0 15px 0;
 }

 .box-commnet .card {
     border-radius: 10px;
     overflow: hidden;
     transition: transform 0.2s ease, box-shadow 0.2s ease;
 }

 .box-commnet .card:hover {
     transform: translateY(-3px);
     box-shadow: 0 10px 25px rgba(0, 0, 0, .08);
 }

 .box-commnet .card-title i {
     color: #09b850;
     margin-left: 6px;
 }

 .box-commnet .text-warning i {
     color: #f5b301;
 }

 .single-calendar .content-img img {
     height: auto
 }

 .single-calendar .alert-custom {
     padding: 0 15px;
 }

 .pagination {
     display: flex;
     justify-content: center;
     margin: 30px 0;
     direction: ltr;
 }

 .pagination .nav-links {
     display: flex;
     gap: 5px;
     flex-wrap: wrap;
 }

 .pagination .page-numbers {
     display: inline-block;
     padding: 8px 14px;
     background-color: #f8f9fa;
     color: #333;
     border: 1px solid var(--color-border);
     border-radius: 5px;
     text-decoration: none;
     transition: all 0.3s ease;
     font-weight: bold;
     font-size: 15px;
     line-height: 1.5;
     margin: 0 5px;
 }

 .pagination .page-numbers:hover {
     background-color: var(--color-bkgrnd);
     border-color: var(--color-border);
     color: #000;
 }

 .pagination .page-numbers.current {
     background-color: var(--color-bkgrnd);
     border-color: var(--color-border);
     color: #000;
     pointer-events: none;
     cursor: default;
 }

 .pagination .page-numbers.dots {
     background-color: transparent;
     border: none;
     color: #6c757d;
     padding: 8px 0;
     pointer-events: none;
 }

 .pagination .prev,
 .pagination .next {
     background-color: #fff;
     font-weight: bold;
 }

 .pagination .prev:hover,
 .pagination .next:hover {
     background-color: var(--color-bkgrnd);
     border-color: var(--color-border);
 }

 .testimonial-card {
     border: 1px solid #e6ecf0;
     transition: transform .25s ease, box-shadow .25s ease;
 }

 .testimonial-card:hover {
     transform: translateY(-4px);
     box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08);
 }

 .shine {
     position: absolute;
     top: 0;
     left: -70%;
     width: 50%;
     height: 100%;
     background: linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0) 100%);
     transform: skewX(-25deg);
 }

 .testimonial-card:hover .shine {
     animation: shine 1.2s forwards;
 }

 @keyframes shine {
     100% {
         left: 130%;
     }
 }

 .testimonial-image img {
     width: 120px;
     height: 90px;
     object-fit: cover;
 }

 @media (max-width: 576px) {
     .testimonial-card {
         flex-direction: column;
         text-align: center;
     }

     .testimonial-image img {
         width: 100%;
         height: auto;
     }

     .testimonial-image {
         margin-bottom: 10px;
     }
 }

 .articles {
     margin-bottom: var(--margin-default);
 }

 .articles .card {
     border: 1px solid #ddd;
     border-radius: 8px;
     margin: 12px 0;
     overflow: hidden;
     transition: .4s;
 }

 .articles .card-title a {
     font-size: 0.8em;
     color: #000;
     line-height: 1.75;
     font-weight: 600;
 }

 .articles .card-title a:hover {
     color: var(--color-secondary);
 }

 .articles .card .card-text {
     font-size: 1em;
     color: #8e939b !important;
     text-align: right;
 }

 .articles .blog-card-categories i {
     font-size: 15px;
     color: #585858;
     vertical-align: middle;
 }

 .articles .blog-card-categories a {
     color: #8e939b;
     font-size: 1em;
     font-weight: bold;
 }

 .articles .card-body p {
     color: #555;
     font-size: 14px;
 }

 .icon-head-left {
     margin-right: -10px;
 }

 .section-more i {
     font-weight: bold;
     color: #000;
     vertical-align: middle;
 }

 .item-posts .badge-blog {
     color: #000000;
     font-weight: bold;
     font-size: 0.9em;
     background-color: #fcf7eb;
     border: 1px solid #eee;
 }

 .wp-block-image {
     position: relative;
 }

 .wp-block-image img {
     box-sizing: border-box;
     height: auto;
     max-width: 100%;
     vertical-align: bottom;
     border-radius: 8px;
 }

 .item-posts .card-custom-meta {
     margin-top: 20px;
     display: flex;
     align-items: center;
     justify-content: space-between;
 }

 .item-posts .card-custom-button {
     padding: 0 15px;
     font-size: 0.9em;
     border: 1px solid var(--color-secondary);
 }

 .articles .card-img img {
     height: 250px;
     object-fit: cover;
     width: 100%;
     -webkit-object-fit: cover;
 }

 .articles .image-big img {
     object-position: top;
 }

 .articles .blog-social-icons a {
     margin-left: 0.9375rem;
     color: #cfd2d8;
     vertical-align: middle;
     font-size: 1rem;
 }

 .articles .card-title {
     font-size: 1.3em;
     margin-top: 8px;
 }

 .articles .form-control {
     display: block;
     width: auto;
     height: calc(2.65rem + 0);
     padding: 0.5rem 1.25rem;
     font-size: 1em;
     font-weight: normal;
     color: #343a40;
     background-color: #ffffff;
     background-clip: padding-box;
     border: 1 solid #ced4da;
     border-radius: 0.3125rem;
     box-shadow: 0;
     transition: border-color 0.15s ease-in-out, ;
 }

 .articles .form-control:focus {
     box-shadow: none;
 }

 .articles .media {
     border: 1px solid #eaeaea;
     box-shadow: 0 0 15px rgba(18, 66, 101, 0.08);
     border-radius: 8px;
     margin: 14px 0;
     overflow: hidden;
     transition: .4s;
     height: 100%;
     display: flex;
     padding: 15px;
 }

 .articles .media-img {
     margin-left: 15px;
 }

 .articles .media img {
     width: 120px;
     height: 80px;
     object-fit: cover;
     border-radius: 8px;
 }

 .articles .media-body {
     align-self: center;
 }

 .box-best-tags {
     margin-bottom: var(--margin-default);
     padding-top: 50px;
     background: linear-gradient(1deg, #fff 40% -30%, #f9f9f9 70%) !important;
 }

 .btn-tags {
     border: 1px solid var(--color-border);
     margin: 3px;
     display: inline-block;
     width: auto;
     backdrop-filter: blur(10px);
     background-color: transparent;
     background-image: var(--color-gradient);
     font-size: 14px;
 }

 .property {
     background-color: #fff;
     margin-bottom: var(--margin-min);
 }

 .item-property {
     padding: 15px 20px;
     border-radius: 8px;
     text-align: center;
     border: 1px solid #eaeaea;
     backdrop-filter: blur(10px);
     background: linear-gradient(359deg, #f8f8f8 0%, #F2295B00 70%);
     height: 100%;
 }

 .item-property strong {
     margin-top: 5px;
     color: #000;
     font-size: 14px;
 }

 .item-property p {
     color: #555;
     margin: 0;
 }

 .item-property .icon-services svg {
     width: 40px;
     fill: #f5821f;
 }

 .item-property .icon-services i {
     font-size: 2.5em;
     color: #f5821f;
 }

 .image-services {
     position: relative;
     margin-bottom: 10px;
     display: inline-block;
 }

 .image-services .icon-circle {
     width: 65px;
     height: 55px;
     position: absolute;
     background-color: rgba(255, 204, 83, 0.2);
     border-radius: 50%;
     top: 10px;
     left: 50%;
     transform: translateX(-50%) !important;
 }

 .item-property .image-services img {
     width: 50px;
     margin-top: 20px;
 }

 .box-rate {
     margin-bottom: var(--margin-min);
 }

 footer div.wpforms-container-full:not(:empty) {
     margin: 10px 0;
     width: 100%;
 }

 footer .wpforms-container .wpforms-field,
 .wp-core-ui div.wpforms-container .wpforms-field {
     padding: 0;
 }

 .brand-footer {
     display: inline-block;
     width: auto;
     margin-bottom: 10px;
 }

 .brand-footer img {
     width: 135px;
 }

 .footer-about a {
     color: #555555;
 }

 .footer-up label {
     display: none !important;
     left: 0 !important;
 }

 .footer-up .wpforms-field-container {
     width: 70% !important;
     display: inline-block !important;
 }

 .footer-up .wpforms-submit-container {
     clear: none !important;
     float: left !important;
     width: 30% !important;
     margin: 0 !important;
 }

 .footer-up .navbar-toggler {
     width: 100%;
     padding: 15px 10px;
     text-align: right;
     color: #000;
     align-content: center;
     justify-content: space-between;
     align-items: center;
 }

 .footer-up .navbar-toggler i {
     float: inline-end;
     color: #000;
 }

 .navbar-toggler[aria-expanded="true"] .fa:before {
     content: "\f106";
 }

 .footer-up .navbar-toggler:focus {
     box-shadow: none !important;
 }

 .footer-up .navbar-collapse.show strong {
     display: none;
 }

 .footer-title {
     font-weight: 900;
 }

 .footer-links-buy {
     display: flex;
 }

 .footer-up div.wpforms-container-full .wpforms-form input[type=number] {
     height: 41px;
     padding: 5px 25px;
     border-radius: 0;
     border-top-right-radius: 8px;
     border-bottom-right-radius: 8px;
 }

 .footer-up div.wpforms-container-full .wpforms-form button[type=submit] {
     padding: 5px 15px !important;
     width: 100% !important;
     display: inline-block !important;
     background: var(--color-primary) !important;
     border-radius: 0;
     border: 2px solid var(--color-primary) !important;
     color: #fff !important;
     border-top-left-radius: 8px;
     border-bottom-left-radius: 8px;
     margin: 0;
     font-weight: bold;
     font-size: 1em;
 }

 .footer-up div.wpforms-container-full .wpforms-form button[type=submit]:hover {
     background: #fff !important;
     border: 2px solid var(--color-primary) !important;
     color: #000 !important;
 }

 .contact-box-section .wpforms-form button[type=submit],
 .form-comment-about button[type=submit] {
     padding: 0 15px !important;
     width: auto !important;
     display: inline-block !important;
     background: var(--color-primary) !important;
     border-radius: 0;
     border: 2px solid var(--color-primary) !important;
     color: #fff !important;
     margin: 0;
     font-weight: bold;
     border-radius: 8px;
     font-size: 1em;
 }

 .contact-box-section .wpforms-submit-container {
     text-align: left;
 }

 .single-slider {
     padding: 20px;
     background-position: center bottom;
     position: relative;
     background-size: cover;
 }

 .hero-cap {
     position: relative;
     z-index: 100;
     background-color: #00000000;
     backdrop-filter: blur(35px);
     border-radius: 10px;
     padding: 15px;
 }

 .single-slider::after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     opacity: 0.3;
     background: #fff;
     background-size: 400% 400%;
     pointer-events: none;
 }


 .box-header-cat {
     margin: 25px 0;
     padding: 15px;
     position: relative;
     border-radius: 8px;
     color: #000;
     overflow: hidden;
     border: 1px solid var(--color-border);
     backdrop-filter: blur(10px);
     background-color: transparent;
     background-image: var(--color-gradient);
 }

 .box-header-cat::after {
     content: "";
     position: absolute;
     top: 0;
     left: -75%;
     width: 50%;
     height: 100%;
     background: linear-gradient(120deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 50%, rgba(255, 255, 255, 0) 100%);
     transform: skewX(-25deg);
     animation: shine 3s infinite;
 }

 @keyframes shine {
     0% {
         left: -75%;
     }

     100% {
         left: 125%;
     }
 }

 .container-full input[type=number] {
     text-align: right !important;
     direction: rtl;
 }

 .box-header-content-cat {
     position: relative;
     z-index: 100;
     text-align: right;
 }

 .access ul {
     list-style: none;
     margin: 5px 0 0 0;
     padding: 0;
 }

 .access ul a {
     color: #000;
 }

 .access ul>li {
     text-indent: -5px;
     margin: 5px 0;
 }

 .access ul>li:before {
     content: "--";
     text-indent: -5px;
     color: var(--color-secondary);
     font-weight: bold;
     margin-left: 5px;
 }

 .box-about-link {
     display: flex;
     align-items: center;
     flex-direction: row;
     line-height: 21px;
     padding: 10px 20px;
     background-color: #f8f8f8;
     border-radius: 8px;
 }

 .box-contact-link {
     display: flex;
     align-items: center;
     flex-direction: row;
     line-height: 21px;
     padding: 10px 20px;
     background-color: #f8f8f8;
     border-radius: 8px;
 }

 .box-contact-link i {
     font-size: 1em;
     vertical-align: middle;
     color: #a50005;
     line-height: 32px;
     text-align: center;
     margin-left: 5px;
 }

 .box-contact-link strong {
     color: #000;
     width: 100%;
     display: inline-block;
 }

 .box-contact-link p {
     margin: 0;
 }

 .box-contact-link span {
     color: #000;
     width: 100%;
     display: inline-block;
     font-size: 1.1em;
     margin-top: 5px;
 }

 .box-about-link i {
     font-size: 1em;
     vertical-align: middle;
     color: #a50005;
     line-height: 32px;
     text-align: center;
     margin-left: 5px;
 }

 .box-about-link strong {
     color: #000;
     width: 100%;
     display: inline-block;
     font-weight: 600;
 }

 .box-about-link span {
     color: #000;
     width: 100%;
     display: inline-block;
     font-size: 1.1em;
 }

 .footer-down {
     background-color: #f8f9fa;
     padding: 15px 0;
     border-top: 8px solid #f8f8f8;
 }

 ul.soical-network-footer {
     list-style: none;
     display: inline-block;
     width: 100%;
     padding: 0;
     margin: 0;
 }

 ul.soical-network-footer i {
     font-size: 1.8em;
     vertical-align: middle;
     height: 35px;
     width: 35px;
     background-color: #000;
     border: 2px solid #f68121;
     border-radius: 50%;
     color: #fff;
     line-height: 32px;
     text-align: center;
     float: right;
     margin-left: 5px;
 }

 .mojavez {
     display: flex;
 }

 .mojavez img {
     width: 100%;
     padding: 7px;
     background-color: #fff;
     border-radius: 8px;
     height: auto;
 }

 .footer-down p {
     color: #000;
     display: inline-block;
     width: auto;
     font-weight: bold;
     margin: 0;
 }

 .footer-down i {
     vertical-align: middle;
     font-size: 1.3em;
 }

 .footer-down a {
     color: #4b4b4b;
 }

 .footer-down a:hover {
     color: #f57900;
 }

 .back-to-top {
     position: fixed;
     bottom: 25px;
     right: 25px;
     display: none;
     opacity: 0;
 }

 .vertical-alignment-helper {
     display: table;
     height: 100%;
     width: 100%;
     pointer-events: none;
 }

 .vertical-align-center {
     display: table-cell;
     vertical-align: middle;
     pointer-events: none;
 }

 .modal-custom .modal-content {
     width: 100%;
     max-width: 330px;
     height: inherit;
     margin: 0 auto;
     pointer-events: all;
     border-radius: 10px;
     overflow: hidden;
 }

 .modal-custom .modal-body {
     padding: 0px;
 }

 .modal-custom .content-modal {
     padding: 25px 15px;
     text-align: center;
     font-size: 117%;
 }

 .modal-custom .content-modal p {
     font-size: 12px;
     color: #222;
 }

 .box-form-comment-about {
     padding: 65px 45px;
     font-size: 1.2em;
     display: inline-block;
     width: 100%;
     margin: 25px 0;
     border-radius: 8px;
     position: relative;
     backdrop-filter: blur(10px);
     background-color: transparent;
     background: var(--color-gradient);
     z-index: 1;
     overflow: hidden;
     border: 1px solid var(--color-border);
 }

 .box-form-comment-about h2 {
     font-size: 1.5em;
     font-weight: bold;
     color: #000;
 }

 .box-form-comment-about p {
     color: #333;
 }

 .form-comment-about {
     background-color: #fff;
     padding: 25px;
     display: inline-block;
     width: 100%;
     border-radius: 10px;
 }

 .box-desc-comment-about {
     text-align: right;
 }

 .icon-comment-header {
     background-color: var(--color-bkgrnd);
     border: 1px solid var(--color-border);
     border-radius: 8px;
     margin-bottom: 35px;
     text-align: right;
     display: inline-block;
     padding: 25px;
     margin-left: 20px;
     min-width: 150px;
 }

 .icon-comment-header img {
     filter: grayscale(1);
     height: 115px;
 }

 .box-desc-comment-about h2 {
     font-weight: bold;
     font-size: 20px;
     margin-bottom: 10px;
     text-align: right;
 }

 .box-desc-comment-about p {
     text-align: justify;
 }

 .icon-form-about {
     opacity: 0.1;
     font-size: 7.9em;
     position: absolute;
     top: 20%;
     right: 50px;
     color: #a8a8a8;
     transform: translateY(-50%);
 }

 .box-form-comment-about .wpforms-field-label {
     font-size: 0.8em !important;
     margin: 5px 0 !important;
 }

 .box-desc-form-about {
     text-align: right;
 }

 .box-desc-form-about img {
     margin: 0;
     text-align: center;
     filter: grayscale(1);
 }

 .box-comment-item {
     background-color: #ffffff0a;
     border: 1px solid var(--color-border);
     padding: 25px;
     display: inline-block;
     width: 100%;
     margin: 10px 0;
     position: relative;
     overflow: hidden;
     backdrop-filter: blur(6px);
     border-radius: 8px;
 }

 .box-comment-item img {
     border-radius: 8px;
     border: 1px solid var(--color-border);
     object-fit: cover;
     background-color: #fff;
     height: 150px;
 }

 .box-comment-item img.img-default {
     filter: saturate(0.5);
 }

 .acf-image-uploader a {
     display: inline-block;
     width: 100%;
     color: var(--color-secondary);
 }

 .icon-absolute {
     position: absolute;
     left: -20px;
     font-size: 7em;
     color: #f9f9f9;
     bottom: -20px;
     z-index: -1;
 }

 .box-comment-item strong {
     font-size: 1.1em;
 }

 .box-form-comment-about .wpforms-container-full {
     margin-bottom: 0 !important;
     z-index: 100;
 }

 .box-form-comment-about .wpforms-captcha-math input {
     width: 100% !important;
 }

 .box-form-comment-about .wpforms-container-full .wpforms-form button[type=submit] {
     padding: 0 15px !important;
     width: auto !important;
     display: inline-block !important;
     background: var(--color-primary) !important;
     border-radius: 0;
     border: 2px solid var(--color-primary) !important;
     color: #fff !important;
     margin: 0;
     font-weight: bold;
     border-radius: 8px;
     font-size: 1em;
 }

 .box-form-comment-about .wpforms-field {
     padding: 5px 0;
     z-index: 100000;
 }

 .box-form-comment-about .wpforms-confirmation-container-full p:last-of-type {
     margin: 0;
     font-size: 0.9em;
     line-height: 2;
 }

 .box-form-comment-about div.wpforms-container-full .wpforms-form input {
     font-size: 0.8em !important;
     color: #777;
 }

 .box-form-comment-about .wpforms-container-full .wpforms-form .wpforms-submit-container {
     clear: both !important;
     float: left !important;
 }

 .box-title-modal h5 {
     font-size: 1.2em;
     font-weight: bold;
     color: #be0006;
 }

 .box-title-modal p {
     font-size: 0.8em;
     color: #777;
 }

 .box-img-modal {
     display: inline-block;
     width: 100%;
     height: 100%;
     overflow: hidden;
 }

 .box-img-modal img {
     display: inline-block;
     width: 100%;
     height: 100%;
     object-fit: cover;
     object-position: center;
 }

 .box-background-modal {
     position: relative;
     z-index: 1000;
 }

 .box-content-main {
     display: inline-block;
     margin: 20px 0 20px 0;
     width: 100%;
     font-size: 1em;
 }

 .img-content {
     text-align: center;
     margin: 0 auto;
 }

 .img-content img {
     text-align: center;
     max-width: 100%;
 }

 .figure {
     margin: 10px auto;
     text-align: center;
 }

 .info-content-down {
     border: 1px solid #ddd;
     display: inline-block;
     width: 100%;
     margin-bottom: 15px;
     border-radius: 8px;
     background: linear-gradient(326deg, #fff 30%, #ffffff 30%, #e8e8e8 40%, #fff 25%) !important;
 }

 .info-content {
     display: inline-block;
     padding: 5px 10px;
     text-align: justify;
     vertical-align: middle;
     width: 100%;
     border-top: 1px solid #ddd;
 }

 .box-details h1,
 .box-details h2,
 .box-details h3,
 .box-details h4,
 .box-details h5,
 .info-content h6 {
     font-weight: 900;
     line-height: 1.6;
     margin: 0 0 12px 0;
 }

 .box-details h1 {
     font-size: 1.6em;
 }

 .box-details h2 {
     font-size: 1.5em;
 }

 .single-calendar .box-details h2 {
     background-color: #fffbed;
     padding: 5px;
     display: inline-block;
     width: auto;
     clear: both;
     color: #000000;
     border-radius: 8px;
 }

 .box-details h3 {
     font-size: 1.4em;
 }

 .box-details h4 {
     font-size: 1.3em;
 }

 .box-details h5,
 .box-details h5.info-content h6 {
     font-size: 1.2em;
 }

 .box-details h6 {
     font-size: 1.1em;
 }

 .box-details hr {
     border-top: 1px solid #ababab !important;
     margin: 35px 0;
 }

 .box-details form label {
     font-size: 1em !important;
     margin-bottom: 5px !important;
 }

 .info-content ul {
     display: inline-block;
     list-style: none;
     margin: 0;
     padding: 0;
     width: 100%;
     font-size: 0.9em;
     font-family: ekad-number;
 }

 .info-content li {
     color: #fff;
     display: inline-block;
     margin: 0 5px;
     padding: 2px 0;
     width: auto;
 }

 .info-content li strong {
     color: #fff;
 }

 .info-content li p {
     font-size: 1em;
     padding: 0;
 }

 .box-breadcrumb {
     background-color: #f1f1f2;
     margin-top: 89px;
     padding: 5px 0;
 }

 .breadcrumbs {
     font-size: 0.9em;
     color: #333;
 }

 .breadcrumbs a {
     color: #000;
     font-weight: bold;
 }

 .breadcrumbs a:hover {
     color: var(--color-secondary)
 }

 .btn-category-search {
     padding: 5px 15px !important;
     width: 20% !important;
     display: inline-block !important;
     background: var(--color-primary) !important;
     border-radius: 0;
     border: 2px solid var(--color-primary) !important;
     color: #fff !important;
     border-top-left-radius: 8px;
     border-bottom-left-radius: 8px;
     margin: 0;
     font-weight: bold;
     font-size: 1em;
 }

 h1.title-category {
     font-size: 20px;
     color: #000;
     font-weight: 900;
     line-height: 40px;
 }

 h2.title-category {
     font-size: 15px;
     color: #000;
     font-weight: 900;
 }

 .btn-icon {
     background-color: #ececec;
     color: #000000;
     text-align: center;
     font-size: 1em;
     height: 30px;
     width: 30px;
     border-radius: 8px;
     display: inline-block;
 }

 .btn-icon i {
     text-align: center;
     line-height: 30px;
 }

 .box-details {
     line-height: 28px;
     text-align: justify;
     font-size: 1.1em;
     padding: 20px 0;
     overflow: hidden;
     display: inline-block;
     width: 100%;
     background: #fff;
     border-radius: 8px;
 }

 .single-link {
     color: #000;
     font-weight: 400;
     font-size: 11px;
     margin-right: 25px;
 }

 .single-link i {
     font-size: 11px;
     vertical-align: middle;
     color: #333;
 }

 .single-link:hover {
     color: var(--color-bkgrnd) !important;
 }

 .box-comment {
     line-height: 2.3em;
     text-align: justify;
     font-size: 0.8em;
     padding: 20px;
     border: 1px solid #ddd;
     margin-top: 10px;
 }

 .box-comment .w-comments-title {
     font-size: 0.9em;
 }

 .post-comment h2 {
     font-size: 18px;
     font-weight: bold;
 }

 .commemt_list>li {
     border: 0;
     border-bottom: 1px solid #ededed;
     margin: 10px 0;
 }

 .commemt_list li .comment-text {
     border: 0;
     margin: 0 60px 0 0;
     padding: 0;
 }

 .commemt_list li .comment-text p {
     margin: 0;
     font-size: 0.9em;
     color: #555;
 }

 .commemt_list li img.avatar {
     top: 17px;
     right: 0;
     padding: 3px;
     width: 45px;
     height: 45px;
     object-fit: cover;
     border-radius: 50%;
     padding: 0;
 }

 .commemt_list p {
     font-size: 13px;
     color: #000;
     display: inline-block;
     width: 100%;
 }

 .post-comment ul,
 .post-comment ol {
     list-style: none;
 }

 .comment-body .reply {
     display: none;
     visibility: hidden;
 }

 .comment-body .comment-meta a {
     font-size: 0.9em;
     color: #6a6a6a;
 }

 .comment-body .comment-author {
     display: block;
     width: 50%;
     float: right;
 }

 .comment-author .says {
     display: none;
 }

 .comment-body .comment-meta {
     display: block;
     width: 50%;
     text-align: left;
     float: left;
 }

 .post-comment .children .comment-meta {
     display: none;
 }

 .wp-pagenavi {
     border: 0;
     display: inline-block;
     width: 100%;
     margin-top: 15px;
 }

 .wp-pagenavi * {
     height: 40px;
     border-radius: 8px;
     border: 1px solid var(--color-border) !important;
     display: inline-block;
     width: auto;
     min-width: 40px;
     font-size: 15px;
     font-weight: bold;
     line-height: 40px;
     padding: 0 !important;
     color: #000;
 }

 .wp-pagenavi .current {
     background-color: var(--color-bkgrnd);
 }

 .wp-pagenavi .pages {
     padding: 0 15px !important;
 }

 .wp-pagenavi *:hover {
     background-color: var(--color-bkgrnd);
 }

 .box-details .woocommerce-Tabs-panel {
     padding: 15px !important;
     background-color: #f8f8f8 !important;
     margin: 0 !important;
 }

 .box-details p {
     text-align: right;
     color: #000;
     line-height: 40px;
     font-weight: normal;
 }

 .box-details a {
     color: var(--color-secondary);
 }

 .box-details a:hover {
     color: var(--color-secondary);
 }

 .box-details img {
     margin: 10px auto;
     max-width: 100%;
     height: auto;
 }

 .info-content-down h1 {
     color: #000;
     font-size: 1.2em;
     font-weight: bold;
     padding: 15px 15px;
     text-align: right;
     width: 100%;
     margin: 0;
     display: inline-block;
 }

 .info-content-down i {
     vertical-align: middle;
 }

 .info-content-down ul {
     list-style: none;
     margin: 0 25px;
     padding: 0;
 }

 .info-content-down ul li {
     display: inline-block;
     width: auto;
     margin-right: 15px;
 }

 .info-content-down ul li span {
     font-size: 0.9em;
 }

 .title-cat {
     font-size: 0.9em;
     display: inline-block;
     width: 100%;
     text-align: center;
     vertical-align: middle;
     background-color: #ffe800;
     color: #000;
     height: 100%;
     padding: 21px 0;
 }

 .like-button {
     background-color: #fff;
     border: 0;
     box-shadow: none;
     float: left;
     margin-top: 2px;
 }

 .like-button.activeLike {
     background-color: #37bb9d;
     color: #fff;
 }

 .like-button.activeLike i:before {
     content: "";
 }

 .img-content img {
     background-color: #fff;
     display: inline-block;
     padding: 5px;
     width: 100%;
     border-radius: 8px;
 }

 .content-time {
     color: #555;
     font-weight: 100;
     margin-left: 5px;
 }

 .content-team {
     color: #555;
     font-weight: 100;
 }

 .content-time i,
 .content-team i {
     color: var(--color-secondary);
     vertical-align: middle;
 }

 .content-excerpt {
     color: #333;
     max-width: 70%;
     margin: 0 auto;
 }
 .content-excerpt p{
    margin: 0;
 }

 .single-slider.slider-height2 {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 50px 20px;
    background: radial-gradient(circle at 50% 50%, 
        rgba(255, 255, 255, 1) 0%, 
        rgba(255, 251, 237, 0.9) 60%, 
        rgba(247, 230, 181, 0.7) 100%);
    margin-bottom: 15px;
    }

.title-category.title-section {
    font-size: 2rem;
    font-weight: 900;
    color: #333;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 15px;
}

 .content-img {
     border-radius: 8px;
     overflow: hidden;
 }

 .content-img img {
     object-fit: cover;
     width: 100%;
 }

 .notification {
     margin: 15px 0;
     display: inline-block;
     width: 100%;
 }

 .box-aside {
     border: 1px solid #ddd;
 }

 .box-content-main aside {
     border: 1px solid var(--color-border);
     display: inline-block;
     padding: 10px;
     width: 100%;
     margin: 0;
     border-radius: 8px;
     background-color: #ffffff;
 }

 .box-aside-title {
     margin: 5px 0;
 }

 .box-aside-title strong {
     color: #0088b2;
     display: inline-block;
     font-family: ekad;
     margin: 0;
     width: 100%;
     text-align: center;
     padding: 10px 0;
 }

 .box-aside-title strong::before {
     content: '';
     position: absolute;
     display: block;
     width: 120px;
     height: 1px;
     background: #f48222;
     ;
     bottom: 1px;
     left: calc(50% - 60px);
 }

 .box-aside-title strong::after {
     content: '';
     position: absolute;
     display: block;
     width: 40px;
     height: 3px;
     background: #f48222;
     ;
     bottom: 0;
     left: calc(50% - 20px);
 }

 .post-views {
     display: inline-block;
     width: auto;
 }

 .box-aside-title strong:hover {
     color: #f48222;
 }

 .box-aside {
     background-color: #f9f9f9;
     display: inline-block;
     margin: 0 0 20px 0;
     padding: 15px;
     width: 100%;
 }

 .box-aside-title img {
     opacity: 0.5;
 }

 ul.box-new-min {
     list-style: none;
     margin: 0;
     padding: 0;
 }

 ul.box-new-min li {
     display: inline-block;
     list-style: none;
     padding: 5px 20px;
     margin: 5px 0;
     width: 100%;
     background: #fff;
     border: 1px solid #ddd;
     font-size: 0.8em;
     overflow: hidden;
 }

 ul.box-new-min li h4 {
     color: #000;
     font-size: 1.2em;
     line-height: 25px;
     text-align: right;
     margin: 10px 0 0 0;
     font-weight: 600;
     text-overflow: ellipsis;
     overflow: hidden;
     white-space: nowrap;
 }

 ul.box-new-min li p {
     font-size: 1.1em;
     color: #555;
     display: inline-block;
     width: 100%;
     font-weight: bold;
     font-family: ekad-number;
     margin-bottom: 0;
 }

 ul.box-new-min li img {
     background-color: #fff;
     border: 1px solid #ddd;
     height: 70px;
     padding: 3px;
     width: 70px;
     object-fit: cover;
     margin-right: 5px;
 }

 ul.box-new-min li:hover img {
     opacity: 0.8;
 }

 ul.box-new-min li:hover h4 {
     color: #f48222;
 }

 .desc-section p {
     text-align: center !important;
 }

 .box-aside a strong {
     color: #333;
     font-size: 1.2em;
     position: relative;
 }

 .social-network-contact {
     display: inline-block;
     width: 100%;
 }

 .social-network-contact a {
     float: left;
     margin-right: 10px;
     font-size: 2.0em;
     color: #f48222;
 }

 .social-network-contact a:hover {
     color: #f48222;
 }

 .owl-item li {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .coupon-item {
     margin: 20px 0;
     position: relative;
 }

 .coupon-item::after {
     position: absolute;
     content: "";
     height: 50px;
     right: -25px;
     border-radius: 50%;
     z-index: 1;
     top: 50%;
     background-color: #fff;
     transform: translateY(-50%);
     border-left: 5px solid #cecece;
     width: 50px;
 }

 .coupon-item::before {
     position: absolute;
     content: "";
     height: 50px;
     left: -25px;
     border-radius: 50%;
     z-index: 1;
     top: 50%;
     transform: translateY(-50%);
     background-color: #fff;
     width: 50px;
     border-right: 5px solid #cecece;
 }

 .coupon-item .coupon_title {
     font-size: 1.3em;
     font-weight: bold;
     font-family: 'ekad-number', 'ekad';
     display: inline-block;
     width: 100%;
     background-color: #fff;
     padding: 5px;
     border: 1px dashed #ddd;
     border-radius: 5px;
     text-align: center;
     position: relative;
     margin: 0px 0 20px 0;
 }

 .coupon-item p {
     font-size: 1em;
     color: #333;
 }

 .coupon-item::before .code-coupon {
     width: 70%;
     margin: auto;
 }

 .expiry {
     filter: grayscale(1) opacity(0.5);
     pointer-events: none;
 }

 .expiry-date {
     display: inline-block;
     width: auto;
     background-color: antiquewhite;
     padding: 3px 10px;
     border-radius: 8px;
     font-size: 0.9em;
     margin-bottom: 10px;
 }

 .code-coupon {
     display: flex;
     margin: 0 30px;
     flex-direction: column;
     align-items: center;
     justify-content: center;
 }

 .code-coupon input {
     font-size: 14px;
     padding: 5px 15px;
     border: 2px dotted #c5c5c5;
     border-radius: 5px;
     display: inline-block;
     width: 100% !important;
     min-width: 25px;
     text-align: center;
     font-weight: bold;
 }

 .code-coupon input:focus-visible {
     outline: none;
 }

 .code-coupon button {
     border-radius: 5px;
     border: 1px solid #eee;
     font-weight: bold;
     padding: 10px;
     display: inline-block;
     width: 100%;
     margin-bottom: 15px;
     background-color: #ac161a;
     color: #fff;
     font-size: 15px;
 }


 .coupon-amount {
     font-size: 1.3em;
     font-weight: bold;
     font-family: ekad-number;
     color: limegreen;
     margin: 10px 0;
 }

 .coupon-amount span {
     margin-right: 5px;
 }

 .expiry-date.disable {
     background-color: #eaeaea;
 }

 .expiry-datetime span {
     margin-top: 10px;
     display: inline-block;
 }

 .tooltip {
     position: relative;
     display: inline-block;
     opacity: 1;
     font-family: 'ekad';
     font-size: 0.9em;
     width: 100%;
     z-index: 1;
 }

 .tooltip .tooltiptext {
     width: 140px;
     background-color: #555;
     color: #fff;
     text-align: center;
     border-radius: 6px;
     padding: 5px;
     position: absolute;
     z-index: 1;
     top: -180%;
     left: 0;
     right: 0;
     margin: auto;
     opacity: 0;
     transition: opacity 0.3s;
     padding: 5px 10px;
     font-size: 12px;
 }

 .tooltip .tooltiptext::after {
     content: "";
     position: absolute;
     top: 100%;
     left: 50%;
     margin-left: -5px;
     border-width: 5px;
     border-style: solid;
     border-color: #555 transparent transparent transparent;
 }

 .tooltip:hover .tooltiptext {
     visibility: visible;
     opacity: 1;
 }

 #menu-top-menu {
     display: flex;
     margin: 0;
     align-items: center;
     align-content: center;
     height: 100%;
     padding: 0;
 }

 #menu-top-menu>ul {
     padding: 0;
     margin: 0;
     list-style: none;
     display: flex;
     align-content: flex-end;
     align-items: center;
     height: 100%;
 }

 #menu-top-menu>li {
     padding: 0;
     margin: 0;
     list-style: none;
     margin-left: 15px;
 }

 #menu-top-menu li a {
     font-weight: 600;
     color: #000;
     font-size: 12px;
     position: relative;
     margin: 0 3px;
 }

 #menu-top-menu .dropdown-menu.show {
     transform: translate3d(0px, 44px, 0px) !important;
     border: 0;
     outline: 0;
     background-color: var(--color-bkgrnd);
     border: 1px solid var(--color-border);
     border-radius: 0;
     border-bottom-left-radius: 8px;
     border-bottom-right-radius: 8px;
     color: #000;
     font-weight: bold;
     padding: 5px 8px;
 }

 #menu-top-menu .dropdown-item.active,
 #menu-top-menu .dropdown-item:active {
     color: #000;
     text-decoration: none;
     background-color: var(--color-bkgrnd);
 }

 #menu-top-menu .dropdown-menu a {
     font-size: 12px;
 }

 #menu-top-menu li.current_page_item a {
     color: var(--color-secondary);
 }

 #menu-top-menu li a:hover {
     color: var(--color-secondary);
 }

 .box-menu-cat .btn {
     margin: 0 10px;
 }

 .box-menu-cat .navbar a {
     font-weight: bold;
     color: #000;
 }

 header .box-menu-cat .dropdown-menu {
     transform: none !important;
     width: 100% !important;
     position: fixed !important;
     inset: 65px 0 auto 0 !important;
     margin: 0 auto !important;
     border: 0;
     background-color: #00000075;
     height: 100vh;
     border-radius: 0 !important;
     padding: 0;
     font-size: 100%;
     backdrop-filter: blur(5px);
     transition: 0.3s ease-in-out all;
 }

 header.header-scrolled .box-menu-cat .dropdown-menu {
     inset: 45px 0 auto 0 !important;
     transition: 0.3s ease-in-out all;
 }

 .box-menu-cat .dropdown-toggle {
     border: 0;
     background-color: var(--color-bkgrnd);
     border: 1px solid var(--color-border);
     font-weight: 600;
     padding: 0 10px;
     border-radius: 5px;
 }

 .mega-menu {
     background-color: var(--color-bkgrnd);
     margin: 0;
     border-bottom-left-radius: 8px;
     border-bottom-right-radius: 8px;
 }

 .mega-menu .head {
     font-weight: bold;
     color: var(--color-secondary);
     font-size: 1em;
 }

 .mega-menu .head:hover {
     color: #000;
 }

 .mega-menu .sub-menu a {
     color: #333;
     font-size: 1em;
 }

 .mega-menu .sub-menu a:hover {
     color: var(--color-secondary);
 }

 #product-tab {
     height: 100%;
     border-left: 5px solid #fafafa;
     background-color: #fff;
 }

 .mega-menu .nav-link {
     background-color: #fafafa;
     border: 0;
     width: 100%;
     padding: 15px 10px;
     font-weight: bold;
     font-size: 1em;
     color: #000;
     position: relative;
 }

 .mega-menu .nav-link:after {
     position: absolute;
     content: "";
     top: 0;
     height: 100%;
     width: 4px;
     max-width: 100%;
     left: -3px;
     background: #eee;
     transition: all 0.3s ease;
 }

 .mega-menu .nav-link.active:after {
     position: absolute;
     content: "";
     top: 0;
     height: 100%;
     width: 4px;
     max-width: 100%;
     left: -3px;
     background: var(--color-secondary);
     transition: all 0.3s ease;
 }

 .mega-menu .nav-link.active {
     background: var(--color-bkgrnd);
     color: #000;
     font-weight: 900;
 }

 .box-page-title {
     padding: 30px 0;
     background: linear-gradient(1deg, rgb(255 255 255) 40%, rgb(241 241 242) 83%) !important;
 }

 .box-page-title h1 {
     font-size: 1.2em;
     font-weight: 900;
     margin: 0 0 10px 0;
 }

 .map-section {
     background-color: #f8f8f8;
 }

 .map-box iframe {
     width: 100%;
     height: 230px;
     display: block;
     -webkit-filter: grayscale(1);
     -moz-filter: grayscale(1);
     -ms-filter: grayscale(1);
     -o-filter: grayscale(1);
     filter: grayscale(1);
     border-radius: 10px;
 }

 .social-contact ul {
     list-style: none;
     padding: 0;
     margin: 0;
 }

 .social-contact ul li {
     margin-top: 15px;
 }

 .contact-image img {
     height: 50px;
 }

 .icon-contact img {
     height: 385px;
     margin: 0 auto;
     width: auto;
 }

 .contact-box-section .box-about-link {
     background-color: #f8f8f8;
     padding: 15px 35px 15px 15px;
     border-radius: 8px;
     height: 100%;
     position: relative;
 }

 .contact-box-section .box-about-link i {
     position: absolute;
     right: -15px;
 }

 .contact-box-section .right-sidebar-box strong,
 .contact-title strong {
     font-size: 1.3em;
     font-weight: 900;
     color: #000;
 }

 .contact-title i,
 .right-sidebar-box i {
     font-weight: bold;
     vertical-align: middle;
     color: var(--color-secondary);
     font-size: 13px;
     animation: neonBlink 1.2s ease-in-out infinite;
 }

 .contact-box-section .right-sidebar-box form {
     background-color: #f8f8f8;
     padding: 15px;
     border-radius: 8px;
 }

 .contact-box-section .right-sidebar-box label {
     font-size: 0.9em !important;
 }

 .faq-box-accordion {
     margin: 35px 0;
     display: inline-block;
     width: 100%;
 }

 .faq-contain h3 {
     font-size: 1.8em;
     font-weight: bold;
     text-align: center;
 }

 .faq-contain p {
     text-align: center;
 }

 .faq-box-accordion .faq-contain {
     margin-bottom: 0;
     position: sticky;
     top: 110px;
     display: flex;
     align-content: center;
     justify-content: center;
     align-items: center;
     flex-direction: column;
 }

 .faq-contain .faq-top-box {
     text-align: center;
     background-color: #f8f8f8;
     border: 1px solid var(--color-border);
     border-radius: 9px;
     padding: 28px 18px;
     margin: 0 0 15px 0;
     height: 100%;
 }

 .faq-contain .faq-top-box .faq-box-icon {
     width: 75px;
     height: 75px;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     -webkit-box-align: center;
     -ms-flex-align: center;
     align-items: center;
     -webkit-box-pack: center;
     -ms-flex-pack: center;
     justify-content: center;
     background-color: #fff;
     border-radius: 7px;
     margin: 0 auto 16px;
 }

 .faq-contain .faq-top-box h2 {
     font-size: 1.2em;
     font-weight: bold;
     color: #000;
     margin-top: 20px;
 }

 .faq-contain .faq-top-box .faq-box-icon img {
     padding: 10px;
 }

 .faq-accordion h4 {
     font-size: 1em;
     font-weight: bold;
 }

 .faq-accordion button {
     font-size: 1em;
     font-weight: bold;
 }

 .faq-accordion button i {
     font-weight: bold;
     font-size: 1.3em;
     vertical-align: middle;
     margin-left: 5px;
 }

 .faq-accordion .accordion-button:not(.collapsed) {
     color: #000;
     background-color: #f8f8f8;
 }

 .faq-accordion .accordion-button:focus {
     box-shadow: none;
 }

 .PageError i {
     font-size: 85px;
     color: #b2b2b2;
     font-weight: 100;
 }

 .PageError h1 {
     font-family: 'FontAwesome';
     display: inline-block;
     width: auto;
     color: #b2b2b2
 }

 .PageError .redirect-home {
     background-color: #000000;
     width: auto;
     display: inline-block;
     color: #ffffff;
     font-weight: 600;
     border-radius: 8px;
     text-align: center;
     border: 0;
     font-size: 11px;
     line-height: 25px;
     position: relative;
     padding: 0 15px;
 }

 .PageError .redirect-home:hover {
     background-color: #f68221;
 }

 .btn-category-major {
     background-color: #000000;
     width: auto;
     display: inline-block;
     color: #ffffff;
     font-weight: 600;
     border-radius: 8px;
     text-align: center;
     border: 0;
     font-size: 18px;
     line-height: 25px;
     position: relative;
     padding: 4px 15px;
 }

 .blog-social-icons li {
     float: left;
 }

 .title-box-woocommerce {
     background-color: #fff;
     margin: 0 0 25px 0;
     border: 1px solid rgba(0, 0, 0, .1);
     border-radius: 5px;
 }

 .title-box-woocommerce h3 {
     color: #4c4c4c;
     font-size: .9em;
     font-weight: 900;
     margin: 10px 0;
     text-align: right;
     padding: 0 15px;
     border-radius: 5px;
 }

 .title-box-woocommerce p {
     margin: 0;
     text-align: right;
     font-size: 0.8em;
     vertical-align: middle;
     padding: 10px 30px;
     color: black;
 }

 .title-box-woocommerce h3 strong {
     color: #000;
 }

 .title-cat {
     display: inline-block;
     width: 100%;
     text-align: center;
     vertical-align: middle;
     background-color: #fff9f9;
     color: #000000;
     height: 100%;
     padding: 10px 0;
     font-size: 1.1em;
     border-left: 1px solid rgba(0, 0, 0, .1);
     font-weight: bold;
 }

 .info-content li {
     color: #444;
     display: inline-block;
     margin: 0 5px;
     padding: 2px 0;
     width: auto;
     font-size: 0.9em;
     text-align: right;
 }

 .info-content ul {
     display: inline-block;
     list-style: none;
     margin: 0;
     width: 100%;
     font-size: 0.95em;
     font-family: ekad-number;
 }

 .info-content li strong {
     color: #000;
 }

 .info-content li span {
     display: inline-block;
 }

 .woocommerce ul.products li.product,
 .woocommerce-page ul.products li.product {
     background-color: #fff;
     padding: 15px !important;
     width: 20% !important;
     margin: 0 !important;
 }

 .woocommerce li.product.outofstock {
     filter: grayscale(100%);
     -webkit-filter: grayscale(100%);
     filter: gray;
 }

 .woocommerce-loop-product__title {
     font-size: 0.8em;
     font-weight: bold;
     color: #000;
     text-align: right;
 }

 .woocommerce .price {
     text-align: right;
     line-height: 25px;
 }

 .woocommerce-order-details__title,
 .woocommerce-column__title {
     text-align: right;
     font-size: 1.3em;
     font-weight: bold;
 }

 .woocommerce .woocommerce-customer-details,
 .woocommerce .woocommerce-order-details,
 .woocommerce .woocommerce-order-downloads {
     margin-bottom: 25px;
     background-color: #fff;
     padding: 15px;
 }

 .woocommerce .woocommerce-ordering select {
     vertical-align: top;
     border: 1px solid #ddd;
     padding: 5px;
     border-radius: 5px;
 }

 .woocommerce-thankyou-order-received {
     background-color: lightgreen;
     color: white;
     font-size: 1em;
     font-weight: bold;
     padding: 5px 25px;
     margin: 0 0 15px 0;
     border: 1px solid rgba(0, 0, 0, .1);
     border-radius: 5px;
 }

 .box-type-pay {
     background-color: red;
     color: white;
     font-size: 1em;
     font-weight: bold;
     padding: 5px 0;
     margin: 0 0 15px 0;
     border: 1px solid rgba(0, 0, 0, .1);
     border-radius: 5px;
 }

 .box-type-pay p {
     margin: 0;
 }

 .bg-gray-100 {
     background-color: #f4f4f4;
 }

 .woocommerce table.shop_table {
     border: 1px solid rgba(0, 0, 0, .1);
     background-color: #fff;
     font-size: 1em;
     font-family: 'ekad-number';
 }

 .woocommerce table.shop_table input {
     background-color: #fff;
     border-radius: 10px;
     color: #333;
     font-size: 14px;
     border: 1px solid #ccc;
     padding: 5px 4px;
     height: 30px;
 }

 .woocommerce table.shop_table tr td {
     font-size: 0.9em;
     padding: 10px;
     text-align: center !important;
 }

 .col2-set {
     background-color: #fff;
     border: 1px solid rgba(0, 0, 0, .1);
     border-radius: 5px;
     padding: 35px 15px;
 }

 .checkout h3 {
     font-weight: bold;
     font-size: 1.1em;
     text-align: right;
     color: #000;
 }

 .checkout label {
     display: block;
     width: 100%;
     text-align: right;
     font-size: 0.9em;
 }

 .woocommerce #content table.cart td.actions .input-text,
 .woocommerce table.cart td.actions .input-text,
 .woocommerce-page #content table.cart td.actions .input-text,
 .woocommerce-page table.cart td.actions .input-text {
     width: 140px !important;
     height: 30px;
 }

 .woocommerce form .form-row input.input-text,
 .woocommerce form .form-row textarea {
     background-color: #fff;
     box-sizing: border-box;
     border-radius: 2px;
     color: #333;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     display: block;
     float: none;
     font-size: 14px;
     border: 1px solid #ccc;
     padding: 6px 10px;
     height: 38px;
     width: 100%;
     line-height: 1.3;
 }

 .woocommerce form .form-row textarea {
     height: 400px !important;
 }

 .woocommerce-NoticeGroup-checkout .woocommerce-error {
     background-color: #fff !important;
     border-radius: 8px;
 }

 .woocommerce-privacy-policy-text {
     text-align: right;
     font-size: 0.9em;
 }

 .woocommerce-checkout #payment {
     background: #fff !important;
 }

 .woocommerce-input-wrapper {
     display: inline-block;
     width: 100%;
 }

 .wc-proceed-to-checkout {
     text-align: left;
 }

 .woocommerce #respond input#submit.alt,
 .woocommerce a.button.alt,
 .woocommerce button.button.alt,
 .woocommerce input.button.alt {
     background-color: var(--color-secondary) !important;
     color: #fff;
     display: inline-block !important;
     width: 100%;
     border-radius: 8px;
     font-size: 14px !important;
     transition: all 0.3s ease-in-out;
     padding: 15px 0 !important;
     margin: 10px 0 !important;
 }

 .woocommerce #respond input#submit.alt:hover,
 .woocommerce a.button.alt:hover,
 .woocommerce button.button.alt:hover,
 .woocommerce input.button.alt:hover {
     opacity: 1;
     background-color: var(--color-secondary) !important;
     transition: all 0.3s ease-in-out;
     color: #fff;
     border-radius: 8px;
 }

 .woocommerce-error,
 .woocommerce-info,
 .woocommerce-message {
     background-color: #ffffff !important;
     text-align: right;
     font-size: 0.9em;
     border-radius: 8px;
     outline: none;
     box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .15);
 }

 .woocommerce-info {
     border-top-color: var(--color-secondary) !important;
     background-color: #fff !important;
 }

 .woocommerce-info::before {
     color: var(--color-secondary) !important;
 }

 .woocommerce-error li,
 .woocommerce-info li,
 .woocommerce-message li {
     margin: 5px 0;
 }

 .woocommerce-error li strong,
 .woocommerce-info li strong,
 .woocommerce-message li strong {
     color: var(--color-secondary) !important;
 }

 .cart_totals h2,
 #order_review_heading {
     text-align: right;
     font-size: 0.9em;
     font-weight: bold;
     color: var(--color-secondary);
 }

 .woocommerce table.shop_table tr td a {
     color: var(--color-secondary);
 }

 .woocommerce table.shop_table tr td a:hover {
     color: #000;
 }

 .woocommerce form.checkout_coupon,
 .woocommerce form.login,
 .woocommerce form.register {
     background-color: #fff !important;
 }

 .woocommerce ul.order_details {
     margin: 0 !important;
 }

 .woocommerce .woocommerce-customer-details address {
     background-color: #f9f9f9;
     padding: 25px !important;
 }

 .woocommerce-MyAccount-navigation ul {
     margin: 0;
     list-style: none;
     padding: 0;
 }

 .woocommerce-MyAccount-navigation ul li {
     background-color: #fff;
     border-radius: 8px;
     margin: 0 0 10px 0;
     padding: 10px 20px;
     font-size: 0.9em;
     font-weight: bold;
 }

 .woocommerce-MyAccount-navigation li a {
     color: #000;
 }

 .woocommerce-account .woocommerce-MyAccount-content {
     padding: 25px;
     background-color: #fff;
     font-size: 0.9em;
     border-radius: 8px;
 }

 .woocommerce-account fieldset {
     margin-top: 25px;
 }

 .woocommerce-account legend {
     font-weight: bold;
     font-size: 1.1em;
 }

 .woocommerce-account .woocommerce-Address {
     width: 100% !important;
     margin-top: 25px;
 }

 .woocommerce-account address {
     border: 1px solid #ddd;
     border-radius: 5px;
     background-color: #f8f8f8;
     padding: 15px;
 }

 .woocommerce-MyAccount-content a {
     color: #000;
     font-weight: bold;
 }

 .title-page-major {
     font-size: 2.3em;
     font-weight: bold;
     color: #000;
     margin-top: 25px;
     letter-spacing: -0.5px;
 }

 .title-labels {
     text-align: center;
 }

 .title-labels span {
     border: 1px solid #ddd;
     padding: 0.25rem 0.5rem;
     margin-bottom: 0.25rem;
     display: inline-flex;
     align-items: center;
     border-radius: 0.25rem;
     font-size: .9rem;
     font-weight: 600;
 }

 .title-labels span i {
     height: 21px;
     width: 21px;
     border: 1px solid #6cbf6d;
     border-radius: 50%;
     margin-left: 0.5rem;
     color: #000;
     font-weight: bold;
     line-height: 20px;
 }

 .slider-major-title h2 {
     font-weight: bold;
     font-size: 2.3em;
 }

 .shape-s2 {
     position: absolute;
     top: -18%;
     right: 0%;
     z-index: -1;
 }

 .slider-major-title a {
     background-color: #000000;
     color: #fff;
     font-weight: bold;
     padding: 5px 35px;
     border-radius: 8px;
     font-size: 1.3em;
     border: 3px solid #000;
     margin-top: 0;
     display: inline-block;
     width: auto;
 }

 .slider-major-title a:hover {
     background-color: #febd01;
     color: #000 !important;
 }

 .icon-box {
     padding: 1rem 1rem 2rem;
     text-align: center;
     height: 100%;
     margin-bottom: 1rem;
 }

 .icon-box-border {
     border: 1px solid #d5dadf;
     margin: calc(var(--bs-gutter-x) * 1) calc(var(--bs-gutter-x) * .5);
     border-radius: 1rem;
     padding: 2rem 2rem 0;
     margin-bottom: 1rem;
     background-color: #fff;
 }

 .icon-box-border svg {
     margin-bottom: 1.5rem;
     height: 70px;
 }

 .icon-box svg {
     height: 64px;
     width: auto;
     display: block;
     margin: 0 auto;
     opacity: .7;
     transition: .4s ease;
 }

 .icon-box svg path {
     fill: #fcb900 !important;
 }

 .icon-box p,
 .icon-box h3 {
     max-width: 280px;
     margin-left: auto;
     margin-right: auto;
     transition: .3s ease;
 }

 .image-width-bg .image {
     padding: 1rem;
     background-color: #fff;
     width: 100%;
     height: auto;
     border-radius: 1rem;
     box-shadow: -5px 5px 50px -40px;
     margin: 5rem 0;
     z-index: 2;
     position: relative;
 }

 .image-width-bg .image-bg {
     position: absolute;
     width: 110%;
     height: auto;
     transition: all .6s ease;
     z-index: 1;
     left: 0;
     top: 5%;
 }

 .woocommerce-shipping-destination strong {
     display: inline-block;
     width: 100%;
     line-height: 26px;
 }

 .item-mojavez {
     background-color: #fff;
     height: 100%;
     display: flex;
     align-content: center;
     justify-content: center;
     align-items: center;
     border-radius: 8px;
 }

 .box-content-main .sticky {
     position: sticky;
     top: 100px;
 }

 .suggestion-product {
     display: inline-block;
     background-color: var(--color-bkgrnd);
     margin: 0 0 55px 0 !important;
     padding: 25px;
     border-radius: 8px;
     border: 1px solid var(--color-border);
     width: 100%;
 }

 .suggestion-product .product-footer {
     flex-direction: column;
     margin: 0;
     height: auto;
 }

 .suggestion-product .product-item h3 {
     height: 55px;
 }

 .suggestion-product .product-item .price {
     margin: 15px 0;
 }

 .suggestion-product .section-more {
     color: #000000;
 }


.loadmore-hidden {
     display: none;
 }

 .suggestion-link {
     align-items: center;
     background: radial-gradient(circle at left 100%, #fff 30%, #ffffcd 60%) !important;
     box-shadow: 0 0 16px 5px #0000000a;
     border-radius: 8px;
     display: flex;
     margin-bottom: 32px;
     margin-top: 32px;
     padding: 10px 15px;
     color: #000;
 }

 .suggestion-link span strong {
     color: #3076e7;
 }

 .suggestion-link span {
     color: #000;
     flex-grow: 1;
     font-size: 16px;
     font-weight: 400;
     line-height: 1.6;
     padding-top: 4px;
 }

 .suggestion-link img {
     border-radius: 6px;
     flex-shrink: 0;
     margin: 0 0 0 16px !important;
     width: 52px;
 }

 .suggestion-brand {
     background: radial-gradient(circle at left 100%, #fff 30%, #ffffcd 60%) !important;
     box-shadow: 0 0 16px 5px #0000000a;
     border-radius: 12px;
     margin: 36px 0;
     padding: 30px 55px;
     display: flex;
     flex-direction: row;
     align-content: center;
     justify-content: space-between;
     align-items: center;
 }

 .suggestion-brand-image {
     float: left;
     margin: 0 24px 0 0 !important;
     width: auto;
     height: min-content;
 }

 .suggestion-brand-desc {
     overflow: hidden;
     height: 100%;
 }

 .suggestion-brand-text {
     color: #444754;
     font-size: 14px;
     font-weight: 400;
     margin-bottom: 20px;
 }

 .suggestion-brand-text p {
     line-height: 25px;
 }

 .suggestion-brand-desc .button {
     color: #fff;
     display: inline-block;
     vertical-align: middle;
     background: var(--color-secondary);
     padding: 0 15px;
     border-radius: 6px;
     font-weight: bold;
 }

 .suggestion-brand-desc h4 {
     font-size: 1.3em;
     color: #000;
 }

 .suggestion-brand-phone {
     color: #9a9a9a;
     display: inline-block;
     font-size: 14px;
     font-weight: 600;
     line-height: 1;
     margin-right: 10px;
     padding-top: 4px;
     vertical-align: middle;
 }

 .box-bkground-rate {
     border: 1px solid #eaeaea;
     padding: 35px 25px;
     border-radius: 8px;
     backdrop-filter: blur(10px);
     background-color: transparent;
     background-image: var(--color-gradient);
 }

 .box-bkground-rate h2.title-box-rate {
     font-size: 1.3em;
     color: #000;
     font-weight: 900;
     margin: 0;
     padding: 0;
 }

 .box-bkground-rate p.desc-box-rate {
     font-size: 1em;
     color: #444;
     margin: 0;
 }

 .form-box-rate {
     text-align: left;
 }

 .suggestion-brand-phone span {
     color: #444754;
     display: inline-block;
     font-size: 15px;
     font-weight: 400;
     margin-right: 8px;
     padding-top: 1px;
     vertical-align: top;
 }

 #add_payment_method table.cart img,
 .woocommerce-cart table.cart img,
 .woocommerce-checkout table.cart img {
     width: 100px !important;
     margin: 0 auto;
 }

 .modal-custom {
     padding-left: 0 !important;
     padding-right: 16px;
     backdrop-filter: grayscale(1) blur(10px);
     background-color: #00000059;
 }

 .rtl .wpforms-container-full .wpforms-form .wpforms-first+.wpforms-one-half {
     margin-right: 3% !important;
 }

 .online-ahvaz {
     color: #adff2f;
 }

 .blink-online {
     position: relative;
     display: inline-block;
     width: 15px;
     height: 15px;
     border: 5px solid #ffd700;
     background-color: #f68220;
     border-radius: 50%;
     vertical-align: middle;
     -webkit-animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
     animation: pulse-dot 1.25s cubic-bezier(0.455, 0.03, 0.515, 0.955) -0.4s infinite;
 }

 @-webkit-keyframes pulse-dot {
     0% {
         border: 5px solid #ffd700;
     }

     50% {
         border: 1px solid #f57b0052;
     }

     100% {
         border: 5px solid #ffd700;
     }
 }

 @keyframes pulse-dot {
     0% {
         transform: scale(0.8);
         border: 5px solid #ffd700;
     }

     50% {
         transform: scale(1);
         border: 1px solid #f57900;
     }

     100% {
         transform: scale(0.8);
         border: 5px solid #ffd700;
     }
 }

 .widget_shopping_cart_content .collapse.show {
     inset: 0 0 0 0 !important;
     overflow: scroll;
     height: 100vh;
     border-radius: 0;
     transform: none !important;
     background-color: #00000075;
     z-index: 10000;
     position: fixed;
     overflow: hidden;
 }

 .widget_shopping_cart_content .collapse:not(.show) {
     position: fixed;
     inset: 0 0 0 0 !important;
     height: 100vh;
 }

 .sidebar-cart {
     width: 25%;
     height: 100vh;
     color: #000;
     background-color: #fff;
     padding: 25px 0;
     max-height: 100vh;
     overflow: scroll;
 }

 .sidebar-cart .nav {
     height: 100%;
     overflow-x: hidden;
     overflow-y: auto;
     flex-wrap: nowrap;
 }

 .sidebar-cart .nav::-webkit-scrollbar-track {
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
     border-radius: 5px;
     background-color: #f5f5f5;
 }

 .sidebar-cart .nav::-webkit-scrollbar {
     width: 5px;
     background-color: #f5f5f5;
     border-radius: 5px;
 }

 .sidebar-cart .nav::-webkit-scrollbar-thumb {
     border-radius: 5px;
     -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
     background-color: #9b9b9b;
 }

 .sidebar-cart .nav li .nav-link {
     color: #000;
     padding: 10px 15px;
     font-size: 14px;
     font-weight: bold;
     display: flex;
     align-items: center;
     gap: 5px;
     border-radius: 0;
 }

 .menu-mobile .dropdown-item a {
     font-size: 0.9em;
 }

 .sidebar-cart .nav li .nav-link span {
     font-size: 16px;
 }

 .sidebar-cart .nav li .nav-link.active {
     background-color: #000;
     background: radial-gradient(circle at 10% 20%, rgb(0, 0, 0) 0%, rgb(64, 64, 64) 90.2%);
     color: #fff !important;
 }

 .sidebar-cart .dropdown-item.active,
 .sidebar-cart .dropdown-item:active {
     background-color: #000;
     background: radial-gradient(circle at 10% 20%, rgb(0, 0, 0) 0%, rgb(64, 64, 64) 90.2%);
     color: #fff !important;
 }

 .sidebar-cart .nav li .nav-link:hover {
     background-color: #f4f4f4;
     color: #f5821f !important;
 }

 .sidebar-cart .dropdown-wrap {
     display: flex;
     align-items: center;
     color: #fff;
     gap: 15px;
     font-size: 16px;
 }

 .icon-call {
     position: fixed;
     right: -10px;
     bottom: 35px;
     transition: all 0.5s;
     z-index: 300;
     opacity: 1;
 }

 .icon-call button {
     background: var(--color-secondary);
     color: #fff;
     display: inline-block;
     width: auto;
     height: auto;
     text-align: center;
     font-size: 13px;
     border-radius: 15px 0 0 15px;
     outline: none;
     border: 1px solid #fff;
     font-weight: bold;
     padding: 0 20px 0 8px;
 }

 .icon-call:hover button {
     -webkit-animation: icon-call-anim 1s infinite ease-in-out;
     -moz-animation: icon-call-anim 1s infinite ease-in-out;
     -ms-animation: icon-call-anim 1s infinite ease-in-out;
     -o-animation: icon-call-anim 1s infinite ease-in-out;
     animation: icon-call-anim 1s infinite ease-in-out;
     color: #fff !important;
 }

 .box-content-modal {
     padding: 25px;
     text-align: center;
 }

 .box-content-modal .wpforms-container {
     margin: 0 !important;
 }

 .box-content-modal .wpforms-submit {
     background: var(--color-secondary) !important;
     color: #fff !important;
     border: 2px solid var(--color-secondary) !important;
     transition: 0.3s all ease-in-out !important;
     width: 100%;
     border-radius: 8px !important;
 }

 .box-content-modal .wpforms-description {
     font-size: 13px !important;
 }

 .box-content-modal .wpforms-head-container {
     padding: 0 0 5px 0 !important;
 }

 .box-link-modal {
     display: flex;
     flex-direction: column;
 }

 .box-content-modal a {
     background: var(--color-secondary);
     color: #fff;
     display: inline-block;
     margin: 5px 0;
     text-align: center;
     font-size: 15px;
     border-radius: 8px;
     outline: none;
     border: 1px solid #fff;
     font-weight: bold;
     padding: 10px 20px;
 }

 .icon-faq-header {
     background-color: var(--color-bkgrnd);
     border: 1px solid var(--color-border);
     border-radius: 8px;
     margin-bottom: 35px;
     text-align: right;
     display: inline-block;
     padding: 25px;
     margin-left: 20px;
     min-width: 150px;
 }

 .icon-faq-header img {
     margin: 0 auto;
     height: 150px;
 }

 .bg-page-woocomerce {
     background-color: var(--color-bkgrnd);
 }

 .bg-page-woocomerce .checkout-button,
 .bg-page-woocomerce .checkout-button a.button.alt {
     background: var(--color-secondary) !important;
     color: #fff !important;
     border: 2px solid #be0005 !important;
     transition: 0.3s all ease-in-out !important;
     border-radius: 8px !important;
     width: 50% !important;
     float: left;
 }

 .bg-page-woocomerce .checkout-button:hover {
     background-color: var(--color-primary) !important;
     border: 2px solid var(--color-primary) !important;
     transition: 0.3s all ease-in-out !important;
 }

 .ekad-weight-loop {
     background-color: #f9f9f9;
     color: #000;
     padding: 5px 0;
     display: flex;
     justify-content: space-between;
 }

 .ekad-weight-loop strong {
     font-size: 11px;
     margin-left: 10px;
 }

 .ekad-weight-loop ul {
     list-style: none;
     padding: 0;
     margin: 0 !important;
     display: flex;
 }

 .ekad-weight-loop ul li {
     padding: 0 8px !important;
     border-radius: 8px;
     border: solid 1px #ebebeb;
     position: relative;
     color: #000;
     font-size: 0.8em;
     font-weight: bold;
     width: auto !important;
     text-align: center;
     margin: 0 0 0 5px !important;
     background-color: var(--color-bkgrnd);
 }

 .wc-block-product-filter-price-slider .text input[type=text] {
     font-size: 10px !important;
     padding: 3px !important;
 }

 #ModelOff h2 {
     font-size: 15px !important;
     font-weight: bold;
 }

 .modal-alert-ekad {
     background: var(--color-bkgrnd);
     color: #000000;
     display: inline-block;
     left: 0px;
     padding: 0px 11px;
     border-radius: 8px;
     border: 1px solid var(--color-border);
     margin-bottom: 15px;
     font-size: 13px;
 }

 #ModelOff img {
     max-width: 100%;
     background-color: #f5f5f5;
     height: auto;
 }

 #ModelOff  .text-ads-modal {
    font-size: 50px !important;
    font-weight: bold;
    display: inline-block;
    width: 100%;
    line-height: 50px;
    margin: 20px 0;
 }

 #modal-custom .modal-header {
     border: 0;
     padding: 0;
     position: absolute;
     right: 5px;
 }

 #ModelOff .modal-header .btn-close {
     opacity: 1;
     background-color: #ffffff;
     color: #fff;
     margin: 10px;
 }

 #ModelOff .btn-modal {
     background-color: var(--color-secondary);
     border: 2px solid var(--color-secondary);
     width: auto;
     display: inline-block;
     color: #ffffff;
     font-weight: 600;
     border-radius: 10px;
     text-align: center;
     font-size: 14px;
     line-height: 25px;
     position: relative;
     padding: 3px 15px;
 }

 #ModelOff .btn-modal:hover {
     background-color: #fff;
     border: 2px solid var(--color-secondary);
     color: #000;
 }

 .footer-mojavez {
     width: 100%;
     display: flex;
     width: 100%;
     justify-content: flex-start;
 }

 .faq-accordion .accordion-item:not(:first-of-type) {
     border: var(--bs-accordion-border-width) solid var(--bs-accordion-border-color);
 }

 .faq-accordion .accordion-item {
     border-radius: 8px;
     overflow: hidden;
 }

 .faq-accordion .number-faq {
     background-color: var(--color-secondary);
     color: #fff;
     border-top-left-radius: 5px;
     border-bottom-left-radius: 5px;
     height: 20px;
     width: 35px;
     margin-left: 8px;
     text-align: center;
     border: 1px solid #ddd;
     vertical-align: middle;
     margin-right: -20px;
     line-height: 20px;
 }

 .faq-accordion h4 {
     margin: 0;
 }

 .faq-search-box {
     background-color: var(--color-bkgrnd);
     border-radius: 8px;
     padding: 20px 35px;
 }

 .faq-search-header-box {
     background-color: var(--color-light);
     border-radius: 8px;
     padding: 20px 35px;
 }

 .alert-custom p {
     margin: 0;
     padding: 0;
 }

 .time-catalog {
     background-color: var(--color-bkgrnd);
     display: inline-block;
     width: auto;
     font-weight: 900;
     border-radius: 8px;
     border: 1px solid #eaeaea;
     padding: 5px 20px;
 }

 .product-item-list {
     display: flex;
     position: relative;
     width: 100%;
     height: 100%;
     transition: all 0.5s ease;
     background: #ffffff;
     border-radius: 8px;
     -moz-border-radius: 8px;
     -webkit-border-radius: 8px;
     -khtml-border-radius: 8px;
     overflow: hidden;
     border: 1px solid #ddd;
     padding: 10px 25px;
     color: #000;
 }

 .product-item-list a {
     width: 100%;
 }

 .product-item-list:hover {
     border: 1px solid var(--color-secondary) !important;
     box-shadow: 0 0 10px 1px #efefef;
     color: #fe3000;
 }

 .product-item-list .product-item-image {
     margin: 0;
     padding: 10px;
     -moz-border-radius: 0;
     -webkit-border-radius: 0;
     -khtml-border-radius: 0;
     border-radius: 0;
     clear: both;
     overflow: hidden;
     position: relative;
 }

 .product-item-list .off-product .sale .product-item-image {
     background: #fff !important;
 }

 .product-item-list .off-product h2.title-section {
     color: #fff;
     background-color: transparent;
 }

 .product-item-list .off-product .title-section i {
     font-weight: bold;
     vertical-align: middle;
     color: #fff;
     font-size: 13px;
     animation: neonBlink 1.2s ease-in-out infinite;
 }

 .product-item-list img {
     height: auto;
     max-width: 100%;
     border-radius: 8px;
     margin: 0 !important;
 }


 .product-item-list h3 {
     font-size: 16px !important;
     font-weight: 600;
     line-height: 25px;
     margin-bottom: 0;
     color: #000;
     clear: both;
     overflow: hidden;
     font-family: ekad-number, ekad;
 }

 .product-item-list ul {
     list-style: none;
     padding: 0;

 }

 .product-item-list .list-box-price {
     background-color: #f9f9f9;
     line-height: 45px;
     padding: 5px 0;
     margin: 10px 0;
     border-radius: 8px;
     border: 1px solid #ddd
 }

 .product-item-list .weight-line {
     text-align: center;
     color: #000;
 }

 .product-item-list .weight-line span {
     padding: 5px 10px !important;
     border-radius: 8px;
     border: solid 1px #ebebeb;
     position: relative;
     color: #000;
     font-size: 13px;
     font-weight: bold;
     width: auto !important;
     text-align: center;
     margin: 0 0 0 5px !important;
     background-color: var(--color-bkgrnd);
 }

 .product-item-list .price-line {
     font-family: ekad-number, ekad;
     font-weight: bold !important;
     font-size: 16px !important;
     line-height: 20px;
     color: #000;
     text-align: center;
 }


 .product-item-list .price-line del {
     text-align: right !important;
     font-size: 11px;
     color: #585858;
 }

 .product-item-list .price-line del .woocommerce-Price-currencySymbol {
     display: none;
 }

 .product-item-list .price-line ins .woocommerce-Price-currencySymbol {
     margin-right: 5px;
 }

 .product-item-list span.price del {
     opacity: 1 !important;
     color: #8e4401;
 }

 .product-item-list .price-line ins {
     text-align: right;
     color: #000;
     text-decoration: none;
     font-size: 12px;
 }

 .product-item-list .price-line bdi {
     color: #000 !important;
 }

 .product-item-list .price-line strong {
     color: Red;
 }

 .product-item-list .price-line .out_of_stock i {
     font-size: 1.1em;
     vertical-align: middle;
     color: #000000;
     margin-left: 4px;
     font-weight: 100;
 }

 .product-item-list .stock-line {
     text-align: center;
     color: #777;
 }

 .product-item-list.price del .woocommerce-Price-currencySymbol {
     display: none;
 }

 .product-item-list .saved-sale {
     font-weight: bold;
     text-transform: capitalize;
     background: var(--color-secondary);
     font-size: 13px;
     color: #ffffff;
     line-height: 17px;
     z-index: 8;
     transition: all 400ms ease-in-out;
     padding: 0 8px;
     border-radius: 25px;
     display: inline-block;
     margin: 0 5px;
 }

 .box-content-catalog {
     background-color: var(--color-bkgrnd);
     margin: 25px 0;
     border-radius: 8px;
     padding: 25px;
 }

 .product-item-ajax .action {
     width: 100%;
     min-width: 100%;
 }

 .alert-custom-comment {
     background: var(--color-bkgrnd);
     padding: 25px !important;
     border: 1px solid var(--color-border);
     border-radius: 8px;
     margin: 25px 0;
 }

 .alert-custom-comment p {
     margin: 0 !important;
 }

 .alert-custom-comment i {
     font-size: 35px;
     margin: 10px 0 10px 15px;
     color: var(--color-ekad-green);
 }

/* جعبه فهرست */
.custom-toc-box {
    background-color: #f8fafc;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 16px 20px;
    direction: rtl;
    text-align: right;
}

.custom-toc-header {
    font-size: 1.05rem;
    color: #1e293b;
    margin-bottom: 12px;
    padding-bottom: 8px;
    border-bottom: 1px dashed #cbd5e1;
    display: flex;
    align-items: center;
}

.custom-toc-list li {
    margin-bottom: 8px;
    line-height: 1.7;
}

.custom-toc-list li a {
    color: #334155;
    text-decoration: none;
    font-size: 0.95rem;
    transition: all 0.2s ease;
    display: inline-block;
}

.custom-toc-list li a:hover {
    color: var(--color-ekad-green); 
    transform: translateX(-3px);
}

.custom-toc-list .toc-sub-item {
    margin-right: 20px;
    font-size: 0.9rem;
}

.custom-toc-list .toc-sub-item a {
    color: #64748b;
}

.custom-toc-list li.toc-item-hidden {
    display: none;
}

.toc-toggle-btn {
    background: none;
    border: none;
    padding: 6px 0;
    margin-top: 8px;
    color: #16a34a;
    font-size: 0.9rem;
    font-weight: bold;
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    transition: color 0.2s ease;
}

.toc-toggle-btn:hover {
    color: #15803d;
}

.toc-toggle-btn i {
    transition: transform 0.3s ease;
}

[id^="toc-sec-"] {
    scroll-margin-top: 90px;
}

img.img-fix {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: cover;
    aspect-ratio: 1024 / 485;
    display: block;
}

/* ۳. مهار پرش اسلایدر قبل از آماده‌شدن JS */
.owl-carousel:not(.owl-loaded) {
    display: flex;
    overflow: hidden;
    max-height: 480px;
    width: 100%;
}

.owl-carousel:not(.owl-loaded) > *:not(:first-child) {
    display: none;
}

 @keyframes icon-call-anim {
     0% {
         transform: rotate(0)
     }

     10% {
         transform: translateY(-5%) rotate(-5deg);
     }

     20% {
         transform: translateY(-5%) rotate(5deg);
     }

     30% {
         transform: translateY(-5%) rotate(-5deg);
     }

     40% {
         transform: translateY(-5%) rotate(5deg);
     }

     50% {
         transform: rotate(0)
     }

     100% {
         transform: rotate(0)
     }
 }

 @media (min-width:770px) and (max-width:1200px) {
     .counter-style01 .counter-item {
         display: flex;
         flex-direction: column;
     }

     .product-footer {
         display: flex;
         flex-direction: column !important;
         height: 80px;
     }

     .product-item .action {
         margin: auto !important;
     }

     .product-item .price del {
         text-align: center !important;
     }
 }

 @media (min-width:0px) and (max-width:769px) {
     :root {
         --margin-default: 35px;
         --font-size-default: 13px;
         --font-size-bold: 15px;
     }

     * {
         font-size: var(--font-size-default) !important;
     }

     .back-to-top a {
         bottom: 15px;
     }

     body {
         padding-bottom: 60px !important;
     }

     .box-item-slider {
         height: 100%;
     }

     .fixed-top {
         position: fixed;
         top: 0px;
         left: 10px;
         right: 10px;
         z-index: 1030;
         border-bottom-left-radius: 8px;
         overflow: hidden;
         border-bottom-right-radius: 8px;
         transition: 0.3s all ease-in-out;
         border: 1px solid #eee;
         border-top: 0;
     }

     .box-down-header {
         padding: 3px 0;
         border-bottom: 1px solid #eee;
         padding: 7px 0;
         backdrop-filter: blur(10px);
         border-bottom-left-radius: 8px;
         overflow: hidden;
         border-bottom-right-radius: 8px;
     }

     .header-scrolled .fixed-top {
         top: -27px;
         border-radius: 0;
     }

     .product-slide {
         margin: 80px 0 15px 0;
     }

     .title-section h2,
     .box-why-content h2,
     h2.title-section {
         font-size: var(--font-size-bold) !important;
     }

     .counter-item i {
         font-size: 20px !important;
     }

     .counter-number span {
         font-size: 18px !important;
     }

     #ekad-thin-banner {
         padding: 15px !important;
     }

     #ekad-thin-banner .title {
         font-size: 18px !important;
     }

     .footer-title {
         display: none;
     }

     .product-details-additional h2,
     .product-details-content h2,
     .woocommerce #reviews #comments h2 {
         font-size: var(--font-size-bold) !important;
     }

     .single-link * {
         font-size: 10px !important;
     }

     .box-details {
         padding: 20px 15px;
     }

     .container-custom {
         width: 90%;
     }

     .box-brands {
         padding: 10px;
     }

     .box-comment-item {
         padding: 25px;
     }

     .header .logo img {
         width: 100px;
     }

     #menu-top-menu li a {
         font-size: 11px !important;
     }

     .slide_title {
         margin-bottom: 11px !important;
         margin-top: 10px !important;
         text-align: right;
     }

     h1.title-category {
         font-size: 19px !important;
         margin: 20px 0 5px 0 !important;
     }

     .mojavez {
         margin: 15px 0;
     }

     .why-choose-us-img-wrap {
         padding: 0;
     }

     .box-header-cat {
         padding: 15px;
     }

     .faq-contain h3 {
         font-size: 19px !important;
     }

     .faq-box-accordion .faq-contain {
         position: relative;
         margin-bottom: 45px;
         inset: 0;
     }

     .btn-category-search {
         width: 30% !important;
     }

     .coupon-ticket {
         flex-direction: column;
     }

     .ticket-divider {
         width: 100%;
         height: 10px;
         border-left: none;
         border-right: none;
     }

     .ticket-divider::before,
     .ticket-divider::after {
         top: 50%;
         left: -12px;
         transform: translateY(-50%);
     }

     .articles .form-control {
         width: 70% !important;
     }

     .box-woocommerce_archive_description h3 {
         font-size: 1.2em;
         font-weight: bold;
         line-height: 35px;
     }

     .product-footer {
         flex-direction: column;
         height: auto;
         align-items: stretch;
         margin: 10px 0 0 0;
     }

     .product-item {
         margin-block: 0;
         padding: 0;
         display: inline-block;
         width: 100%;
     }

     .product-item .image_content {
         background-color: #fff;
         border-radius: 8px;
         height: 100%;
         align-content: center;
     }

     .sale .product-item .product-item-image {
         background: linear-gradient(92deg, #fff 20%, #f1f1f1 100%) !important;
         height: 100%;
         align-content: center;
     }

     .product-item a {
         display: flex;
         flex-direction: row;
         justify-content: center;
         align-items: center;
     }

     .owl-item .product-item a {
         flex-direction: column;
     }

     .footer-mojavez {
         width: 100%;
         display: flex;
         justify-content: center;
         align-items: center;
     }

     .product-item-image {
         width: 300px;
         padding: 10px !important;
     }

     .owl-item .product-item-image {
         padding: 10px !important;
         max-width: 100%;
     }

     .product-item img {
         margin: 0 !important;
     }

     .product-item h3 {
         height: auto !important;
     }

     .product-item h3 strong {
         font-size: 11px !important;
     }

     .ekad-weight-loop * {
         font-size: 10px !important;
     }

     .owl-item .product-item h3 {
         height: 60px !important;
     }

     .coupon-item .coupon_title {
         font-size: 20px !important;
     }

     .woocommerce ul.products li.product,
     .woocommerce-page ul.products li.product {
         padding: 8px 0 !important;
     }

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

     .owl-item .product-item {
         align-items: stretch;
         flex-direction: column;
     }

     .owl-item .product-item .price {
         text-align: center;
     }

     .owl-item .product-item .product-item-details {
         text-align: center;
         padding: 10px;
     }

     .owl-item .product-item .price del {
         text-align: center !important;
     }

     .owl-item .product-item .price ins {
         text-align: center !important;
     }

     .owl-item .product-item .image_content {
         padding: 0;
     }

     .product-item .action span {
         width: 100%;
     }

     .notification-custom {
         padding: 0 !important;
     }

     .notification-item {
         display: flex;
         align-content: center;
         justify-content: center;
         align-items: center;
         flex-wrap: wrap;
         flex-direction: column;
         padding: 5px 10px;
         background-color: beige;
     }

     .product-item .action span {
         font-size: 18px;
         padding: 5px 15px;
     }

     .box-action {
         margin-top: 0;
     }

     .menu-mobile {
         position: fixed;
         bottom: 10px;
         left: 10px;
         right: 10px;
         z-index: 1000;
         background-color: #87878757;
         border-top: 1px solid #eee;
         padding: 12px 0 11px 0;
         backdrop-filter: blur(10px);
         border-radius: 8px;
     }

     .box-breadcrumb {
         margin: 95px 10px 0 10px;
         border-radius: 8px;
     }

     .header .box-account a {
         padding: 2px 10px;
     }

     .header .box-search>button,
     .header .box-cart button,
     .header .box-account a {
         padding: 8px;
     }

     .box-menu-mobile-cat .navbar-toggler {
         font-weight: 600;
         width: 100%;
         height: 100%;
         display: flex;
         flex-direction: column;
         align-content: center;
         justify-content: center;
         align-items: center;
         font-size: 13px !important;
         line-height: normal
     }

     .item-menu-footer {
         text-align: center;
         font-size: 8px;
         color: #000;
         display: flex;
         width: 100%;
         align-items: center;
         border-radius: 8px;
         padding: 0;
         flex-direction: column;
     }

     .discount-lite {
         padding: 25px 10px 0 10px;
     }

     .notification-item h2 {
         font-size: 1em;
         margin: 0 !important;
     }

     .menu-mobile strong {
         display: inline-block;
         width: 100%;
         text-align: center;
         font-size: 11px !important;
         line-height: normal;
         margin-top: 3px;
         font-weight: 600;
     }

     .menu-mobile .tab-content {
         max-height: 480px;
         overflow-y: scroll;
     }

     .footer-down a {
         display: inline-block;
         width: 100%;
         text-align: center;
     }

     .menu-mobile nav a {
         color: #000;
         font-size: 1.1em;
         padding: 10px 0;
     }

     .menu-mobile ul ul a {
         font-weight: 100;
     }


     .section-services {
         padding-top: 10px;
     }

     .menu-mobile .dropdown-toggle::after {
         content: "";
         border-top: 0.3em solid;
         border-bottom: 0;
     }

     .nav-menu-product .dropdown-menu.show {
         max-height: 315px;
         overflow-x: scroll;
         border-radius: 0;
         background-color: var(--color-bkgrnd);
         padding: 0 15px;
     }

     .nav-menu-product ul {
         position: relative !important;
         width: 100%;
         transform: none !important;
         border: 0 !important;
     }

     .box-menu-mobile-cat .box-menu-cat {
         justify-content: center;
         width: 100%;
     }

     .box-menu-mobile-cat {
         text-align: center;
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
         height: 100%;
     }

     .menu-mobile a i,
     .box-menu-mobile-cat i {
         font-size: 1.6em;
         color: #000;
         font-weight: bold;
     }

     h2.title-section,
     .title-section h2,
     .box-why-content h2 {
         font-size: 17px !important;
         color: #000000;
         background-color: var(--color-bkgrnd);
     }

     .box-menu-mobile-cat .dropdown-toggle {
         background: transparent;
         font-size: 0.9em;
     }

     .sidebar-wrap {
         height: auto;
         color: #000;
         background-color: #fff;
         overflow: scroll;
         transition: all 0.3s ease-in-out;
     }

     .suggestion-product {
         padding: 8px;
     }

     .sidebar-wrap .nav {
         height: 100%;
         overflow-x: hidden;
         overflow-y: auto;
         flex-wrap: nowrap;
     }

     .sidebar-wrap .nav::-webkit-scrollbar-track {
         -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
         border-radius: 5px;
         background-color: #f5f5f5;
     }

     .sidebar-wrap .nav::-webkit-scrollbar {
         width: 5px;
         background-color: #f5f5f5;
         border-radius: 5px;
     }

     .sidebar-wrap .nav::-webkit-scrollbar-thumb {
         border-radius: 5px;
         -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
         background-color: #9b9b9b;
     }

     .sidebar-wrap .nav li .nav-link {
         color: #000;
         padding: 10px 15px;
         font-size: 13px !important;
         font-weight: 600;
         display: flex;
         align-items: center;
         gap: 5px;
         border-radius: 0;
         position: relative;
     }

     .new-menu>a::before {
         position: absolute;
         top: 15px;
         left: 15px;
         content: "جدید";
         font-size: 11px;
         font-weight: 600;
         z-index: 1;
     }



     .menu-mobile .dropdown-item a {
         font-size: 0.9em;
     }

     .sidebar-wrap .dropdown-item {
         padding: 10px 20px;
     }

     .box-bkground-rate {
         text-align: center;
     }

     .box-bkground-rate h2.title-box-rate {
         margin-bottom: 15px;
         font-size: 20px !important;
     }

     .box-bkground-rate p.desc-box-rate {
         margin-bottom: 15px;
     }

     .footer-down {
         padding: 15px 0 60px 0;
         margin-top: 20px;
     }

     .form-box-rate {
         text-align: center;
     }

     .sidebar-wrap .nav li .nav-link span {
         font-size: 16px;

     }

     .sidebar-wrap .nav li .nav-link.active {
         background: var(--color-light);
         color: #000 !important;
     }



     .sidebar-wrap .dropdown-item.active,
     .sidebar-wrap .dropdown-item:active {
         background: var(--color-light);
         color: #000 !important;
     }

     .sidebar-wrap .nav li .nav-link:hover {
         background: var(--color-light);
         color: #000 !important;
     }

     .sidebar-wrap .dropdown-wrap {
         display: flex;
         align-items: center;
         color: #fff;
         gap: 15px;
         font-size: 16px;
     }

     .box-product .owl-stage-outer {
         padding: 0;
     }

     .suggestion-brand {
         flex-direction: column-reverse !important;
         text-align: center;
         padding: 30px !important;
     }

     .suggestion-brand-text p {
         text-align: center;
     }

     .call-to-action {
         height: auto;
         background-position: bottom;
         margin-top: 10px;
         background-repeat: no-repeat;
         padding-bottom: 160px;
         margin-top: 65px;
         background-size: contain !important;
     }

     .woocommerce #content table.cart .product-thumbnail,
     .woocommerce table.cart .product-thumbnail,
     .woocommerce-page #content table.cart .product-thumbnail,
     .woocommerce-page table.cart .product-thumbnail {
         display: block !important;
         text-align: center;
     }

     .notification-icon {
         width: auto !important;
         max-width: 55px !important;
         height: 100%;
     }

     .title-fix-mobile {
         background-color: var(--color-secondary);
         padding: 5px 10px;
         backdrop-filter: blur(10px);
         border-bottom-left-radius: 8px;
         overflow: hidden;
         border-bottom-right-radius: 8px;
         position: fixed;
         top: -50px;
         left: 10px;
         right: 10px;
         z-index: -1;
         transition: 0.3s ease-in-out all;
     }

     .header-scrolled .title-fix-mobile {
         top: 50px;
         transition: 0.3s ease-in-out all;
     }

     .title-fix-mobile strong {
         color: #fff;
         display: inline-block;
         width: 100%;
         font-size: 13px !important;
         font-weight: bold;
         text-align: center;
     }

     .modal-custom {
         padding: 0 30px !important;
     }

     .modal-custom .content-modal {
         text-align: center;
         padding: 15px;
     }

     .modal-custom .modal-header {
         position: absolute;
     }

     .badge-cart {
         position: absolute;
     }

     #ekad-floating-cart.enable-mini-cart {
         position: fixed;
         bottom: 80px;
         left: 0;
     }

     .counter-style01 .counter-item {
         display: flex;
         align-items: center;
         justify-content: center;
         border-left: 1px solid #e9e9e9;
         flex-direction: column;
     }

     .box-details h1,
     .box-details h2,
     .box-details h3,
     .box-details h4,
     .box-details h5,
     .info-content h6 {
         font-size: 18px !important;
     }


     .woocommerce form .form-row textarea {
         height: 115px !important;
     }

     .box-form-comment-about {
         padding: 15px;
     }

     .form-comment-about input,
     .form-comment-about textarea,
     .form-comment-about .acf-field {
         width: 100% !important;
     }

     .product-item-list {
         text-align: center;
     }

     .product-item-list .product-item-image {
         width: auto;
     }

     .box-content-catalog {
         padding: 5px !important;
     }

     .time-catalog {
         margin: 10px auto;
         width: 100% !important;
         text-align: center;
     }

     #ModelOff .text-ads-modal,#ModelOff  .text-ads-modal * {
         font-size: 50px !important;
         font-weight: bold;
     }
 }

 @media (min-width:0px) and (max-width:426px) {
     .icon-call {
         bottom: 80px;
         right: 0;
     }

     .container-custom {
         width: 100%;
     }

     .box-content-main .sticky-top {
         padding: 15px;
         margin-bottom: 15px;
     }

     .counter-style01 .counter-item {
         display: flex;
         border: 0;
         flex-direction: column;
         margin: 5px 0;
     }

     .box-why-content {
         padding: 45px 25px;
     }

     .header .logo img {
         width: 115px;
     }

     .owl-mobile-row .owl-stage {
         display: flex;
     }

     .coupon_desc {
         border: 0;
         border-bottom: 1px dashed #ababab;
         padding: 10px 25px;
     }

     .coupon-item .notification-icon {
         max-width: 100px !important;
         height: 100%;
         margin: 10px 0;
     }

     .owl-mobile-row .owl-item {
         width: 100% !important;
         margin: 5px 0px !important;
     }



     .owl-mobile-row .item__col {
         margin: 0 5px;
     }

     .box-item-category {
         margin: 2px 0;
     }

     .coupon-item h2 {
         margin: 10px 0;
     }

     .box-header-mobile ul li {
         margin: 0;
     }

     .box-top-header {
         padding: 0;
     }

     .box-top-header strong {
         font-size: 1em;
     }

     .online-ahvaz {
         font-size: 0.9em;
     }

     .box-item-category img {
         max-width: 120px;
     }

     .box-item-cat-calendar {
         margin: 5px 0;
     }

     .category-thumbnail-calendar {
         height: auto;
         width: 150%;
     }
 }

 @media (min-width:770px) and (max-width:1025px) {
     .box-header-mobile ul p {
         font-size: 0.9em !important;
     }

     .box-header-mobile ul li {
         margin-right: 10px !important;
     }

     .container-custom {
         width: 95%;
     }

     .box-header-mobile ul a {
         font-size: 0.9em;
     }
 }

 @media print {
     @page {
         size: A5 portrait;
         margin: 2cm;
     }

     body,
     .container-custom,
     .box-content-catalog {
         margin: 0;
         padding: 0;
         width: 100%;
     }

     header,
     footer,
     .breadcrumb,
     .box-breadcrumb,
     .box-download-catalog,
     .btn-custom,
     .enable-mini-cart,
     .box-best-tags,
     .property,
     .box-rate,
     .box-details,
     .single-slider,
     .icon-call,
     .title-fix-mobile,
     .modal,
     .menu-mobile,
     .admin-box {
         display: none !important;
         padding: 0 !important;
         margin: 0 !important;
         visibility: hidden !important;
     }

     .box-header-print {
         display: block !important;
         padding: 1cm;
     }

     .second-header {
         break-before: page;
         page-break-inside: avoid;
     }

     body,
     main,
     .box-content-catalog,
     .product-item-list {
         background: white !important;
         color: black !important;
         margin: 0 !important;
         padding: 0 !important;
         display: block !important;
     }

     .product-item-list {
         break-inside: avoid;
         margin-bottom: 15px;
         border: 1px solid #ccc;
         display: block !important;
         width: 100% !important;
         float: none !important;
         clear: both !important;
         page-break-before: always;
         break-before: page;
         page-break-inside: avoid;
         break-inside: avoid;
     }


     .row {
         display: block !important;
     }

     [class*="col-"] {
         display: block !important;
         width: 100% !important;
         float: none !important;
         text-align: center;
     }

     .box-about-catalog {
         display: inline-block;
         width: 33.33%;
     }

     .product-item-list img {
         max-width: 200px !important;
         max-height: 200px !important;
         width: auto !important;
         height: auto !important;
         object-fit: contain;
         margin: 10px auto !important;
     }
 }