:root {
    --color1: #2538E0;
    --color2: #E02538;
    --color3: #070B31;
    --strock: #E2E2E2;
    --white: #FFFFFF;
    --danger: #d53343;
    --shadow: #04071F;
    --regular: dana-regular;
    --medium: dana-medium;
    --demibold: dana-demibold;
    --Hasti: Hasti;
    --heading_h1_fontsize: 24px;
}
.swiper {
    user-select: none;
    -webkit-user-select: none;
    -webkit-user-drag: none;
}
a {
    text-decoration: none !important;
}
body {
    font-family: var(--regular) !important;
    color: #313131;
    line-height: 32px !important;
}
.m-pro {
    margin-bottom: 24px;
}
.s-space-bottom {
    margin-bottom: 6.5rem;
}
.s-space {
    margin-block: 6.5rem;
    position: relative;
}
.s-space-intro {
    margin: 2rem 0 3.5rem;
    position: relative;
}
.s-title {
    font-size: clamp(20px, 2vw, 28px);
    text-align: center;
    margin-bottom: 3rem;
    font-family: var(--Hasti);
    line-height: 1.6;
}
.title-before:before {
    content: "\e90e";
    font-family: 'icomoon';
    transform: translateY(-42px) translateX(24px);
    font-size: 47px;
    position: absolute;
    color: var(--color2);
}
/*.swiper-button-next,*/
/*.swiper-button-prev {*/
/*    width: 36px !important;*/
/*    height: 36px !important;*/
/*    border-radius: 50%;*/
/*    background: var(--lightgrayDark);*/
/*    box-shadow: 0px 0px 20px 0 #ffffff30;*/
/*    transition: 0.4s;*/
/*    transform: rotate(180deg) translateY(-100%);*/
/*    top: 50% !important;*/
/*}*/
/*.swiper-button-next:hover,*/
/*.swiper-button-prev:hover {*/
/*    background: var(--lightwhite);*/
/*}*/
/*.swiper-button-next:after {*/
/*    transform: rotate(180deg);*/
/*}*/
/*.swiper-button-next:after,*/
/*.swiper-button-prev:after {*/
/*    content: "\e902" !important;*/
/*    font-family: "icomoon" !important;*/
/*    font-size: 14px !important;*/
/*    color: var(--lightwhite);*/
/*}*/
/*.swiper-button-next:hover:after,*/
/*.swiper-button-prev:hover:after {*/
/*    color: var(--lightblack);*/
/*}*/
/*.swiper-button-next {*/
/*    right: calc(100% + -32px) !important;*/
/*}*/
/*.swiper-button-prev {*/
/*    left: calc(100% + -32px) !important;*/
/*}*/
.w-100 {
    width: 100%;
    height: auto;
}
img {
    max-width: 100%;
    height: auto;
}
.p-64 {
    padding-block: 64px;
}
ol, ul {
    list-style: none;
}
input:focus,
textarea:focus {
    outline: none !important;
    border: 1px solid var(--color2) !important;
    transition: 0.4s !important;
    border-radius: 12px;
}
html,
button,
input,
select,
textarea {
    color: #222;
    transition: 0.4s;
}
.c-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 2rem;
    width: 100%;
}
.Qbtn {
    min-height: 49px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 9rem;
    padding-inline: 32px;
    background: var(--color1);
    color: var(--white);
    border-radius: 8px;
    box-shadow: 3px 3px 0px 0px var(--shadow);
    transition: 0.4s;
    font-family: var(--medium);
    border: 1px solid transparent;
    cursor: pointer;
}
.Qbtn:hover {
    background: var(--white);
    box-shadow: 0px 0px 0px 0px var(--color3);
    color: var(--color3);
    border: 1px solid var(--color3);
}
.Qbtn-header {
    background-color: var(--color3);
    box-shadow: 3px 3px 0px 0px black;
    min-height: 37px;
    font-size: 14px;
    font-family: var(--medium);
    min-width: 7.25rem;
    border: 1px solid var(--color3);
}
.Qbtn-header:hover {
    box-shadow: 0px 0px 0px 0px black;
}
.header-logo {
    max-width: clamp(78px, 8vw, 104px);
}
.Qbtn-color {
    background-color: var(--white);
    color: var(--color3);
}
.Qbtn-color:hover {
    background-color: #eee;
}
.s-intro {
    background: var(--color3);
    color: white;
    padding: 48px;
    border-radius: 16px;
    box-shadow: 3px 3px 0px 0px var(--shadow);
    margin-bottom: 56px;
}
.s-intro .s-title {
    margin-bottom: 1rem;
}
.s-intro p {
    font-size: clamp(14px, 2vw, 16px);
}
.Formbtn {
    min-width: 116px;
}
.accordion-content {
    display: none;
}
.m-top {
    margin-top: 56px;
}
/** TAB CSS **/
.tab-content {
    display: none;
    -webkit-animation: fadeEffect 1s;
    animation: fadeEffect 1s;
}
.tab-content.active {
    display: block;
}
@-webkit-keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@keyframes fadeEffect {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
/****/
.page-numbers {
    display: flex;
    align-items: center;
    gap: clamp(8px, 2vw, 16px);
    justify-content: center;
}
.shop-products .page-numbers {
    margin-top: 1rem;
}
.page-numbers .page-numbers {
    width: clamp(28px, 2vw, 48px);
    height: clamp(28px, 2vw, 48px);
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color3);
    transition: 0.4s;
    border: 1px solid var(--color3);
    border-radius: clamp(8px, 2vw, 12px);
    box-shadow: 2px 2px 0px 0px var(--shadow);
    font-size: clamp(13px, 2vw, 18px);
    padding-top: 6px;
}
.prev.page-numbers, .next.page-numbers {
    padding: 0;
    background: var(--color3);
    color: var(--white);
}
.prev.page-numbers i {
    transform: rotate(-90deg);
}
.next.page-numbers i {
    transform: rotate(90deg);
}
.page-numbers .page-numbers:hover, .page-numbers span.page-numbers {
    background: var(--color1);
    color: var(--white);
    border-color: var(--color1);
}
.page-numbers i {
    font-size: 18px;
}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
/** Icon **/
@font-face {
    font-family: "Hasti";
    font-style: normal;
    font-display: swap;
    src: url("../fonts/Hasti-HeavyRRD.woff") format("woff");
    font-weight: normal;
}
@font-face {
    font-family: "dana-medium";
    font-style: normal;
    font-display: swap;
    src: url("../fonts/dana-fanum-medium.woff2") format("woff2");
    font-weight: normal;
}
@font-face {
    font-family: "dana-regular";
    font-style: normal;
    font-display: swap;
    src: url("../fonts/dana-fanum-regular.woff2") format("woff2");
    font-weight: normal;
}
@font-face {
    font-family: "dana-demibold";
    font-style: normal;
    font-display: swap;
    src: url("../fonts/dana-fanum-demibold.woff2") format("woff2");
    font-weight: normal;
}
@font-face {
    font-family: "icomoon";
    src: url("../fonts/icomoon.eot?xtu8nc");
    src: url("../fonts/icomoon.eot?xtu8nc#iefix") format("embedded-opentype"),
    url("../fonts/icomoon.ttf?xtu8nc") format("truetype"),
    url("../fonts/icomoon.woff?xtu8nc") format("woff"),
    url("../fonts/icomoon.svg?xtu8nc#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
    font-display: block;
}
@font-face {
    font-style: normal;
    font-display: fallback;
    font-family: "MoonDance-Regular";
    line-height: 1;
    src: url("../fonts/MoonDance-Regular.ttf") format("truetype");
}
[class^="icon-"],
[class*=" icon-"] {
    font-family: "icomoon" !important;
    speak: never;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-free-shipping:before {
    content: "\e947";
}
.icon-dislike:before {
    content: "\e945";
}
.icon-like:before {
    content: "\e946";
}
.icon-sku:before {
    content: "\e944";
}
.icon-notification:before {
    content: "\e942";
}
.icon-star-full:before {
    content: "\e941";
}
.icon-star:before {
    content: "\e940";
}
.icon-heart:before {
    content: "\e93f";
}
.icon-copy:before {
    content: "\e93e";
}
.icon-Arrow-21:before {
    content: "\e93c";
}
.icon-menubar:before {
    content: "\e92d";
}
.icon-home:before {
    content: "\e927";
}
.icon-close-circle:before,
.icon-close:before {
    content: "\e909";
}
.icon-location:before {
    content: "\e93b";
}
.icon-sms:before {
    content: "\e93a";
}
.icon-Play:before {
    content: "\e908";
}
.icon-bookmark:before {
    content: "\e90a";
}
.icon-Group:before {
    content: "\e923";
}
.icon-Ellipse-29:before {
    content: "\e938";
}
.icon-Star-4:before {
    content: "\e939";
}
.icon-line:before {
    content: "\e912";
}
.icon-Sparkle:before {
    content: "\e90f";
}
.icon-stars:before {
    content: "\e922";
}
.icon-logo:before {
    content: "\e905";
}
.icon-add:before {
    content: "\e900";
}
.icon-arrow:before {
    content: "\e901";
}
.icon-arrowLeft:before {
    content: "\e901";
    transform: rotate(90deg);
    display: block;
}
.icon-arrow-circle-left:before {
    content: "\e902";
}
.icon-arrow-left:before {
    content: "\e904";
}
.icon-arrow-left-bottom:before {
    content: "\e904";
    transform: rotate(-90deg);
    display: block;
}
.icon-arrow-left-top:before {
    content: "\e904";
    transform: rotate(90deg);
    display: block;
}
.icon-bag:before {
    content: "\e906";
}
.icon-book:before {
    content: "\e907";
}
.icon-bookmark:before {
    content: "\e90a";
}
.icon-box2:before {
    content: "\e90a";
}
.icon-calendar:before {
    content: "\e90b";
}
.icon-call-calling:before {
    content: "\e90c";
}
.icon-camera:before {
    content: "\e90d";
}
.icon-cart:before {
    content: "\e910";
}
.icon-category:before {
    content: "\e911";
}
.icon-clock:before {
    content: "\e913";
}
.icon-double-arrow:before {
    content: "\e914";
}
.icon-eye:before {
    content: "\e915";
}
.icon-facebook:before {
    content: "\e916";
}
.icon-fax:before {
    content: "\e917";
}
.icon-funny:before {
    content: "\e918";
}
.icon-gamepad:before {
    content: "\e919";
}
.icon-handup:before {
    content: "\e91c";
}
.icon-info-circle:before {
    content: "\e91d";
}
.icon-instagram:before {
    content: "\e91e";
}
.icon-jadid:before {
    content: "\e91f";
}
.icon-key:before {
    content: "\e920";
}
.icon-layer:before {
    content: "\e921";
}
.icon-menu:before {
    content: "\e924";
}
.icon-message-question:before {
    content: "\e925";
}
.icon-minus:before {
    content: "\e926";
}
.icon-plus:before {
    content: "\e928";
}
.icon-profile:before {
    content: "\e929";
}
.icon-profile-user:before {
    content: "\e92a";
}
.icon-quote:before {
    content: "\e92b";
}
.icon-radar:before {
    content: "\e92c";
}
.icon-search:before {
    content: "\e92e";
}
.icon-speak:before {
    content: "\e92f";
}
.icon-square:before {
    content: "\e930";
}
.icon-telegram:before {
    content: "\e931";
}
.icon-timer:before {
    content: "\e932";
}
.icon-tube:before {
    content: "\e933";
}
.icon-users-group:before {
    content: "\e934";
}
.icon-userspeak:before {
    content: "\e935";
}
.icon-whatsapp:before {
    content: "\e936";
}
.icon-x:before {
    content: "\e937";
}
/** Menu Mobile   *************************************/
.websima-mega-menu li a:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 4px;
    border-radius: 10px 10px 0 0;
    transition: 0.4s;
    background: var(--color3);
}
.websima-mega-menu > li > a:hover:before,
.websima-mega-menu > li.current_page_item > a:before {
    width: 100%;
}
/** Menu Mobile   *************************************/
#mask {
    position: fixed;
    z-index: 9999;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: none;
}
#menumobile {
    position: fixed;
    top: 0;
    bottom: 0;
    right: -300px;
    width: 250px;
    z-index: 99991;
    transition: all 0.5s;
    box-sizing: border-box;
    overflow: hidden;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.3) !important;
    overflow-y: auto;
    background-color: var(--white);
    border-radius: 1rem 0 0 1rem;
}
#menumobile img {
    max-width: 100px;
    margin-left: 8px;
}
.menu {
    list-style: none;
    padding: 0;
    padding-right: 8px;
}
#nomenumobile {
    cursor: pointer;
    transition: all 0.5s;
    width: 25px;
    height: 25px;
    text-align: center;
    border-radius: 3px;
    display: inline-flex;
    color: var(--color2);
    font-size: 16px;
    align-items: center;
    justify-content: center;
}
.tel-mm a {
    color: var(--color3);
    padding: 10px 15px;
    display: block;
    text-align: center;
}
.tel-mm a:before {
    content: "";
    width: 6px;
    height: 6px;
    margin-left: 10px;
    display: inline-block;
    border-radius: 100%;
    animation: pulse 2s infinite;
    position: relative;
    top: -1px;
}
.come-menumobile {
    right: 0 !important;
}
.title-mm {
    background: var(--strock);
    padding: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.sub-menu.come-submenu::before {
    content: "";
    height: 70px;
    width: 100%;
    background: var(--strock);
    position: absolute;
    top: 0;
    right: 0;
}
.title-mm img {
    user-select: none;
}
.btn-mm {
    padding: 0 20px;
    margin-top: 20px;
}
.btn-mm a {
    display: flex;
}
.title-sub-head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 36px;
    flex-flow: row-reverse;
    color: var(--white);
}
.title-sub-head strong {
    color: black;
}
.main-mm {
    padding: 12px 16px 4px 8px;
}
.main-mm ul li > span,
.main-mm ul li a {
    color: var(--color3) !important;
    display: block;
    padding: 8px 0;
    position: relative;
    width: 80%;
    font-size: 14px;
}
.main-mm ul li>span{
    width: 100%;
}
.main-mm ul li>span .childer{
    width: 100%;
    justify-content: flex-end;
    left: 0;
}
.main-mm ul li a:hover {
    color: var(--color3);
}
.main-mm ul li > .sub-menu {
    position: fixed;
    top: 0;
    bottom: 0;
    width: 250px;
    background: var(--white);
    right: -250px;
    transition: 0.3s;
    z-index: 9;
    padding: 20px;
    border-radius: 1rem 0 0 1rem;
    list-style: none;
}
.childer i {
    cursor: pointer;
    border-width: 0 2px 2px 0;
    font-size: 10px;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.childer {
    position: absolute;
    left: -25%;
    cursor: pointer;
    top: 10px;
    width: 25px;
    height: 25px;
    border-radius: 3px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.come-submenu {
    right: 0 !important;
}
.sub-closer {
    cursor: pointer;
    top: 10px;
    width: 25px;
    height: 25px;
    border-radius: 3px;
    overflow: hidden;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    transform: rotate(180deg);
    color: black;
}
.sub-closer i {
    cursor: pointer;
    top: -1px;
    display: inline-block;
    padding: 3px;
    position: relative;
    left: -1px;
    font-size: 12px;
}
.title-subcome {
    font-weight: normal;
    position: relative;
    top: 2px;
}
.header-menu .navtop-right .menu-item-has-children > a:after {
    content: "\e902";
    font-family: "icomoon";
    margin-right: 1px;
    font-size: 7px;
    position: absolute;
    bottom: -2px;
    left: -12px;
    transform: rotate(-90deg) !important;
}
.sub-menu {
    opacity: 0;
    transition: 0.3s;
    position: absolute;
    min-width: 220px;
    background: var(--lightblack);
    padding: 8px;
    visibility: hidden;
    z-index: 9;
    border-radius: 12px;
    top: 100%;
    right: 0px;
}
li.simple-menu:hover > .sub-menu {
    opacity: 1;
    visibility: unset;
    background: white;
}
/** header **/
header > .container {
    padding-block: 15px;
}
.button--shipping {
    width: 40px;
    height: 40px;
    background: var(--color1);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    box-shadow: 3px 3px 0px 0px var(--shadow);
    color: var(--white);
    font-size: 22px;
    transition: 0.4s;
}
.button--shipping:hover {
    /*background: var(--color2);*/
    box-shadow: 0px 0px 0px 0px var(--color3);
}
.head_account {
    transition: 0.4s;
    width: 40px;
    height: 40px;
    background: var(--white);
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    cursor: pointer;
    box-shadow: 3px 3px 0px 0px var(--shadow);
    border: 1px solid var(--color3);
    font-size: 20px;
    color: var(--color3);
}
.head_account:hover {
    background-color: var(--color1);
    color: var(--white);
    box-shadow: 0px 0px 0px 0px var(--color3);
}
.head_account:has(i.logins) {
    font-size: 20px;
    background: var(--color1);
    color: var(--white);
}
.head_account:hover .websima-auth-modal-btn {
    color: var(--white);
    transition: 0.4s;
}
.websima-auth-modal-btn {
    background: none;
    border: 0;
    position: relative;
    font-size: 22px;
    color: var(--color3);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s;
    cursor: pointer;
}
.navtop-left {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 12px;
    position: unset !important;
}
.navtop-right {
    display: flex;
    justify-content: space-between;
}
.search-by-json .input {
    transition: 0.4s;
}
.search-by-json .input:has(input:focus) {
    /*border-color: var(--color2);*/
    transition: 0.4s;
    box-shadow: 0px 0px 0px 0px var(--color3);
}
.search-by-json input:focus {
    border: 0 !important;
}
/*.search-by-json .input input::placeholder {*/
/*    color: var(--gray0) !important;*/
/*}*/
.menu-cat {
    border-block: 1px solid var(--strock);
}
/***/
/* Login**/
.form-group {
    display: flex;
    flex-direction: column;
    gap: 12px;
}
#websima-auth-modal .form-row { 
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.form-group label {
    font-family: var(--medium);
    text-align: right;
}
.form-group small.form-text {
    text-align: right;
    font-size: 12px;
}
.form-group .form-control {
    min-height: 46px;
    border-radius: 1rem;
    border: 1px solid var(--strock);
    padding-inline: 12px;
    display: flex;
    align-items: center;
    direction: ltr;
}
#websima-auth-modal .resend_code_wrapper,#websima-auth-modal .form-description {
    padding: 0 15px;
} 
.form-group #mobile-error {
    color: var(--danger);
    font-size: 12px;
}
.form-row .c-btn {
    margin-block: 1.5rem !important;
}
.user-btn--submenu {
    position: absolute;
    top: 100%;
    background: var(--white);
    z-index: 1;
    padding: 5px 10px;
    font-size: 13px;
    opacity: 0;
    visibility: hidden;
    border-radius: 10px;
    transition: 0.3s;
    width: 160px;
    margin: auto;
    z-index: 2;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--color3);
    box-shadow: 3px 3px 0px 0px var(--shadow);
}
.head_account:hover .user-btn--submenu {
    opacity: 1;
    visibility: visible;
}
.user-btn--submenu > a i {
    font-size: 10px !important;
    top: 10px;
    position: absolute;
    left: 0;
    font-size: 10px !important;
}
.user-btn--submenu > a {
    color: var(--color3);
    transition: 0.4s;
    position: relative;
}
.user-btn--submenu > a:hover {
    color: var(--color2) !important;
}
#header .menu-cat nav a {
    font-size: 14px;
}
.swiper-pagination {
    position: unset;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    margin-top: 2rem;
    height: 18px;
}
.swiper-pagination-bullet {
    width: 2px !important;
    height: 14px !important;
    display: inline-block !important;
    background: rgb(37 56 224 / 0.2);
    opacity: 1 !important;
    border-radius: 16px;
    margin: 0 !important;
    transition: 0.4s;
}
.swiper-pagination-bullet-active {
    background: var(--color1) !important;
    transition: 0.4s;
    height: 18px !important;
}
#more-tax-desc .swiper-pagination-bullet,
.p-64 .swiper-pagination-bullet,
.white-pagination .swiper-pagination-bullet {
    background: #e1e1e161;
}
#more-tax-desc .swiper-pagination-bullet-active,
.p-64 .swiper-pagination-bullet-active,
.white-pagination .swiper-pagination-bullet-active {
    background: var(--white) !important;
    height: 18px !important;
}
/*.swiper-pagination:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    width: 6px;*/
/*    height: 6px;*/
/*    border-radius: 50%;*/
/*    background: var(--color1);*/
/*    bottom: -3px;*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*}*/
.section-hero .swiper-pagination:before,
.p-64 .swiper-pagination:before {
    background: var(--white);
}
/*.swiper-pagination > :nth-child(1) {*/
/*    transform: rotate(90deg) translateX(10px) translateY(14px);*/
/*}*/
/*.swiper-pagination > :nth-child(2) {*/
/*    transform: rotate(60deg) translateX(-1px) translateY(6px);*/
/*}*/
/*.swiper-pagination > :nth-child(3) {*/
/*    transform: rotate(35deg) translateX(-3px) translateY(-2px);*/
/*}*/
/*.swiper-pagination > :nth-child(4) {*/
/*    transform: rotate(0deg) translateX(0px) translateY(-6px);*/
/*}*/
/*.swiper-pagination > :nth-child(5) {*/
/*    transform: rotate(-35deg) translateX(3px) translateY(-2px);*/
/*}*/
/*.swiper-pagination > :nth-child(6) {*/
/*    transform: rotate(-60deg) translateX(1px) translateY(6px);*/
/*}*/
/*.swiper-pagination > :nth-child(7) {*/
/*    transform: rotate(-90deg) translateX(-10px) translateY(14px);*/
/*}*/
/*.swiper-pagination > :nth-child(8) {*/
/*    transform: rotate(-115deg) translateX(-28px) translateY(17px);*/
/*}*/
/***/
/*.websima-mega-menu > li:nth-child(1) span:after,*/
/*header .menu-item-has-children > a:after {*/
/*    content: "\e901" !important;*/
/*    font-family: "icomoon" !important;*/
/*    transform: translateY(-50%) !important;*/
/*    display: inline-block;*/
/*    font-size: 8px;*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    color: var(--color3);*/
/*    left: -12px;*/
/*}*/
/** Menu **/
.header-mm {
    font-size: 2rem;
}
#header nav a img {
    max-width: 16px !important;
    filter: unset !important;
}
.websima-mega-menu > li:nth-child(1) span {
    display: flex;
    align-items: center;
    gap: 4px;
}
/** Hero **/
.sw--slider {
    display: flex;
}
.section-hero {
    margin-block: 2rem;
}
.section-hero .swiper-pagination {
    position: absolute;
    bottom: 24px;
}
.slider____img img {
    width: 100%;
    height: 100%;
    border-radius: 2rem;
}
.sw--slider img {
    border-radius: 1.5rem;
    display: table;
    margin: auto;
}
.hero-slide-item {
    display: flex;
}
/** Category **/
.row-cats {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-gap: 24px;
}
.catbox {
    min-height: 92px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border: 1px solid var(--color3);
    border-radius: 24px;
    box-shadow: 3px 3px 0px 0px var(--shadow);
    transition: 0.4s;
    overflow: hidden;
    position: relative;
}
.catbox:before {
    content: "";
    width: 0;
    height: 100%;
    position: absolute;
    right: -2px;
    bottom: -2px;
    background: var(--color3);
    transition: 0.4s;
    border-radius: 24px;
}
.catbox .imgBox {
    max-width: 32px;
    max-height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.catbox span {
    color: var(--color3);
    position: relative;
    font-size: clamp(12px, 2vw, 16px);
    font-family: var(--demibold);
}
.catbox i {
    color: var(--color1);
    max-width: 32px;
    max-height: 32px;
    font-size: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}
.catbox:hover:before {
    width: 104%;
    height: 104%;
}
.catbox:hover {
    box-shadow: none;
}
.catbox:hover img {
    filter: brightness(7);
}
.catbox:hover i,
.catbox:hover span {
    color: var(--white);
}
/** Banner **/
.item-banner img {
    width: 100%;
    height: auto;
}
.item-banner {
    overflow: hidden;
    border-radius: 32px;
    transition: 0.4s;
    box-shadow: 3px 3px 0px 0px var(--shadow);
	display:inline-flex;
	
}
.section-banners{
	text-align:center
}
.item-banner:hover {
    box-shadow: 0px 0px 0px 0px var(--color3);
}
/** Icon Box **/
.iconBox .title-before:before {
    content: "\e922";
    font-family: 'icomoon';
    transform: translateY(-115px) translateX(-210px);
    font-size: 96px;
    position: absolute;
    color: var(--color3);
}
.iconbox-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-gap: 1.5rem;
}
.iconbox-box {
    transition: 0.4s;
    box-shadow: 3px 3px 0px 0px var(--shadow);
    border: 1px solid var(--color3);
    border-radius: 24px;
    min-height: 194px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 16px;
    background: white;
    padding: 12px;
    position: relative;
}
.iconbox-box .img-box {
    max-height: clamp(32px, 2vw, 64px);
    max-width: clamp(32px, 2vw, 64px);
}
.iconbox-box:nth-child(1) {
    grid-area: 1 / 1 / 2 / 2;
}
.iconbox-box:nth-child(2) {
    grid-area: 1 / 2 / 2 / 4;
}
.iconbox-box:nth-child(3) {
    grid-area: 2 / 1 / 3 / 3;
}
.iconbox-box:nth-child(4) {
    grid-area: 2 / 3 / 3 / 3;
}
.iconbox-title {
    font-size: clamp(14px, 2vw, 24px);
    color: var(--color3);
    text-align: center;
    font-family: var(--demibold);
    line-height: 1.5;
}
.iconbox-box:nth-child(1):before {
    content: "\e90f";
    font-family: "icomoon";
    position: absolute;
    top: -18px;
    right: -58px;
    font-size: 100px;
    z-index: -1;
    color: var(--color2);
}
.iconbox-box:nth-child(4):before {
    content: "\e912";
    font-family: "icomoon";
    position: absolute;
    bottom: -22px;
    left: 35%;
    transform: translateX(-50%);
    font-size: 125px;
    z-index: -1;
    color: #81ADC8;
}
.sec-intro.textRight:before {
    content: "\e938";
    font-family: 'icomoon';
    position: absolute;
    left: -44px;
    bottom: -5px;
    font-size: 80px;
    color: var(--color1);
}
.sec-intro.textRight:after {
    content: "";
    position: absolute;
    left: -36px;
    top: -52px;
    font-size: 70px;
    color: var(--color1);
    background-image: url(../img/icon-video.svg);
    width: 66px;
    height: 66px;
    background-repeat: no-repeat;
    background-size: contain;
}
.sec-intro.textLeft:before {
    content: "\e922";
    font-family: "icomoon";
    position: absolute;
    top: 0;
    left: 10%;
    transform: translateX(-50%);
    font-size: 96px;
    color: var(--color3);
}
@keyframes full-circle {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.icons-texts {
    position: relative;
}
.icons-texts:before {
    content: "\e939";
    font-family: "icomoon";
    position: absolute;
    bottom: -80px;
    left: 28%;
    transform: translateX(-50%);
    font-size: 96px;
    color: var(--color2);
    /*animation: full-circle 10s linear infinite*/
}
.sec-intro {
    display: flex;
    align-items: center;
    position: relative;
    /*gap: clamp(1rem, 3vw, 3rem);*/
}
.archive-intro .sec-intro {
    gap: clamp(1rem, 3vw, 3rem);
}
.sec-intro .img-video.videos div {
    clip-path: polygon(460px 32px, 460px 32px, 459.581171px 26.8094367px, 458.368608px 21.8855296px, 456.428197px 17.2941629px, 453.825824px 13.1012208px, 450.627375px 9.3725875px, 446.898736px 6.1741472px, 442.705793px 3.5717841px, 438.114432px 1.6313824px, 433.190539px 0.4188263px, 428px 5.2977802982864E-31px, 32px 0px, 32px 0px, 26.8094367px 0.4188263px, 21.8855296px 1.6313824px, 17.2941629px 3.5717841px, 13.1012208px 6.1741472px, 9.3725875px 9.3725875px, 6.1741472px 13.1012208px, 3.5717841px 17.2941629px, 1.6313824px 21.8855296px, 0.4188263px 26.8094367px, 5.2977802982864E-31px 32px, 0px 471px, 0px 471px, 0.4188263px 476.190539px, 1.6313824px 481.114432px, 3.5717841px 485.705793px, 6.1741472px 489.898736px, 9.3725875px 493.627375px, 13.1012208px 496.825824px, 17.2941629px 499.428197px, 21.8855296px 501.368608px, 26.8094367px 502.581171px, 32px 503px, 612px 503px, 612px 503px, 617.190539px 502.581171px, 622.114432px 501.368608px, 626.705793px 499.428197px, 630.898736px 496.825824px, 634.627375px 493.627375px, 637.825824px 489.898736px, 640.428197px 485.705793px, 642.368608px 481.114432px, 643.581171px 476.190539px, 644px 471px, 644px 404px, 644px 404px, 643.581171px 398.809461px, 642.368608px 393.885568px, 640.428197px 389.294207px, 637.825824px 385.101264px, 634.627375px 381.372625px, 630.898736px 378.174176px, 626.705793px 375.571803px, 622.114432px 373.631392px, 617.190539px 372.418829px, 612px 372px, 492px 372px, 492px 372px, 486.809461px 371.581171px, 481.885568px 370.368608px, 477.294207px 368.428197px, 473.101264px 365.825824px, 469.372625px 362.627375px, 466.174176px 358.898736px, 463.571803px 354.705793px, 461.631392px 350.114432px, 460.418829px 345.190539px, 460px 340px, 460px 32px);
    flex: 0 0 50%;
    position: relative;
}
.sec-intro.textLeft .img-video.videos div {
    clip-path: polygon(184px 32px, 184px 32px, 184.418829px 26.8094367px, 185.631392px 21.8855296px, 187.571803px 17.2941629px, 190.174176px 13.1012208px, 193.372625px 9.3725875px, 197.101264px 6.1741472px, 201.294207px 3.5717841px, 205.885568px 1.6313824px, 210.809461px 0.4188263px, 216px 5.2977802982864E-31px, 612px 0px, 612px 0px, 617.190539px 0.4188263px, 622.114432px 1.6313824px, 626.705793px 3.5717841px, 630.898736px 6.1741472px, 634.627375px 9.3725875px, 637.825824px 13.1012208px, 640.428197px 17.2941629px, 642.368608px 21.8855296px, 643.581171px 26.8094367px, 644px 32px, 644px 471px, 644px 471px, 643.581171px 476.190539px, 642.368608px 481.114432px, 640.428197px 485.705793px, 637.825824px 489.898736px, 634.627375px 493.627375px, 630.898736px 496.825824px, 626.705793px 499.428197px, 622.114432px 501.368608px, 617.190539px 502.581171px, 612px 503px, 32px 503px, 32px 503px, 26.8094367px 502.581171px, 21.8855296px 501.368608px, 17.2941629px 499.428197px, 13.1012208px 496.825824px, 9.3725875px 493.627375px, 6.1741472px 489.898736px, 3.5717841px 485.705793px, 1.6313824px 481.114432px, 0.4188263px 476.190539px, 5.2977802982864E-31px 471px, 0px 404px, 0px 404px, 0.4188263px 398.809461px, 1.6313824px 393.885568px, 3.5717841px 389.294207px, 6.1741472px 385.101264px, 9.3725875px 381.372625px, 13.1012208px 378.174176px, 17.2941629px 375.571803px, 21.8855296px 373.631392px, 26.8094367px 372.418829px, 32px 372px, 152px 372px, 152px 372px, 157.190539px 371.581171px, 162.114432px 370.368608px, 166.705793px 368.428197px, 170.898736px 365.825824px, 174.627375px 362.627375px, 177.825824px 358.898736px, 180.428197px 354.705793px, 182.368608px 350.114432px, 183.581171px 345.190539px, 184px 340px, 184px 32px);
}
.sec-intro .s-title {
    text-align: right;
    margin-bottom: 1.5rem;
}
.sec-intro .c-btn {
    justify-content: flex-start;
}
.img-block img {
    width: 100%;
    height: auto;
    border-radius: 2rem;
}
.image-intro {
    flex: 0 0 40%;
    z-index: 1;
}
.image-intro img {
    border-radius: 2rem;
    width: 100%;
}
.section-content .textTop {
    padding: 40px 40px 0;
    align-items: center;
}
.section-content .textTop > div {
    width: 80%;
    z-index: 1;
}
.page-template-template-blog .about-content-wrap,
.archive .about-content-wrap,
.textLeft .about-content-wrap,
.textRight .about-content-wrap {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    margin-bottom: 48px;
    margin-right: 64px;
    z-index: 1;
}
.textLeft .titleBox,
.textRight .titleBox {
    text-align: right;
}
.play-btn {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 38%;
    color: var(--color1);
    width: clamp(64px, 7vw, 128px);
    height: clamp(64px, 7vw, 128px);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: white;
    border-radius: clamp(16px, 5vw, 32px);
    font-size: clamp(20px, 3vw, 64px);
}
.intro--swiper .swiper-pagination {
    position: absolute;
    bottom: 24px;
}
/** Products **/
.product-item .boxs {
    border: 1px solid var(--color3);
    padding: 1rem;
    border-radius: 1rem;
    box-shadow: 3px 3px 0px 0px var(--shadow);
    color: var(--color3);
    transition: 0.4s;
    position: relative;
    background-color: white;
}
.product-item:hover .boxs {
    box-shadow: 0px 0px 0px 0px var(--shadow);
}
.product-item img {
    width: 100%;
    border-radius: 12px;
}
.product-image {
    display: flex;
    width: 100%;
    flex-direction: column;
}
.product-title-card a {
    color: var(--color3);
    font-size: clamp(14px, 2vw, 18px);
    transition: 0.4s;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    min-height: 45px;
    margin: 16px 0 6px;
    font-family: var(--medium);
    line-height: 1.5;
}
.price {
    display: flex;
    flex-direction: column;
    gap: 4px;
    min-height: 58px;
    justify-content: center;
    line-height: 24px;
    text-decoration: none;
    color: var(--color3);
    font-size: clamp(16px, 2vw, 20px);
    transition: 0.4s;
}
.price > .woocommerce-Price-amount bdi {
    font-family: var(--demibold);
}
.price ins {
    text-decoration: none;
    color: var(--color3);
    font-size: clamp(16px, 2vw, 20px);
    transition: 0.4s;
    font-family: var(--demibold);
}
.product-item:hover .price ins {
    color: var(--color1);
}
.product-item:hover {
    color: var(--color1);
}
.price del {
    color: #B3B3B3;
    font-size: clamp(12px, 2vw, 14px);
    font-family: var(--regular);
}
.price bdi .woocommerce-Price-currencySymbol {
    font-size: clamp(8px, 2vw, 12px);
}
a.eyelink {
    position: absolute;
    left: 21px;
    bottom: 20px;
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 32px;
    color: var(--white);
    background: var(--color1);
    border-radius: 12px;
    box-shadow: 3px 3px 0px 0px var(--shadow);
    transition: 0.4s;
}
.product-item:hover a.eyelink {
    box-shadow: unset;
}
.product-item .on-new {
    width: 40px;
    height: 40px;
    background: var(--white);
    color: var(--color2);
    position: absolute;
    top: 24px;
    left: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 25px;
    pointer-events: none;
}
.product-item .on-sale {
    width: 40px;
    height: 40px;
    background: var(--white);
    color: var(--color2);
    position: absolute;
    top: 24px;
    right: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    font-size: 16px;
}
.times {
    min-height: 72px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    background: var(--color3);
    margin-top: 12px;
    border-radius: 12px;
    color: var(--white);
    font-size: 20px;
}
#timer {
    display: flex;
    align-items: center;
}
#timer span {
    font-family: var(--demibold);
}
#timer i {
    font-size: 22px;
    transform: translateY(-4px);
    pointer-events: none;
}
#timer .label {
    font-size: 14px;
    font-family: var(--regular);
    margin-left: 10px;
    margin-right: 2px;
}
@media only screen and (max-width: 768px) {
	a.eyelink {
		left: 8px;
		width: 30px;
		height: 30px;
		font-size: 17px;

	}
	.product-item .boxs{
		padding:0.5rem;
	}
	.product-item .call-for-price{
		min-height:40px!important;
	}
	.product-item .on-new {
		width: 35px;
		height: 35px;
		top: 15px;
		left: 15px;
		font-size: 20px;
	}
	.product-item .on-sale { 
		font-size: 13px;
		width: 35px;
		height: 35px;
		display: flex;
		align-items: center;  
		justify-content: center;
		line-height: 1;
		top: 15px;
		right: 15px;
	}
	.times {
		min-height: 30px;
		padding: 3px;
		font-size:12px;
	}
	#timer i{
		display:none;
	}
	#timer .label {
		font-size: 11px;
		margin-left: 4px;
		margin-right: 2px;
	}
}

/** Blog **/
.post-item {
    background-color: var(--white);
    border: 1px solid var(--color3);
    padding: 1rem;
    border-radius: 1rem;
    box-shadow: 3px 3px 0px 0px var(--shadow);
    color: var(--color3);
    transition: 0.4s;
}
.post-item:hover {
    box-shadow: 0px 0px 0px 0px var(--shadow);
}
.post-item h3 a {
    color: var(--color3);
    font-size: clamp(18px, 2vw, 20px);
    transition: 0.4s;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}
.post-item .post-item-image {
    display: flex;
    margin-bottom: 24px;
    position: relative;
    overflow: hidden;
    border-radius: 1rem;
    transition: 0.4s;
}
.post-item:hover .post-item-image {
    box-shadow: 0px 3px 8px -4px #00000078;
}
.post-item .post-item-image:before {
    content: "";
    width: 100%;
    height: 0;
    top: 0;
    left: 0;
    position: absolute;
    background: #ffffff00;
    z-index: 1;
    backdrop-filter: blur(4px);
    border-radius: 1rem;
    transition: 0.4s;
}
.post-item:hover .post-item-image:before {
    height: 100%;
}
.post-item .post-item-image:after {
    content: "\e905";
    font-family: 'icomoon';
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
    z-index: 1;
    transition: 0.4s;
    font-size: 96px;
    height: 96px;
    width: 96px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color3);
    opacity: 0;
}
.post-item:hover .post-item-image:after {
    top: 50%;
    opacity: 1;
}
.post-item img {
    width: 100%;
    border-radius: 16px;
    filter: contrast(0.8);
}
.post-item .desc {
    padding-bottom: 16px;
    margin-block: 16px;
    border-bottom: 1px solid rgb(7 11 49 / 0.5);
    font-size: 14px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2;
    height: 72px;
}
.post-item .post-date {
    font-size: clamp(14px, 2vw, 16px);
    color: var(--color3);
    display: block;
    width: 100%;
}
.post-item:hover h3 a {
    color: var(--color1);
}
/** publish **/
.publishers:before {
    content: "\e939";
    font-family: "icomoon";
    position: absolute;
    bottom: -18px;
    left: 22%;
    transform: translateX(-50%);
    font-size: 96px;
    color: var(--color2);
}
.publishers .col-12:nth-child(4) .publishBox:before {
    content: "\e912";
    font-family: "icomoon";
    position: absolute;
    bottom: -22px;
    left: 50%;
    transform: translateX(-50%);
    font-size: 125px;
    z-index: -1;
    color: #81ADC8;
}
.publishBox {
    display: flex;
    align-items: center;
    gap: 1rem;
    border: 1px solid var(--color3);
    box-shadow: 3px 3px 0px 0px var(--shadow);
    margin-bottom: clamp(16px, 2vw, 24px);
    border-radius: 1rem;
    padding: 1rem;
    position: relative;
    transition: 0.4s;
    background: white;
}
.publishBox:hover {
    box-shadow: 0px 0px 0px 0px var(--color3);
}
.publishBox .publishLink {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 0;
}
.publishBox .publishImg {
    max-width: clamp(64px, 12vw, 96px);
    max-height: clamp(64px, 12vw, 96px);
}
.publishBox .publishImg img {
    border-radius: 12px;
    border: 1px solid var(--strock);
    max-width: clamp(64px, 12vw, 96px);
    max-height: clamp(64px, 12vw, 96px);
}
.publishBox .publishDesc h4 a {
    color: var(--color3);
    font-family: var(--medium);
    font-size: clamp(14px, 2vw, 18px);
    transition: 0.4s;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
    line-height: 1;
    margin-bottom: 8px;
}
.publishBox .publishDesc span {
    font-size: 14px;
    color: var(--color3);
    line-height: 1;
}
.publishBox i {
    width: clamp(40px, 2vw, 48px);
    height: clamp(40px, 2vw, 48px);
    background: #E6E6E6;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
    border-radius: 12px;
    box-shadow: 3px 3px 0px 0px var(--shadow);
    color: var(--color1);
    float: left;
    position: absolute;
    left: 1rem;
    top: 50%;
    transform: translateY(-50%);
    transition: 0.4s;
}
.publishBox i:before {
    transform: rotate(45deg);
}
.publishBox:hover i {
    background-color: var(--color1);
    color: var(--white);
}
.publishers .s-title:before {
    content: "";
    background-image: url(../img/icon-title.svg);
    transform: translateY(-70px) translateX(-298px);
    position: absolute;
    color: var(--color3);
    width: 60px;
    height: 84px;
    background-repeat: no-repeat;
    background-size: contain;
}
@media only screen and (max-width: 768px) {
	.publishBox {
		flex-direction: column;
		text-align: center;
		padding: 1rem 0.5rem;
	}

	.publishBox i {
		position: unset;
		transform: none;
	}
	.publishBox .publishDesc span{
		display:none;
	}
}
/** Footer **/
footer .namads {
    display: flex;
    gap: 8px;
}
footer {
    background-color: var(--color3);
    color: var(--white);
    padding: 4rem 0 2rem;
}
.footer-logo {
    display: flex;
}
.footer-desc {
    margin-block: 1rem;
    text-align: right;
}
footer .footer-second span,
footer a {
    color: var(--white);
    transition: 0.4s;
    font-size: 14px;
}
footer ul {
    padding: 0;
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 12px;
    line-height: 1.8;
}
.footer-contact {
    line-height: 2;
}
.footer-contact li {
    display: flex;
    gap: 10px;
}
.footer-contact li i {
    width: 20px;
    height: 20px;
    font-size: 20px;
}
footer a:hover {
    color: var(--color2);
}
.footer-rows {
    display: flex;
    flex-wrap: wrap;
    gap: clamp(20px, 2vw, 80px);
}
.footer-rows .footer-first,
.footer-rows .footer-second {
    flex: 0 0 30%;
}
.footer-three {
    display: flex;
    justify-content: space-between;
    gap: 72px;
}
.copy-right-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #060929;
    border-radius: 24px;
    padding: 12px;
    min-height: 83px;
    margin-top: 3rem;
    font-size: 14px;
}
.copy-right-wrap .namads a {
    display: flex;
    max-width: 59px;
    max-height: 59px;
    overflow: hidden;
}
.copy-right-wrap .namads img {
    border-radius: 12px;
    transition: 0.4s;
}
.copy-right-wrap .namads a:hover {
    transform: rotateY(360deg);
}
.copy-right strong {
    color: var(--color2);
}
footer .footer-title {
    font-size: clamp(16px, 2vw, 22px);
    position: relative;
    padding-bottom: 12px;
    margin-bottom: 21px;
}
footer .footer-title:before {
    content: "";
    width: 24px;
    height: 2px;
    border-radius: 3px;
    position: absolute;
    background: white;
    bottom: 0;
    right: 0;
}
.socials {
    display: flex;
    gap: 8px;
}
.socials a {
    width: 36px;
    height: 36px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--white);
    color: var(--color3);
    border-radius: 50px;
    border: 2px solid #4a4d69;
    box-shadow: 3px 3px 0px 0px var(--shadow);
    font-size: 16px;
    transition: 0.4s;
}
.socials a:hover {
    color: var(--white);
    background: var(--color2);
}
.call-footer-2 {
    position: relative;
    padding-right: 12px;
}
.call-footer-2:before {
    width: 1px;
    content: "";
    height: 12px;
    background: white;
    position: absolute;
    right: 0;
    top: 40%;
    transform: translateY(-50%);
}
/* --------------------
    Modal bootstrap Css
-------------------- */
.modal-open {
    overflow: hidden;
}
.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1050;
    display: none;
    overflow: hidden;
    outline: 0;
    background-color: rgb(0 0 0 / 75%);
}
.modal-open .modal {
    overflow-x: hidden;
    overflow-y: auto;
}
.modal-dialog {
    position: relative;
    width: auto;
    height: 100%;
    margin: 0.5rem;
    pointer-events: none;
    border-radius: 20px;
}
.modal.fade .modal-dialog {
    transition: -webkit-transform 0.3s ease-out;
    transition: transform 0.3s ease-out;
    transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
    -webkit-transform: translate(0, -25%);
    transform: translate(0, 0);
}
.modal.show .modal-dialog {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
}
.modal-dialog-centered {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    min-height: calc(100% - (0.5rem * 2));
}
.modal .form-group {
    position: relative;
} 
.modal-content {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    width: min(550px,94%);
	    max-height: 100%;
    overflow-y: auto;
    height: auto;
    margin-inline: auto;
    pointer-events: auto;
    background-clip: padding-box;
    border-radius: 20px;
    outline: 0;
    color: #313131;
    font-size: 14px;
    background: #fff; 
}
#websima-auth-modal .alert {
    padding-left: 3rem;
    padding-right: 2rem;
    width: min(550px, 94%);
    margin-inline: auto;
    border-radius: 12px;
    text-align: center;
    font-size: 14px;
    margin-top: 0.5rem;
}
#websima-auth-modal .alert.bg-primary {
    background-color: #cce5ff!important
}

#websima-auth-modal .alert.bg-success {
    background-color: #ecf9ee!important
}

#websima-auth-modal .alert.bg-bg-danger {
    background-color: #fff5f5!important
} 
#websima-auth-modal input {
    text-align: revert
}
#websima-auth-modal form label.error {
    margin: 0 !important;
    position: absolute;
    top: 100%; 
    color: #d53343;
    background: none;
	line-height: 1;
    font-size: 12px;
    display: block;
    padding: 5px;
}
.modal-header {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 1rem;
    border-bottom: 1px solid #e9ecef;
    border-top-left-radius: 0.3rem;
    border-top-right-radius: 0.3rem;
}
.modal-title {
    margin-bottom: 0;
    line-height: 1.5;
    font-size: clamp(14px, 2vw, 16px);
    display: flex;
    align-items: center;
}
.modal-title i {
    margin-left: 10px;
    font-size: 20px;
}
.modal-body {
    position: relative;
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 30px 0 30px;
    text-align: center;
}
.modal-footer {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
    padding: 1rem;
    border-top: 1px solid #e9ecef;
}
.modal-footer > :not(:first-child) {
    margin-left: 0.25rem;
}
.modal-footer > :not(:last-child) {
    margin-right: 0.25rem;
}
.modal-scrollbar-measure {
    position: absolute;
    top: -9999px;
    width: 50px;
    height: 50px;
    overflow: scroll;
}
.modal-header .close {
    padding: 0.5rem 1rem;
    margin: -1rem auto -1rem -1rem;
    background: transparent;
    border: none;
    color: black;
    font-size: 29px;
    transition: 0.4s;
    cursor: pointer;
}
.modal-header .close:hover {
    color: var(--danger);
}
/** login **/
.btnLogin span {
    display: flex;
    align-items: center;
}
.btnLogin {
    border: 0;
    background: no-repeat;
    display: flex;
    position: relative;
    margin: auto;
    align-items: stretch;
}
/* --------------------
    Alerts
-------------------- */
#wrapper .cart-empty.woocommerce-info,
.wpcf7-response-output.wpcf7-validation-errors,
.woocommerce-error,
.woocommerce-mini-cart__empty-message,
.comment-awaiting-moderation.waiting_pm,
.stock.out-of-stock {
    background: var(--strock);
    color: var(--color3);
    border-radius: 12px;
    text-align: center;
    font-size: 14px;
    display: block;
    font-style: normal;
    margin-bottom: 1rem;
    min-height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
}
.woocommerce-error li a {
    color: var(--color3);
}
.woocommerce-message,
.woocommerce-success,
.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    color: var(--white);
    text-align: center;
    padding: 10px;
    background: green;
    border-radius: 15px;  
    max-width: fit-content;
    margin: 20px auto 30px;
    font-size: 14px;
    padding-inline: 24px;
    border: 0;
}
.woocommerce-info:not(.woocommerce-message) a:hover {
    color: var(--color1);
}
.woocommerce-info:not(.woocommerce-message) {
    margin-bottom: 10px;
    background: #f9f9f9;
    padding: 10px;
    border-radius: 5px;
    text-align: center;
    border: 1px solid var(--color1);
    color: var(--color1);
}
.call-for-price {
    color: var(--color1);
    font-family: var(--medium);
    min-height: 58px !important;
    display: flex;
    align-items: center;
}
.product-item .call-for-price,
.product-item .out-of-stock {
    width: fit-content;
}
.out-of-stock {
    height: 56px;
    display: inline-flex;
    color: var(--color2);
    align-items: center;
}
.header-mm.d-block.d-lg-none {
    line-height: 1;
}
.quick--access {
    width: calc(100% - 30px);
    background: var(--white);
    border-radius: 12px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: clamp(10px, 2vw, 30px);
    position: fixed;
    z-index: 12;
    inset: auto 0 10px 0;
    min-height: 66px;
    margin: auto;
    box-shadow: 3px 3px 0px 0px var(--shadow);
    border: 1px solid var(--color3);
}
.quick--access .rowMenu > * {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 4px;
    color: var(--color3);
    font-size: 12px;
    position: relative;
    line-height: 1.8;
}
.quick--access i {
    font-size: 24px;
}
.quick--access .quick-home:before {
    /*content: "\e92d";*/
    font-family: 'icomoon';
    position: absolute;
    top: -18px;
    right: -18px;
    width: 6px;
    height: 6px;
    transform: translateX(-50%);
    border-radius: 50%;
    color: var(--white);
}
.home .quick--access .quick-home {
    color: var(--color1);
    font-size: 12px;
}
.rowMenu {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    gap: clamp(8px, 6vw, 38px);
}
button.quick-access-item {
    border: 0;
    background: no-repeat;
}
button.quick-access-item i {
    font-size: 24px;
    margin-bottom: 4px;
}
.section-brands .swiper-free-mode > .swiper-wrapper {
    transition-timing-function: linear !important;
}
.search-pup-up {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10;
    color: white;
    overflow: hidden;
    overflow-y: visible;
    display: none;
    padding: 16px 16px;
    background: #00000033;
    backdrop-filter: blur(12px);
}
.search-pup-up #fast-search-input::placeholder {
    color: #BABABA;
}
.search-pup-up .search-form:after {
    content: "\e909";
    font-family: "icomoon";
    font-size: 24px;
    position: absolute;
    right: 28px;
    display: block;
    top: 10px;
    color: #313233;
}
.search-pup-up .search-results-box {
    background: unset;
    position: relative;
    top: unset;
    overflow: auto;
}
.fd-outer.search-close {
    width: 90%;
    margin: 0 auto 12px !important;
}
/* --------------------
    Mini card
-------------------- */
.detail-mini .cart-attributes {
    display: none;
}
.detail-mini .product-item-title {
    margin-bottom: 10px;
}
.head_item_box_title i {
    margin-left: 10px;
    font-size: 21px;
}
.head_item_box_title {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: center;
    margin-bottom: 25px;
    font-size: 18px;
    background-color: var(--color1);
    color: var(--white);
    padding: 10px;
    border-radius: 4px;
}
.head_item_box {
    position: fixed;
    left: -100%;
    top: 0;
    bottom: 0;
    z-index: 99999;
    background: var(--white);
    transition: 0.5s;
    max-width: calc(100% - 30px);
    width: 380px;
    padding: 20px;
    overflow: auto;
    scrollbar-color: var(--color3) #fff;
    scrollbar-width: thin;
}
.head_item_box.active {
    left: 0;
}
.head_item_box::-webkit-scrollbar {
    width: 5px;
}
.head_item_box::-webkit-scrollbar-track {
    background: #fff;
}
.head_item_box::-webkit-scrollbar-thumb {
    background: var(--color1);
}
.head_item_cart .count {
    position: absolute;
    font-size: 10px;
    width: 15px;
    height: 15px;
    border: 1px solid var(--color1);
    border-radius: 14px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color1);
    top: -5px;
    right: -2px;
    background: #fff;
}
.shopping_box_close:hover {
    color: #fff;
}
.shopping_box_close {
    cursor: pointer;
    background-color: red;
    color: var(--color1);
    position: absolute;
    font-size: 13px;
    top: 36px !important;
    right: 29px !important;
    display: flex;
    transition: 0.4s;
    transform-origin: center;
    line-height: 1;
    width: 20px;
    height: 20px;
    align-items: center;
    justify-content: center;
    padding: 5px;
    border-radius: 3px;
}
.parent_item_cart {
    margin-right: 12px;
}
.product-quantity .quantity input {
    background: none;
}
.parent_item_cart .sub_part {
    position: absolute;
    top: 100%;
    z-index: 9999;
    background: white;
    border-radius: 20px;
    padding: 20px;
    transition: 0.4s;
    border: 1px solid #f0f0f0;
}
.woocommerce-mini-cart-item.mini_cart_item .product-quantity__txt {
    display: none;
}
.woocommerce-mini-cart-item.mini_cart_item .price del {
    font-size: clamp(10px, 2vw, 12px);
}
.woocommerce-mini-cart-item.mini_cart_item .price ins {
    font-size: clamp(14px, 2vw, 18px);
}
.woocommerce-mini-cart-item.mini_cart_item {
    display: flex;
    position: relative;
    font-size: 13px;
    flex-wrap: wrap;
    margin-bottom: 10px;
    padding: 10px 10px 10px 20px;
    border-radius: 12px;
    flex-direction: column;
    border: 1px solid var(--color3);
    box-shadow: 3px 3px 0px 0px var(--shadow);
    transition: 0.4s;
}
.woocommerce-mini-cart-item.mini_cart_item:hover {
    box-shadow: unset;
}
.woocommerce-mini-cart .mini_cart_item a.remove:hover {
    color: #443b3b;
}
.woocommerce-mini-cart .mini_cart_item a.remove {
    color: var(--danger);
    font-size: 21px;
    transition: 0.3s;
    width: 20px;
    height: 20px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 6px;
    position: absolute;
    padding-left: 0 !important;
    left: 5px;
    top: 50%;
    transform: translateY(-50%);
    border: 1px solid;
    padding-top: 4px;
}
.woocommerce-mini-cart__total.total bdi {
    justify-content: center;
}
.woocommerce-mini-cart .mini_cart_item a {
    display: flex;
    align-items: center;
    color: var(--color3);
    justify-content: space-around;
}
.woocommerce-mini-cart-item.mini_cart_item img {
    height: auto;
    margin-left: 15px;
    border: 1px solid #eee;
    flex: 0 0 50px;
    max-width: 70px;
    border-radius: 12px;
}
.woocommerce-mini-cart dl.variation {
    display: none;
}
.woocommerce-mini-cart span.detail-mini {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    align-items: flex-end;
    font-size: 13px;
    line-height: 1.5;
    color: var(--lightwhite);
}
.woocommerce-mini-cart .detail-mini .quantity {
    font-size: 13px;
    line-height: 1.5;
    position: relative;
    text-align: left;
    display: flex;
    justify-content: flex-end;
    gap: 20px;
    max-width: fit-content;
    border: 0;
    padding-left: 0;
    color: var(--color3);
}
.woocommerce-mini-cart .detail-mini .price {
    min-height: unset;
    color: var(--color3);
    position: relative;
}
.woocommerce-mini-cart span.detail-mini .on-sale {
    width: 32px;
    height: 20px;
    border-radius: 8px;
    position: absolute;
    top: 0;
    left: 0;
    font-size: 12px;
    background: var(--color2);
    color: var(--white);
    display: flex;
    align-items: center;
    justify-content: center;
}
.single-product .woocommerce-mini-cart span.detail-mini .on-sale {
    top: 12px;
    position: absolute;
}
.woocommerce-mini-cart .detail-mini .price del {
    padding-left: 46px;
}
.woocommerce-mini-cart__total.total span {
    font-size: 1.5rem;
    color: var(--color3);
    font-weight: bold;
}
.woocommerce-mini-cart__total.total .woocommerce-Price-currencySymbol {
    font-size: 16px;
}
.woocommerce-mini-cart__buttons.buttons {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.woocommerce-mini-cart__buttons.buttons a {
    min-height: 40px;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 2rem;
    padding-inline: 12px;
    background: var(--color1);
    color: var(--white);
    border-radius: 8px;
    box-shadow: 3px 3px 0px 0px var(--shadow);
    transition: 0.4s;
    font-family: var(--medium);
    border: 1px solid transparent;
    cursor: pointer;
    font-size: 14px;
}
.woocommerce-mini-cart__buttons.buttons a:hover {
    background: var(--white);
    box-shadow: 0px 0px 0px 0px var(--color3);
    color: var(--color3);
    border: 1px solid var(--color3);
}
.woocommerce-mini-cart__total.total {
    margin: 18px 0;
    font-size: 15px;
    display: flex;
    justify-content: space-between;
}
/****/
.search-by-json {
    position: unset !important;
}
.search-by-json .body .default .popular .menu-popular ul li,
.search-by-json .body .is-search .list-category ul li {
    background: none !important;
}
/** 404 **/
#breadcrumbs {
    margin: 24px 0 32px;
    line-height: 1.5;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    z-index: 1;
    position: relative;
}
#breadcrumbs .col-12 > span {
    display: flex;
    align-items: center;
    gap: 4px;
}
#breadcrumbs i,
#breadcrumbs a {
    color: rgb(7 11 49 / 0.5);
    transition: 0.4s;
}
#breadcrumbs a:hover {
    color: var(--color3);
}
.breadcrumb_last {
    color: var(--color1);
    padding-top: 2px;
}
#breadcrumbs .col-12 > span span {
    position: relative;
    font-size: clamp(14px, 2vw, 16px);
}
/**/
.error404 #breadcrumbs i,
.error404 #breadcrumbs a {
    color: rgb(255 255 255 / 0.75);
}
.error404 #main {
    margin-top: -5.1rem;
}
.error404 .breadcrumb_last {
    color: var(--white);
}
.error404 #breadcrumbs {
    color: white;
}
.error-page {
    position: relative;
    background-image: url(../img/back404.webp);
    padding-block: 120px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}
.error-image {
    display: flex;
}
.error-box {
    text-align: center;
}
.error-wrap {
    margin: 40px 0 0;
    color: var(--white);
    font-family: var(--medium);
}
.error-desc {
    font-size: clamp(22px, 2vw, 28px);
    margin: 16px 0 24px;
}
.error-text {
    font-size: 20px;
}
.error-wrap .c-btn {
    margin-top: 24px;
}
/** FAQ **/
.page-template-template-faq .col-lg-10.mx-auto {
    margin-bottom: clamp(3.5rem, 6vw, 6.5rem);
}
.swiper-faq-wrapper {
    margin-bottom: clamp(24px, 2vw, 32px);
}
.swiper-faq {
    background: var(--color3);
    color: white;
    padding: 16px 24px;
    border-radius: 16px;
    box-shadow: 3px 3px 0px 0px var(--shadow);
}
.swiper-faq a {
    color: var(--white);
    transition: 0.4s;
    font-family: var(--medium);
}
.faq-cat {
    border-radius: 12px;
    box-shadow: unset;
    min-height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-inline: 8px;
    transition: 0.4s;
    cursor: pointer;
}
.faq-cat:hover,
.faq-cat.active {
    background: var(--white);
    box-shadow: 3px 3px 0px 0px var(--shadow);
}
.faq-cat:hover a,
.faq-cat.active a {
    color: var(--color3);
}
.faqs-item {
    border: 1px solid var(--color3);
    border-radius: 16px;
    box-shadow: 3px 3px 0px 0px var(--shadow);
    padding: 2rem;
    margin-bottom: 1.5rem;
}
.faqs-item:last-child {
    margin-bottom: 0;
}
.faqs-question {
    display: flex;
    align-items: center;
    gap: 16px;
    position: relative;
    cursor: pointer;
}
.faq-num {
    width: 48px;
    height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #E6E6E6;
    border-radius: 12px;
    box-shadow: 3px 3px 0px 0px var(--shadow);
    color: var(--color3);
    transition: 0.4s;
    flex: 0 0 48px;
}
.faqs-item p {
    margin-bottom: 0;
}
.faqs-item .faqs-question p {
    font-size: clamp(14px, 2vw, 18px);
    color: var(--color3);
    transition: 0.4s;
    padding-left: 2rem;
    font-family: var(--medium);
}
.faqs-question:hover p,
.faqs-item.active .faqs-question p {
    color: var(--color1);
}
.faqs-question:hover .faq-num,
.faqs-item.active .faq-num {
    background: var(--color1);
    color: var(--white);
}
.faqs-answer .main-content {
    padding-top: 16px;
    margin-top: 16px;
    border-top: 1px solid #E2E2E2;
    transition: 0.4s;
}
.faqs-question .icon-plus {
    width: clamp(22px, 2vw, 32px);
    height: clamp(22px, 2vw, 32px);
    border: 2px solid var(--color3);
    color: var(--color3);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    float: left;
    position: absolute;
    left: 0;
    font-size: clamp(18px, 2vw, 22px);
    transition: 0.4s;
    font-weight: bold;
}
.faqs-item.active .faqs-question .icon-plus {
    border-color: var(--color1);
    color: var(--color1);
}
.faqs-item.active .faqs-question .icon-plus:before {
    content: "\e926";
}
.notfaq {
    background: var(--color2);
    border-radius: 12px;
    min-height: 4rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
}
/** Contacts **/
.contact-info {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1.5rem;
    list-style: none;
    padding: 0;
}
ul.contact-info li {
    background: white;
    min-height: 96px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0.5rem 1rem;
    box-shadow: 3px 3px 0px 0px var(--shadow);
    border-radius: 1rem;
    border: 1px solid var(--color3);
}
ul.contact-info li i {
    font-size: 30px;
    color: var(--color1);
}
ul.contact-info li .d-li-flex {
    display: flex;
    gap: 12px;
    line-height: 1.7;
    align-items: center;
    min-width: 150px;
}
ul.contact-info li a,
ul.contact-info li span {
    color: var(--color3);
    font-family: var(--medium);
    transition: 0.4s;
	line-height: 1.5;
    font-size: 14px;
    text-align: left;
}
ul.contact-info li a:hover {
    color: var(--color2);
}
.footerSocialIconPart {
    background: var(--color3);
    color: var(--white);
    min-height: 96px;
    padding: 0.5rem 2rem 0.5rem 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-radius: 1rem;
    margin-top: 1.5rem;
}
.footerSocialIconPart .social {
    display: flex;
    gap: 1rem;
}
.footerSocialIconPart .social a {
    font-size: 30px;
    color: var(--white);
    width: 3rem;
    height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s;
    border-radius: 12px;
    background: #060929;
}
.footerSocialIconPart .social a:hover {
    background: var(--white);
    color: var(--color3);
}
.footerSocialIconPart span {
    font-size: 18px;
}
.tab-content {
    position: relative;
}
.contact-dir-button {
    position: absolute;
    top: 2rem;
    right: 2rem;
    width: 90%;
    gap: 1rem;
    display: flex;
}
.contact-dir-button a {
    box-shadow: 3px 3px 0px 0px var(--shadow);
    padding: 6px 12px;
    border-radius: 16px;
    background: var(--white);
    display: flex;
    align-items: center;
    gap: 8px;
    color: #022A5A;
    min-width: 100px;
    transition: 0.4s;
    min-height: 3rem;
}
.contact-dir-button a:hover {
    box-shadow: unset;
}
.websima-map {
    margin-bottom: 1.5rem;
    box-shadow: 3px 3px 0px 0px var(--shadow);
}
.mapp-container .item-set.vertical:not(.reverse) > .margined-small {
    margin-bottom: 1rem !important;
}
.li-phone {
    display: flex;
    align-items: center;
    gap: 24px;
}
.li-phone a {
    position: relative;
}
.li-phone a:not(:last-child):before {
    content: "";
    width: 2px;
    height: 16px;
    background: var(--strock);
    position: absolute;
    right: calc(100% + 12px);
    top: 50%;
    transform: translateY(-50%);
}
/**/
.websima-contact-form .input-cform {
    width: 48%;
    clear: none !important;
    margin-bottom: 56px !important;
}
.acf-fields > .acf-field {
    border: 0 !important;
    padding: 0 !important;
}
.acf-field.acf-field-email {
    float: left;
}
.acf-field.acf-field-text {
    float: right;
}
.acf-form textarea::placeholder,
.acf-form input::placeholder {
    font-size: 16px !important;
    color: #D3D4D4 !important;
}
input::placeholder,
textarea::placeholder {
    font-family: var(--regular);
}
.acf-field .acf-label label {
    color: var(--color3);
    line-height: 1.8;
    margin-bottom: 8px !important;
}
.acf-field .acf-notice.-error {
    background: none !important;
    border: none !important;
    margin: 0;
    padding: 0;
    position: absolute;
    bottom: -34px;
    color: #B00020 !important;
    font-size: 14px !important;
}
.acf-notice.-error.acf-error-message.-dismiss {
    display: none;
}
.acf-notice p {
    margin: 0.5em;
}
.acf-form-submit {
    position: relative;
}
.acf-form-submit .c-btn {
    margin-top: 1.5rem;
}
.acf-form-submit button {
    font-size: 1rem;
}
.acf-spinner {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 39%;
}
.leaflet-marker-icon {
    width: 80px !important;
    height: 96px !important;
}
.mapp-container .is-rounded {
    border-radius: 12px !important;
    min-width: 48px;
    min-height: 48px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 3px 3px 0px 0px var(--shadow) !important;
    transition: 0.4s;
    cursor: pointer;
}
.page-template-template-contact .s-intro {
    position: relative;
    background: unset;
    box-shadow: unset;
}
.page-template-template-contact .s-intro:before {
    content: "";
    background: var(--color3);
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 512px;
    border-radius: 16px;
    z-index: -1;
    box-shadow: 3px 3px 0px 0px var(--shadow);
}
.mapp-container .mapp-footer .triggers.left {
    left: 2rem !important;
    top: -1rem;
}
/** iconBox_2  **/
.iconBox_2 .img-box {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 20px;
    line-height: 1.4;
}
.iconBox_2 .img-box i {
    font-size: 28px;
    color: var(--color1);
}
.iconBox_2 .img-box img,
.iconBox_2 .img-box i {
    max-width: 2rem;
    max-height: 2rem;
}
.iconBox_2 .boxs {
    padding-right: 1.5rem;
    margin-bottom: 2rem;
}
.iconBox_2 .boxs:before {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    border: 1px solid var(--color3);
    height: 100%;
    width: 8px;
    border-radius: 24px;
    box-shadow: 3px 3px 0px 0px var(--shadow);
}
.iconBox_2 .boxs.boxs-2:before {
    content: none;
}
.wrapp-boxs-2 {
    border: 1px solid var(--color3);
    box-shadow: 3px 3px 0px 0px var(--shadow);
    margin-bottom: clamp(16px, 5vw, 24px);
    border-radius: 1rem;
    padding: 1.5rem;
    position: relative;
    transition: 0.4s;
    background: white;
}
.boxs.boxs-2:nth-last-child(1) .wrapp-boxs-2 {
    margin-bottom: 0;
}
.wrapp-boxs-2:hover {
    box-shadow: unset;
}
.wrapp-boxs-2 .iconbox-title {
    font-size: clamp(14px, 2vw, 16px);
}
.wrapp-boxs-2 .iconbox-title a {
    color: var(--color3);
    transition: 0.4s;
}
.wrapp-boxs-2:hover .iconbox-title a {
    color: var(--color1);
}
.wrapp-boxs-2 p {
    font-size: clamp(12px, 2vw, 14px);
}
.wrapp-boxs-2 .img-box {
    margin-bottom: 12px;
}
.iconBox_2 .boxs.boxs-2 {
    padding-right: 15px;
    margin-bottom: 0rem;
}
/** Gallery**/
.gallery-item {
    text-align: center;
    gap: 24px;
    display: flex;
    flex-direction: column;
}
.gallery-item a {
    transition: 0.4s;
    box-shadow: 3px 3px 0px 0px var(--shadow);
    border: 1px solid var(--color3);
    min-height: 250px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1.5rem;
}
.gallery-item:hover a {
    box-shadow: unset;
    background: var(--color3);
}
.gallery-item a img {
    position: relative;
}
.gallery-item .caption {
    transition: 0.4s;
    font-family: var(--medium);
    color: var(--color3);
}
.gallery-item:hover .caption {
    color: var(--color1);
}
/** Gallery 2 **/
.grid-gallery {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    /*grid-template-rows: repeat(2, 1fr);*/
    gap: 24px;
    grid-template-rows: 205px 205px;
    direction: ltr;
}
.grid-item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 1.5rem;
    transition: 0.4s;
    position: relative;
}
.grid-item a:hover img {
    filter: brightness(0.5);
}
.grid-gallery .grid-item:nth-child(1) {
    grid-area: 1 / 9 / 2 / 13;
}
.grid-gallery .grid-item:nth-child(2) {
    grid-area: 2 / 11 / 3 / 13;
}
.grid-gallery .grid-item:nth-child(3) {
    grid-area: 2 / 9 / 3 / 11;
}
.grid-gallery .grid-item:nth-child(4) {
    grid-area: 1 / 5 / 3 / 9;
}
.grid-gallery .grid-item:nth-child(5) {
    grid-area: 1 / 3 / 2 / 5;
}
.grid-gallery .grid-item:nth-child(6) {
    grid-area: 1 / 1 / 2 / 3;
}
.grid-gallery .grid-item:nth-child(7) {
    grid-area: 2 / 1 / 3 / 5;
}
/** Editor **/
.editor-content .swiper-button-next {
    right: calc(100% + -16px) !important;
    transform: rotate(180deg) translateY(-20%);
}
.editor-content .swiper-button-prev {
    left: calc(100% + -16px) !important;
    transform: rotate(180deg) translateY(-20%);
}
/** History **/
.mytestimonial .swiper-wrapper {
    height: 350px;
}
.mytestimonial1 .swiper-wrapper {
    height: 460px;
}
.mytestimonial2 .swiper-wrapper {
    height: 635px;
}
.mytestimonial1 .date-item {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative;
    cursor: pointer;
}
.mytestimonial1 .date-item span {
    padding-left: 20px;
}
.mytestimonial1 .date-item.swiper-slide-active span {
    padding-left: 35px;
}
.mytestimonial1 .date-item:before {
    content: "";
    position: absolute;
    left: 0;
    top: 48%;
    transform: translateY(-50%);
    width: 8px;
    height: 8px;
    border-radius: 100px;
    background-color: var(--color3);
    transition: 0.4s;
}
.mytestimonial1 .date-item.swiper-slide-active:before {
    width: 24px;
    background-color: var(--color1);
}
.mytestimonial2 .swiper-slide .img-item img {
    transform: scale(0.7);
    border-radius: 2rem;
    box-shadow: 3px 3px 0px 0px var(--shadow);
    width: 100%;
    transition: 0.4s;
}
.mytestimonial2 .swiper-slide.swiper-slide-active .img-item img {
    transform: scale(1);
}
.mytestimonial2:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, white, transparent);
    width: 100%;
    height: 110px;
    z-index: 2;
}
.mytestimonial2:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    background: linear-gradient(0deg, white, transparent);
    width: 100%;
    height: 110px;
    z-index: 2;
}
.mytestimonial .date-item {
    font-size: 42px;
    color: var(--color1);
}
.mytestimonial .title-item {
    font-size: 24px;
    margin: 8px 0 24px;
    font-family: var(--demibold);
}
/** Blog Archive **/
.archive-intro .sec-intro .image-intro {
    flex: 0 0 50%;
}
.post-item-wrap {
    margin-bottom: 1.5rem;
}
#more-tax-desc {
    color: var(--white);
    background: var(--color3);
    border-radius: 2rem;
    padding: 3rem;
    margin-top: 5.5rem;
}
#more-tax-desc a {
    color: var(--color1);
    transition: 0.4s;
}
#more-tax-desc a:hover {
    color: var(--color2);
}
#more-tax-desc .s-title {
    text-align: right;
    margin: 0 0 1.5rem;
    color: var(--white);
}
#more-tax-desc ol li:after {
    background: var(--color2);
}
#more-tax-desc ol li:before {
    color: var(--color2);
}
.post-hr {
    display: flex;
    align-items: center;
    gap: 1.5rem;
}
.post-hr .post-desc {
    width: 100%;
}
.post-hr .post-item-image {
    flex: 0 0 29%;
    margin: 0;
}
.blog-content.active {
    display: grid;
    gap: 1.5rem;
}
.blog-content {
    display: none;
}
.blogs-tab {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 1.5rem;
    box-shadow: 3px 3px 0px 0px var(--shadow);
    border: 1px solid var(--color3);
    min-height: 80px;
    border-radius: 1rem;
    padding: 14px;
    max-width: 520px;
}
.blogs-tab a {
    min-width: 150px;
    box-shadow: none;
    padding: 8px;
    min-height: 3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--color3);
    font-family: var(--medium);
    border-radius: 12px;
    transition: 0.4s;
}
.blogs-tab a:hover,
.blogs-tab a.active {
    box-shadow: 3px 3px 0px 0px var(--shadow);
    background-color: var(--color1);
    color: var(--white);
}
/* sidebar*/
.sidebar {
    position: sticky;
    top: 10px;
}
.help-heading,
.sidebar-blog .widget-side {
    border: 1px solid var(--color3);
    box-shadow: 3px 3px 0px 0px var(--shadow);
    padding: 1.5rem;
    border-radius: 1rem;
    background: var(--white);
}
.help-heading .footer-title-custom,
.sidebar-blog .widget-side .widget-title {
    font-family: var(--medium);
    font-size: 18px;
    background: #E6E6E6;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    box-shadow: 3px 3px 0px 0px var(--shadow);
    color: var(--color3);
}
.sidebar-banner {
    display: flex;
    border-radius: 2rem;
    overflow: hidden;
    margin-block: clamp(16px, 2vw, 24px);
    box-shadow: 3px 3px 0px 0px var(--shadow);
    transition: 0.4s;
}
.sidebar-banner:hover {
    box-shadow: none;
}
.sidebar-banner img {
    width: 100%;
}
.help-heading ul,
.sidebar-blog ul {
    margin-top: 1.5rem;
}
.help-heading ul li:not(:last-child),
.sidebar-blog .cat-item:not(:last-child) {
    margin-bottom: 1.5rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid var(--strock);
}
.help-heading ul a,
.sidebar-blog .cat-item a {
    color: var(--color3);
    transition: 0.4s;
}
.help-heading ul a:hover,
.sidebar-blog .cat-item a:hover {
    color: var(--color1);
}
.archive-intro .sec-intro.textRight:after,
.archive-intro .sec-intro.textRight:before {
    content: none;
}
.access-post a,
.cta-items a {
    position: relative;
    display: flex;
    gap: 12px;
    box-shadow: 3px 3px 0px 0px var(--shadow);
    border: 1px solid var(--color3);
    margin-bottom: clamp(16px, 2vw, 24px);
    min-height: 92px;
    align-items: center;
    padding: 1.5rem;
    border-radius: 1.5rem;
    color: var(--color3);
    font-family: var(--demibold);
    transition: 0.4s;
    background: var(--white);
}
.access-post a:hover,
.cta-items a:hover {
    box-shadow: none;
    color: var(--white);
    background: var(--color3);
}
.access-post a .icon-arrowLeft,
.cta-items a .icon-arrowLeft {
    position: absolute;
    left: 1.5rem;
    font-size: 14px;
    width: 20px;
    height: 20px;
    transition: 0.4s;
    color: var(--color3);
}
.access-post a:hover .icon-arrowLeft,
.cta-items a:hover .icon-arrowLeft {
    color: var(--white);
}
.cta-items a .icon-bg {
    max-width: 2rem;
    max-height: 2rem;
    font-size: 28px;
    color: var(--color1);
    transition: 0.4s;
}
.cta-items a:hover .icon-bg {
    color: var(--white);
}
.widget_categories .cat-item {
    position: relative;
    transition: 0.4s;
}
.widget_categories .cat-item.active > a {
    color: var(--color1);
}
.widget_categories .cat-item .caticon:before {
    content: "\e901";
    font-family: 'icomoon';
    width: 1rem;
    height: 1rem;
    position: absolute;
    left: 0;
    top: 8px;
    color: #212112;
    font-size: 14px;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: 0.4s;
}
.widget_categories .cat-item .caticon.active:before {
    transform: rotateX(180deg);
    color: var(--color1);
}
.widget_categories .cat-item .children li {
    padding-right: 12px;
    position: relative;
}
.widget_categories .cat-item .children li:before {
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 50%;
    position: absolute;
    right: 0;
    top: 14px;
    background: var(--color3);
}
/** CTA **/
.cta-wrapper {
    position: relative;
    background: var(--color3);
    color: var(--white);
    padding: 3rem;
    display: flex;
    align-items: center;
    border-radius: 1rem;
}
.cta-image {
    position: absolute;
    left: 48px;
    bottom: 0;
    display: flex;
}
.cta-image img {
    width: 100%;
}
.cta-wrapper .s-title {
    font-size: clamp(20px, 2vw, 24px);
}
.cta-wrapper .Qbtn {
    max-width: 154px;
}
/** Single **/
.single-post .title-heading {
    font-size: clamp(24px, 2vw, 32px);
    font-family: var(--demibold);
}
.single-top img {
    width: 100%;
    border-radius: 2rem;
}
.thumbnailSingle img {
    margin-block: clamp(16px, 2vw, 48px);
}
.access-post a {
    margin-bottom: 1rem;
}
.help-heading {
    margin-bottom: 1.5rem;
}
.help-heading ul a {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 1;
}
.single-content {
    border-bottom: 1px solid #DEDEDE;
    padding-bottom: 32px;
    margin-bottom: 16px;
}
.title-tag {
    font-size: 18px;
    color: var(--color3);
}
.tag_post {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
    margin-top: 1rem;
}
.tag_post a {
    padding: 5px 18px;
    background-color: var(--white);
    color: var(--color3);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    box-shadow: 3px 3px 0px 0px var(--shadow);
    transition: 0.4s;
    font-family: var(--medium);
    border: 1px solid var(--color3);
    font-size: 14px;
}
.tag_post a:hover {
    background-color: var(--color1);
    color: var(--white);
}
.copy-btn {
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    font-size: 22px;
    cursor: pointer;
    position: relative;
}
.tooltip-url {
    position: absolute;
    background: var(--color3);
    padding: 4px;
    border-radius: 11px;
    bottom: 130%;
    min-width: 75px;
    right: 50%;
    transform: translateX(50%);
    opacity: 0;
    visibility: hidden;
    transition: 0.4s ease;
    white-space: nowrap;
    font-size: 13px;
    text-align: center;
    z-index: 1;
    color: var(--white);
}
.copy-btn:hover .tooltip-url {
    opacity: 1;
    visibility: visible;
}
.copy-btn .tooltip-url::before {
    content: "";
    display: block;
    position: absolute;
    right: 50%;
    bottom: -8px;
    width: 0;
    height: 0;
    box-sizing: border-box;
    border: 3px solid var(--color3);
    transform-origin: 0 0;
    transform: rotate(-45deg) translateX(50%);
    z-index: 0;
}
.single-meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.date-cat {
    display: flex;
    align-items: center;
    gap: 24px;
}
.date-cat i {
    width: 1.5rem;
    height: 1.5rem;
    font-size: 22px;
    color: var(--color1);
}
.category_post a {
    color: #121212;
    transition: 0.4s;
    font-size: clamp(12px, 2vw, 16px);
    position: relative;
    padding-left: 8px;
}
.category_post a:not(:nth-last-child(1)):after {
    content: "/";
    position: absolute;
    top: 58%;
    transform: translateY(-50%);
    left: -2px;
}
.category_post a:hover {
    color: var(--color1);
}
.category_post,
.post-date {
    display: flex;
    gap: 8px;
    align-items: center;
    color: #121212;
    flex-wrap: wrap;
}
.single-share {
    box-shadow: 3px 3px 0px 0px var(--shadow);
    color: var(--color3);
    border: 1px solid var(--color3);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 56px;
    gap: 1.5rem;
    padding: 0.5rem 1.5rem;
}
.single-share a {
    width: 1.5rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: var(--color3);
    transition: 0.4s;
}
.single-share a:hover {
    color: var(--color1);
}
/** comment Style **/
#reply-title,
.comment-notes {
    display: none !important;
}
.comment-custom-field {
    display: flex;
    width: 100%;
    gap: 1.5rem;
}
.comment-custom-field .comment-form-author,
.comment-custom-field .comment-form-email {
    width: 100%;
    margin: 0;
}
.comment-form label {
    font-family: var(--medium);
    color: var(--color13);
}
.comment-form textarea,
.comment-form input {
    margin-top: 8px;
}
.comment-form textarea::placeholder,
.comment-form input::placeholder {
    color: var(--strock) !important;
}
.comment_container {
    margin-bottom: 2rem;
}
.commentBox {
    border: 1px solid #E2E2E2;
    padding: 2rem;
    border-radius: 1rem;
    margin-bottom: 1rem;
    position: relative;
    background: var(--white);
}
.commentBox p {
    margin-bottom: 0;
}
.head-comment {
    display: flex;
    align-items: center;
    gap: 8px;
}
.head-comment i {
    width: 2rem;
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 28px;
    color: var(--color1);
}
.time_comment {
    font-size: 14px;
    margin-left: 1rem;
}
.comment-reply-link {
    font-size: 14px;
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--color1);
    transition: 0.4s;
    font-family: var(--medium);
}
.comment-reply-link:hover {
    color: var(--color2);
}
.name_comment {
    font-size: 18px;
    color: #121212;
}
#comments .cat-parent > .children {
    padding-right: 110px;
    position: relative;
}
.children .commentBox:before {
    content: "\e904";
    font-family: 'icomoon';
    position: absolute;
    top: 50%;
    transform: translateY(-50%) rotate(90deg);
    left: calc(100% + 55px);
    background: var(--color3);
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    font-size: 24px;
    color: var(--white);
}
.byadmin > div.comment_container .commentBox {
    background: var(--color3);
    color: var(--white);
}
.byadmin > div.comment_container .name_comment {
    color: var(--white);
}
.byadmin > div.comment_container .head-comment i {
    color: var(--white);
}
.byadmin {
}
.byadmin {
}
.byadmin {
}
.byadmin {
}
/** Archive **/
@media screen and (min-width: 992px) {
    #sidebar-shop {
        position: unset;
        right: auto;
        overflow-y: unset;
        background: transparent;
        box-shadow: none;
    }
    #sidebar-shop .sidebar-close {
        display: none;
    }
}
.sidebar-shop .sidebar-wrap {
    background: rgb(255 255 255 / 0.04);
    padding: 1.5rem;
    border: 1px solid var(--color3);
    box-shadow: 3px 3px 0px 0px var(--shadow);
}
.sidebar-shop .sidebar-wrap > .widget-title {
    font-family: var(--medium);
    font-size: 18px;
    background: #E6E6E6;
    padding: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    box-shadow: 3px 3px 0px 0px var(--shadow);
    color: var(--color3);
    margin-bottom: 22px;
}
.sidebar-shop .sidebar-wrap > .widget-title i {
    font-size: 20px;
    color: var(--color3);
}
.sidebar-shop .widget-side.active h4 {
    color: var(--color1);
}
/** Archive **/
.wrap-ft-menu.side-mobile {
    border: 1px solid var(--color3);
    box-shadow: 3px 3px 0px 0px var(--shadow);
    border-radius: 1rem;
    background: var(--white);
    padding: 11px 16px;
    margin-top: 1rem;
    margin-bottom: 40px;
}
.side-mobile .footer-container-custom a i:before {
    content: none;
}
.side-mobile .footer-container-custom {
    margin-top: 1.5rem;
}
.side-mobile .footer-container-custom a {
    box-shadow: unset;
    border: 0;
    padding: 0;
    min-height: 2.5rem;
    margin-bottom: 0;
    color: var(--color3);
    font-size: 14px;
    font-family: var(--regular);
    border-radius: 0;
}
.side-mobile .footer-container-custom a:not(:nth-last-child(1)) {
    margin-bottom: 0.5rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid var(--strock);
}
{
    content: "\e901"
;
    font-family: "icomoon"
;
    float: left
;
}
/** single publisher **/
.single-publishers .s-intro h1 {
    font-family: var(--medium);
    font-size: clamp(18px, 2vw, 24px);
    margin-bottom: 4px;
}
.single-publishers .publishBox .publishDesc span {
    color: var(--white);
}
.single-publishers .s-intro .publishBox {
    border: unset;
    box-shadow: unset;
    background: unset;
    padding: unset;
    color: white;
    margin-bottom: 1.5rem;
}
.single-publishers .navbar {
    position: sticky;
    top: 4px;
    z-index: 2;
    margin: 8px 0 36px;
}
.single-publishers .nav-items {
    border: 1px solid var(--color3);
    padding: 1rem;
    border-radius: 1rem;
    box-shadow: 3px 3px 0px 0px var(--shadow);
    min-height: 88px;
    display: flex;
    align-items: center;
    gap: 16px;
    background: white;
    position: relative;
}
.single-publishers .nav-items a {
    border: 1px solid var(--strock);
    min-height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0.5rem 1.8rem;
    border-radius: 16px;
    color: #212121;
    font-family: var(--medium);
    transition: 0.4s;
    background: var(--white);
}
.single-publishers .nav-items a.active,
.single-publishers .nav-items a:hover {
    background: var(--color1);
    color: var(--white);
}
.single-publishers .nav-items .scroll-top {
    position: absolute;
    left: 1rem;
    width: 56px;
    height: 56px;
    cursor: pointer;
    color: white;
    background: var(--color3) !important;
    transition: 0.4s;
}
.single-publishers .nav-items .scroll-top.active {
    transform: rotateX(180deg);
}
.single-publishers .nav-items .scroll-top:hover {
    background: var(--color1);
}
.dark-box {
    background: var(--color3);
    color: var(--white);
    padding: 3rem;
    border-radius: 1rem;
    box-shadow: 3px 3px 0px 0px var(--shadow);
}
.dark-box .s-title {
    text-align: right;
    margin-bottom: 1.5rem;
}
.dark-box p {
    margin-bottom: 0;
}
.author-box {
    box-shadow: 3px 3px 0px 0px var(--shadow);
    border: 1px solid var(--color3);
    display: flex;
    align-items: flex-start;
    padding: 2rem;
    border-radius: 1rem;
    gap: 1.5rem;
}
.author-box img {
    flex: 0 0 25%;
    box-shadow: 3px 3px 0px 0px var(--shadow);
    margin: 0;
    max-width: 200px;
}
.author-box .desc h3 {
    font-size: clamp(20px, 2vw, 24px);
    color: var(--color3);
	margin-bottom: 0;
}
.author-box .desc:has(p) h3 {
    margin-bottom: 16px;
}
.author-box .desc {
    color: var(--color3);
}
.author-box .c-btn {
    justify-content: flex-start;
}
/****/
.highlight-box .swiper-highlight {
    background: var(--color3);
    color: var(--white);
    padding: 2rem;
    border-radius: 1rem;
}
.highlight-box .swiper-slide .desc {
    font-size: 14px;
}
.highlight-box .swiper-slide {
    display: flex;
    align-items: center;
    gap: 2rem;
}
.highlight-box .swiper-slide .imgbox img {
    border-radius: 1rem;
}
.highlight-box .swiper-slide .imgbox {
    flex: 0 0 33%;
}
/**/
#commentform {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    margin-bottom: clamp(48px, 7vw, 104px);
}
.editor-content .comment-form-author, .editor-content .comment-form-email {
    flex-wrap: wrap;
    display: flex;
    flex: 0 0 49%;
    margin-bottom: 56px !important;
}
.comment-form-comment {
    flex: 0 0 100%;
    margin-bottom: 26px !important;
    position: relative;
}
/***/
.woocommerce-product-attributes tbody {
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
}
.woocommerce-product-attributes tr {
    flex: 0 0 49%;
}
.sku-pro {
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 14px;
    color: #121212;
}
.sku-pro i {
    font-size: 16px;
    color: var(--color1);
    padding-bottom: 4px;
}
/* stock-notify-modal */
#stock-notify-modal {
    position: fixed;
    top: 0;
    right: 0;
    display: none;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 11;
}
 #stock-notify-modal .wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}
#stock-notify-modal .modal-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #e9ecef;
}
#stock-notify-modal .modal-title {
    font-size: 16px;
    font-weight: bold;
}
/*
#stock-notify-modal .modal-content {
    width: 60%;
} */
/* stock-notify-modal */
.stock-notify-modal-btn {
    background: #E6E6E6;
    box-shadow: 3px 3px 0px 0px var(--shadow);
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 8px;
    border-radius: 12px;
    min-height: 48px;
    font-family: var(--medium);
    font-size: 16px;
    padding: 0.5rem;
    color: var(--color3);
    cursor: pointer;
}
.stock-notify-modal-btn i {
    font-size: 20px;
}
/* bundle-product */
.bundle-product {
    border: 1px solid var(--color3);
    padding: 1rem;
    border-radius: 1rem;
    box-shadow: 3px 3px 0px 0px var(--shadow);
}
.bundle-product .boxs {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 0;
    border: 0;
    margin-bottom: 16px;
    padding-bottom: 16px;
    border-bottom: 1px solid var(--strock);
    box-shadow: none;
    border-radius: 0;
}
.bundle-product .product-item:nth-last-child(1) .boxs {
    border-bottom: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}
.bundle-product .product-item a.eyelink {
    width: 32px;
    height: 32px;
    font-size: 20px;
    border-radius: 8px;
    left: 0;
    bottom: 18px;
}
.bundle-product .product-item:nth-last-child(1) a.eyelink {
    bottom: 2px;
}
.bundle-product .product-item .on-new {
    left: auto;
    right: 6px;
    top: 6px;
    width: 24px;
    height: 20px;
    font-size: 17px;
    border-radius: 4px;
}
.bundle-product .product-item .on-sale {
    width: 24px;
    height: 20px;
    font-size: 10px;
    border-radius: 4px;
    top: 32px;
    right: 6px;
}
.bundle-product .product-title-card a {
    font-size: 14px;
    min-height: 56px;
    line-height: 1.9;
    margin: 0;
}
.bundle-product .price del {
    font-size: 12px;
}
.bundle-product .price ins {
    font-size: 16px;
}
.bundle-product .price {
    font-size: 16px;
}
.bundle-product a.product-image {
    max-width: 120px;
}
.bundle-product .stock-notify-modal-btn {
    margin-bottom: 1rem;
    font-size: 18px;
}
.qp-response-box .status {
    text-align: center;
    margin-bottom: clamp(1.5rem, 3vw, 3rem);
    font-family: var(--demibold);
    font-size: 1.5rem;
}
@media only screen and (max-width: 1400px) {
}
@media only screen and (max-width: 1300px) {
    .sec-intro .img-video.videos {
        flex: 0 0 53%;
        clip-path: polygon(
                317.503px 23.984px, 348.571px 23.984px, 348.254px 20.094px, 347.335px 16.403px,
                345.865px 12.962px, 343.893px 9.819px, 341.469px 7.025px, 338.644px 4.628px,
                335.467px 2.677px, 331.987px 1.223px, 328.256px 0.314px, 324.323px 0px,
                24.248px 0px, 24.248px 0px, 20.315px 0.314px, 16.584px 1.223px, 13.105px 2.677px,
                9.928px 4.628px, 7.102px 7.025px, 4.679px 9.819px, 2.707px 12.962px,
                1.236px 16.403px, 0.317px 20.094px, 0px 23.984px, 0px 353.016px, 0px 353.016px,
                0.317px 356.906px, 1.236px 360.597px, 2.707px 364.038px, 4.679px 367.181px,
                7.102px 369.975px, 9.928px 372.372px, 13.105px 374.323px, 16.584px 375.777px,
                20.315px 376.686px, 24.248px 377px, 463.752px 377px, 463.752px 377px,
                467.685px 376.686px, 471.416px 375.777px, 474.895px 374.323px, 478.072px 372.372px,
                480.898px 369.975px, 483.321px 367.181px, 485.293px 364.038px, 486.764px 360.597px,
                487.683px 356.906px, 488px 353.016px, 488px 302.799px, 488px 302.799px,
                487.683px 298.909px, 486.764px 295.218px, 485.293px 291.777px, 483.321px 288.635px,
                480.898px 285.84px, 478.072px 283.443px, 474.895px 281.492px, 471.416px 280.038px,
                467.685px 279.129px, 463.752px 278.815px, 372.82px 278.815px, 372.82px 278.815px,
                368.887px 278.501px, 365.156px 277.592px, 361.676px 276.138px, 358.499px 274.188px,
                355.674px 271.79px, 353.25px 268.996px, 351.278px 265.853px, 349.808px 262.412px,
                348.889px 258.721px, 348.571px 254.831px, 348.571px 23.984px
        );
    }
    .single-publishers .nav-items a {
        padding: 0.5rem;
        font-size: 14px;
    }
}
@media only screen and (max-width: 992px) {
    .sec-intro .img-video.videos {
        flex: 0 0 50%;
        clip-path: polygon(
                209.694px 16.08px, 230.002px 16.08px, 229.752px 13.462px, 229.023px 10.971px,
                227.854px 8.665px, 226.308px 6.577px, 224.443px 4.737px, 222.317px 3.176px,
                219.989px 1.927px, 217.521px 1.007px, 214.97px 0.259px, 212.321px 0px,
                15.604px 0px, 15.604px 0px, 12.954px 0.259px, 10.403px 1.007px, 7.935px 1.927px,
                5.607px 3.176px, 3.482px 4.737px, 1.617px 6.577px, 0.071px 8.665px,
                -0.858px 10.971px, -1.108px 13.462px, -1.358px 16.08px, 0px 235.92px,
                0px 235.92px, -1.108px 238.538px, -0.858px 241.029px, 0.071px 243.335px,
                1.617px 245.423px, 3.482px 247.263px, 5.607px 248.824px, 7.935px 250.073px,
                10.403px 250.993px, 12.954px 251.741px, 15.604px 252px, 306.396px 252px,
                306.396px 252px, 309.046px 251.741px, 311.597px 250.993px, 314.065px 250.073px,
                316.393px 248.824px, 318.518px 247.263px, 320.383px 245.423px, 321.929px 243.335px,
                322.858px 241.029px, 323.108px 238.538px, 323.358px 235.92px, 323.358px 201.12px,
                323.358px 201.12px, 323.108px 198.502px, 322.858px 195.971px, 321.929px 193.665px,
                320.383px 191.577px, 318.518px 189.737px, 316.393px 188.176px, 314.065px 186.927px,
                311.597px 186.007px, 309.046px 185.259px, 306.396px 185px, 232.774px 185px,
                232.774px 185px, 230.124px 184.741px, 227.573px 183.993px, 225.105px 183.073px,
                222.777px 181.824px, 220.652px 180.263px, 218.787px 178.423px, 217.241px 176.335px,
                216.312px 173.971px, 216.062px 171.462px, 215.812px 168.84px, 230.002px 16.08px
        );
    }
    .section-hero .row {
        gap: 16px;
    }
    .row-cats {
        grid-template-columns: repeat(3, 1fr);
    }
    .icons-texts:before {
        bottom: -12px;
        left: 19%;
        font-size: 60px;
    }
    .footer-rows {
        gap: 40px;
        justify-content: center;
    }
    .grid-gallery {
        gap: 20px;
        grid-template-rows: 170px 170px;
    }
    .single-publishers .nav-items {
        overflow-x: scroll;
    }
    .single-publishers .nav-items a {
        font-size: 16px;
        width: 100%;
        max-width: 170px;
        min-width: 140px;
    }
    .dark-box {
        padding: 1.5rem;
    }
	.contact-info {
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 1rem;
    }
    ul.contact-info li {
        padding: 0.5rem 1rem;
        text-align: left;
        gap: 12px;
    }
    ul.contact-info li i {
        font-size: 22px;
    }
    ul.contact-info li.phone .position-relative {
        display: flex;
        flex-direction: column;
        gap: 4px;
    }
    .li-phone a:not(:last-child):before {
        content: none;
    }
        footer {
            padding: 2rem 1rem 6rem;
        }
    
        .footer-desc {
            text-align: center;
        }
    
        .copy-right-wrap {
            display: flex;
            flex-direction: column;
            gap: 16px;
            text-align: center;
            margin-top: 8px;
        }
    
        .namadMobile {
            display: flex;
            align-items: center;
            gap: 16px;
        }
    
        .footer-rows {
            flex-direction: column;
            gap: 8px;
            flex-wrap: nowrap;
        }
    
        .footer-first {
            display: flex;
            flex-direction: column;
            align-items: center;
            margin-bottom: 24px;
            gap: 24px;
            flex: unset !important;
        }
    
        footer .wrap-ft-menu {
            width: 100%;
            background: #060929;
            border-radius: 16px;
            padding: 20px;
            flex: auto !important;
        }
    
        .footer-three {
            gap: 8px;
            flex-direction: column;
            width: 100%;
        }
    
        footer .footer-title {
            padding-bottom: 0;
            margin-bottom: 0;
            transition: 0.4s;
        }
    
        footer .footer-title.active {
            padding-bottom: 12px;
            margin-bottom: 21px;
            transition: 0.4s;
        }
    
        footer .footer-title:before {
            height: 0;
        }
    
        footer .footer-title.active:before {
            height: 2px;
        }
    
        footer .footer-title:after {
            content: "\e928";
            font-family: "icomoon";
            float: left;
        }
    
        footer .footer-title.active:after {
            content: "\e926";
        }
}
@media only screen and (max-width: 768px) {
    .author-box img{
        max-width: unset;
    }
    .faqs-answer .main-content p {
        font-size: 14px;
    }
    .wrapper-terms .swiper-pagination {
        margin-top: 1.5rem;
        margin-bottom: 2rem;
    }
    .sidebar-shop .sidebar-wrap {
        padding: 0.75rem;
    }
    .price {
        min-height: 40px;
    }
    :root {
        --heading_h1_fontsize: 20px;
    }
    .error404 #main {
        margin-top: -4.1rem;
    }
    #breadcrumbs {
        padding-right: 1rem;
        margin: 1rem 0 1.5rem;
    }
    .s-intro {
        padding: 2rem 1rem;
        width: calc(100% - 2rem);
        margin-inline: auto;
        margin-bottom: 40px;
    }
    .s-title {
        margin-bottom: 1.5rem;
    }
    .p-64 {
        padding-block: 48px;
    }
    .s-space {
        margin-block: 3.5rem;
    }
    header {
        border-bottom: 1px solid var(--strock) !important;
    }
    .icon-menu {
        font-size: 24px;
    }
    .menu__logo {
        max-width: 90px;
    }
    /**/
    
    /**/
    .section-hero {
        margin-block: 1rem;
    }
    .c-btn {
        margin-top: 1.5rem;
    }
    .row-cats {
        grid-template-columns: repeat(2, 1fr);
        gap: 16px;
    }
    .catbox {
        flex-direction: column;
        padding: 12px 6px;
        gap: 8px;
        border-radius: 16px;
    }
    .iconbox-grid {
        grid-template-columns: repeat(2, 1fr);
        gap: 1rem;
    }
    .iconbox-box {
        grid-area: unset !important;
        min-height: 120px;
    }
    .sec-intro video,
    .sec-intro img {
        border-radius: 16px;
        width: 100%;
    }
    .sec-intro {
        flex-direction: column-reverse;
        gap: 18px;
    }
    .archive-intro .sec-intro {
        flex-direction: column;
        gap: 16px;
    }
    .sec-intro .s-title {
        text-align: center;
    }
    .archive-intro .sec-intro .s-title {
        text-align: right;
    }
    .sec-intro .img-video.videos {
        clip-path: unset !important;
    }
    .sec-intro .c-btn {
        justify-content: center;
    }
    .archive-intro .sec-intro .c-btn {
        justify-content: start;
    }
    .section-banners.s-space {
        margin-block: 3rem;
    }
    .iconBox .title-before:before {
        transform: translateY(-55px) translateX(-127px);
        font-size: 40px;
        position: absolute;
    }
    .iconbox-box:nth-child(1):before {
        top: -18px;
        right: -24px;
        font-size: 48px;
    }
    .iconbox-box:nth-child(4):before {
        left: 20%;
        font-size: 80px;
    }
    .icons-texts:before {
        top: -45px;
        right: -10%;
        font-size: 40px;
        left: auto;
    }
    .play-btn {
        left: 50%;
    }
    /* 404 */
    .error-page {
        padding-block: 150px;
    }
    .error-wrap {
        margin: 64px 0 0;
    }
    /* FAQ */
    .swiper-faq {
        padding: 12px;
    }
    .swiper-faq a {
        font-size: 12px;
    }
    .faqs-item {
        padding: 1rem;
        margin-bottom: 1rem;
    }
    .sec-intro.textRight:after {
        left: 20px;
        top: -31px;
        width: 40px;
        height: 40px;
    }
    .sec-intro.textRight:before {
        left: 14px;
        bottom: -5px;
        font-size: 32px;
    }
    .publishers .s-title:before {
        transform: translateY(-31px) translateX(-160px);
        width: 34px;
        height: 50px;
    }
    .publishers:before {
        bottom: 30px;
        left: 12%;
        font-size: 40px;
    }
    /* Contact */
    .websima-map {
        border-radius: 1rem !important;
        margin-bottom: 1rem;
    }
    .contact-dir-button {
        box-shadow: 3px 3px 0px 0px var(--shadow);
        background: var(--white);
        border-radius: 8px;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 20px;
        top: 1rem;
        right: 50%;
        width: calc(100% - 2rem);
        transform: translateX(50%);
        min-height: 3rem;
    }
    .contact-dir-button a {
        box-shadow: unset;
        padding: unset;
        border-radius: 6px;
        background: unset;
        width: 2rem;
        height: 2rem;
        justify-content: center;
        gap: unset;
        min-width: unset;
    }
    .mapp-container .is-rounded {
        border-radius: 8px !important;
        min-width: 40px;
        min-height: 40px;
    }
    .mapp-container .mapp-footer .triggers.left {
        left: 14px !important;
        top: 0 !important;
    }
    
    .footerSocialIconPart {
        margin-top: 1rem;
        justify-content: center;
    }
    .page-template-template-contact .s-intro {
        margin-bottom: 0;
    }
    .footerSocialIconPart .social {
        gap: 6px;
    }
    .websima-contact-form .input-cform {
        width: 100%;
        margin-bottom: 24px !important;
    }
    .iconBox_2 .img-box {
        margin-bottom: 12px;
    }
    #more-tax-desc {
        padding: 1.5rem;
        border-radius: 1rem;
        margin-top: 2rem;
    }
    .cta-wrapper {
        min-height: 530px;
        align-items: flex-start;
        overflow: hidden;
    }
    .blogs-tab a {
        min-width: 90px;
    }
    .cta-wrapper .Qbtn {
        margin-inline: auto;
    }
    .cta-image {
        left: 50%;
        width: 29rem;
        transform: translateX(-50%);
    }
    .s-intro .main-content {
        text-align: right;
    }
    /***/
    .grid-gallery {
        grid-template-rows: 190px 190px 190px 190px 190px;
        gap: 16px;
    }
    .grid-gallery .grid-item:nth-child(1) {
        grid-area: 1 / 1 / 2 / 13;
    }
    .grid-gallery .grid-item:nth-child(3) {
        grid-area: 2 / 1 / 3 / 7;
    }
    .grid-gallery .grid-item:nth-child(2) {
        grid-area: 2 / 7 / 3 / 13;
    }
    .grid-gallery .grid-item:nth-child(4) {
        grid-area: 3 / 1 / 3 / 13;
    }
    .grid-gallery .grid-item:nth-child(5) {
        grid-area: 4 / 1 / 4 / 7;
    }
    .grid-gallery .grid-item:nth-child(6) {
        grid-area: 4 / 7 / 4 / 13;
    }
    .grid-gallery .grid-item:nth-child(7) {
        grid-area: 5 / 1 / 5 / 13;
    }
    /**/
    .img-item {
        display: flex;
        align-items: center;
        flex-direction: column;
        gap: 38px;
    }
    .mytestimonial2mobile .swiper-slide .img-item img {
        border-radius: 2rem;
        box-shadow: 3px 3px 0px 0px var(--shadow);
        width: 100%;
        transition: 0.4s;
    }
    .mytestimonial2mobile .img-item span {
        font-size: 20px;
        font-family: var(--demibold);
        color: var(--color1);
        position: relative;
    }
    .img-item span:before {
        content: "";
        position: absolute;
        left: 50%;
        bottom: calc(100% + 4px);
        transform: translateX(-50%);
        width: 6px;
        height: 16px;
        border-radius: 100px;
        background-color: var(--color1);
        transition: 0.4s;
    }
    .mytestimonialmobile .title-item {
        font-size: 20px;
        margin-bottom: 16px;
        font-family: var(--demibold);
    }
    .sec-intro.textLeft:before {
        content: none;
    }
    .post-hr {
        flex-direction: column;
        gap: 16px;
    }
    .post-hr .post-item-image {
        flex: unset;
    }
    .section-list .sidebar-wrapper {
        margin-top: 72px;
    }
    .wrapp-boxs-2 i {
        width: 22px;
        height: 22px;
    }
    .side-mobile .footer-title-custom,
    .help-heading .footer-title-custom {
        font-size: 14px;
        background: unset;
        padding: 0;
        display: block;
        box-shadow: unset;
        font-family: var(--medium);
    }
    .help-heading {
        padding: 11px 16px;
        margin-block: 1rem;
    }
    .side-mobile .footer-title-custom:after,
    .help-heading .footer-title-custom:after {
        content: "\e901";
        font-family: "icomoon";
        float: left;
        transition: 0.4s;
    }
    .side-mobile .footer-title-custom.active:after,
    .help-heading .footer-title-custom.active:after {
        transform: rotateX(180deg);
    }
    .help-heading ul li {
        font-size: 14px;
    }
    .help-heading ul li:not(:last-child) {
        margin-bottom: 0.5rem;
        padding-bottom: 0.5rem;
    }
    .date-cat {
        gap: 16px;
        flex-wrap: wrap;
    }
    .cat-parent .children {
        padding-right: 40px;
    }
    .children .commentBox:before {
        left: calc(100% + 8px);
    }
    .cat-parent .commentBox {
        padding: 1.5rem;
    }
    .cat-parent .commentBox p {
        font-size: 14px;
    }
    .comment-custom-field {
        flex-direction: column;
    }
    .iconBox_2 .boxs {
        padding-right: 2.5rem;
    }
    .iconBox_2 .boxs:before {
        right: 1rem;
    }
    .iconBox_2 .img-box img, .iconBox_2 .img-box i {
        max-width: 1.5rem;
        max-height: 1.5rem;
        font-size: 22px;
    }
    .highlight-box .swiper-highlight {
        padding: 1.5rem 1rem;
    }
    .highlight-box .swiper-slide {
        gap: 1.5rem;
        flex-direction: column;
    }
    .highlight-box .swiper-slide .desc { 
        text-align: center;
    }
    .author-box {
        flex-direction: column;
        padding: 1rem;
    }
    .author-box .desc {
        text-align: justify;
    }
    .author-box .desc p {
        font-size: 14px;
    }
    .author-box .desc h3 {
        text-align: center;
    }
    #comments {
        margin-top: 32px;
    }
    #commentform {
        flex-direction: column;
    }
    .editor-content .comment-form-author, .editor-content .comment-form-email {
        margin-bottom: 24px !important;
    }
    .comment-form-rating {
        flex-direction: column;
    }
	.comment-form-rating + p.form-submit { 
		margin: 0;
	}
    .woocommerce-product-attributes tr {
        flex: 0 0 100%;
    }
    .sidebar-blog .widget-side {
        border: unset;
        box-shadow: unset;
        padding: unset;
        border-radius: unset;
        background: unset;
    }
    .sidebar-blog .widget-side ul {
        margin: 1rem 0 0;
        padding: 1rem;
        background: var(--white);
        border-radius: 12px;
        z-index: -1;
        position: relative;
        border: 1px solid;
    }
    .sidebar-blog .widget-side .widget-title {
        justify-content: flex-start;
    }
    .sidebar-blog .widget-side .widget-title .caticon {
        position: absolute;
        left: 1rem;
        width: 1.5rem;
        height: 1.5rem;
        border-radius: 8px;
        border: 1px solid var(--color3);
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .sidebar-blog .widget-side .widget-title .caticon.active:before {
        content: "\e928";
        font-family: 'icomoon';
    }
    .sidebar-blog .widget-side .widget-title .caticon:before {
        content: "\e926";
        font-family: 'icomoon';
    }
    .single-share.product-share,
    .bundle-product,
    .product-sidebar-inner {
        margin-bottom: 24px;
    }
}
@media only screen and (max-width: 550px) {
    .iconbox-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}
@media only screen and (max-width: 375px) {
    .sidebar-close {
        margin: 5px auto 5px 0px;
    }
}
@media only screen and (max-width: 320px) {
}
.prd-cart-rc input[type="number"] {
    border-radius: 6px;
}
.prd-cart-rc .qty {
    padding: 0 !important;
    width: 22px !important;
    height: 22px !important;
    background: none;
    border: 0;
    display: flex;
    align-items: center !important;
    justify-content: center !important;
    text-align: center;
    border-radius: 6px;
    font-size: 16px;
    padding-top: 4px !important;
}
.head-top {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 12px;
}
/**************************/
/* comment like dislike */
/**************************/
.wbs-like-dislike {
    display: flex;
    align-items: center;
    position: relative;
}
.wbs-like-dislike::before {
    content: "";
    position: absolute;
    background: #070b3170;
    inset: 0;
    border-radius: 10px;
    z-index: 2;
    -webkit-backdrop-filter: blur(1px);
    backdrop-filter: blur(1px);
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition: opacity 0.3s;
}
.wbs-like-dislike.disable::before {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}
.wbs-like-dislike .loading-svg {
    position: absolute;
    left: 50%;
    top: 50%;
    fill: #fff;
    transform: translate(-50%, -50%);
    z-index: 5;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    transition: opacity 0.3s;
}
.wbs-like-dislike.disable .loading-svg {
    opacity: 1;
    pointer-events: auto;
    visibility: visible;
}
.wbs-like-dislike-trigger {
    color: var(--color3);
    font-size: 16px;
    border-radius: 12px;
    min-width: 50px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    cursor: pointer;
}
.wbs-like-dislike-trigger::after {
    content: "\e946";
    font-family: "icomoon";
    font-size: 1.4rem;
    line-height: 1;
}
.wbs-like-trigger::after {
    color: var(--color1);
}
.wbs-dislike-trigger::after {
    content: "\e945";
    color: var(--danger);
    display: inline-block;
}
.meta_comment {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}
.byadmin > div.comment_container .commentBox .wbs-like-dislike-trigger {
    color: #fff;
}
@media (max-width: 576px) {
    .meta_comment {
        width: 100%;
    }
    .head-top {
        gap: 12px;
    }
}
@media (min-width: 576px) {
    .wbs-like-dislike {
        margin-right: auto;
    }
}
/* Show More BTN */
.content-more {
    position: relative;
    margin-bottom: 2rem;
}
.text-content {
    max-height: 350px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
}
.show-more-btn {
    color: var(--color1);
    border: none;
    cursor: pointer;
    background: none;
    font-size: 12px;
    position: absolute;
    bottom: -2rem;
    left: 50%;
    transform: translateX(-50%);
    font-family: var(--regular);
    display: flex;
    align-items: center;
    gap: 6px;
    transition: 0.4s;
    width: 100%;
    justify-content: center;
}
.show-more-btn.covers {
    bottom: 0;
}
.show-more-btn:hover {
    color: var(--color2);
}
.show-more-btn span {
    z-index: 1;
}
.content-more .covers:before {
    content: "";
    width: 100%;
    height: 6rem;
    background: linear-gradient(0deg, white, transparent);
    position: absolute;
    bottom: 0;
    left: 0;
}
.sku-rate {
    display: inline-flex;
    gap: 12px;
}
.swiper-pagination-lock {
    display: none !important;
}
.free_shipping {
    font-size: 14px;
    color: var(--color2);
    font-family: var(--Hasti);
    gap: 10px;
    display: flex;
    align-items: center;
    margin-bottom: 12px;
}
.free_shipping i {
    color: var(--color1);
    font-size: 20px;
}

#desc-container {
    max-height: 200px;
    overflow: hidden;
    transition: max-height 0.5s ease;
    position: relative;
}

#desc-container.expanded {
    max-height: none;
    transition: max-height 0.5s ease;
}

#desc-container:before {
    content: "";
    width: 100%;
    height: 60px;
    position: absolute;
    bottom: 0;
    right: 0;
    background: linear-gradient(0deg, var(--color3), transparent);
    transition: 0.5s ease;
}
#desc-container.expanded:before {
content: none;
}




@media screen and (max-width: 575px) {
    .single-publishers .product-item .boxs {
        display: flex;
        align-items: center;
        gap: 16px;
        padding: 0.5rem;
    }

    .single-publishers .product-image {
        flex: 0 0 40%;
    }

    .single-publishers .product-item .eyelink {
        display: none;
    }

    .single-publishers .product-card-text-wrap {
        width: 100%;
    }

    .single-publishers .product-item .on-sale {
        width: 24px;
        height: 20px;
        font-size: 10px;
        border-radius: 4px;
        top: 14px;
        right: 14px;
    }

    .single-publishers .product-item .on-new {
        left: auto;
        right: 14px;
        top: 40px;
        width: 24px;
        height: 20px;
        font-size: 17px;
        border-radius: 4px;
    }

    .single-publishers .m-pro {
        margin-bottom: 16px;
    }

    .single-publishers ul.page-numbers {
        margin-top: 1rem;
    }

    .single-publishers .product-title-card a {
        font-size: 14px;
        margin: 0;
    }
}