/*
Theme Name: قالب آراس مد
Theme URI: https://haranet.ir
Author: شرکت آرتین نوآفرین حرا (HARANET)
Author URI: https://haranet.ir
Description: 🌟 قالب وردپرسی حرفه‌ای آراس توسط شرکت آرتین نوآفرین حرا و به صورت اختصاصی برای آراس ساخته شده.
Version: 1.0
Requires at least: 5.9
Tested up to: 6.7
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: arasmode
Tags: responsive, rtl-language-support, custom-menu, custom-logo, blog, portfolio, featured-images, accessibility-ready, seo-friendly, lightweight, performance-optimized
*/

* {
    padding: 0;
    margin: 0;
    border: 0;
    border: 0;
    box-sizing: border-box;
}
@font-face {
    font-family: rokh;
    src: url('fonts/RokhFaNum-Bold.woff2') format('woff2');
    font-weight: bold;
    /*font-style: normal;*/
    font-display: swap;
}

@font-face {
    font-family: IRANSans;
    src: url("fonts/IRANSansDN.ttf");
}

@font-face {
    font-family: yekanbakh;
    src: url("fonts/YekanBakhFaNum-VF.woff");
    src: url("fonts/YekanBakhFaNum-VF.woff2");
}

@font-face {
    font-family: 'FontAwesome';
    /*src: url('../fonts/fontawesome/webfonts') format('eot');*/
    src: url('/fonts/fontawesome/webfonts') format('woff');
    src: url('/fonts/fontawesome/webfonts') format('ttf');
    /*src: url('../fonts/fontawesome/webfonts') format('svg');*/
    src: url('/fonts/fontawesome/webfonts') format('woff2');
    font-weight: normal;
    font-style: normal;
}
:root{
    --color_9f9f9f:#9f9f9f;
    --color_4f48ed:#4f48ed;
    --color_07101D: #07101D;
    --color_ff4100: #ff4100;
    --color_171f59: #171f59;
    --color_7c2a1a: #7c2a1a;
    --color_8c2d17: #8c2d17;
    --color_9b2f14: #9b2f14;
    --color_1a1a2e:#1a1a2e;
    --colo_080c30:#080c30;

}
.container-fluid {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}

a {
    transition: all .2s ease-in-out;
    text-decoration: none;
}
li {
    list-style: none;
}
h2.h3{
    font-family: rokh;
}
img {
    max-width: 100%;
    height: auto;
}
input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], textarea {
    font-family: "yekanbakh";
    border: 1px solid #E6E6E6;
    outline: none;
    width: 100%;
    padding: 8px;
    height: 48px;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    color: #FFFFFF;
    border-radius: 10px 0px 0px 10px;
}
textarea{
    color: #FFFFFF;
}
input[type="date"]:focus, input[type="email"]:focus,
input[type="number"]:focus, input[type="password"]:focus,
input[type="search"]:focus, input[type="tel"]:focus,
input[type="text"]:focus, input[type="time"]:focus, input[type="url"]:focus, textarea:focus {
    border-color: rgb(244, 62, 2);
}
button {
    font-family: "yekanbakh";
}
.button {
    background: var(--color_ff4100);
    color: #fff;
    padding: 8px 15px;
    border-radius: 5px;
    font-family: "yekanbakh";
    display: inline-flex;
    justify-content: center;
    gap: 4px;
    align-items: center;
    cursor: pointer;
    transition: all .2s ease-in-out;
}

body {
    font-family: "yekanbakh"!important;
    direction: rtl;
    height: 100vh;
    width: 100%;
    background-color: var(--colo_080c30);
    /*background: #ededed;*/
    font-size: 1em;
    line-height: 1.5;
    margin: 0;
}

.site-header {
    margin-bottom: 20px;
}
/*.container {*/
/*    padding: 0 15px;*/
/*}*/


.header-sticky {
    position: fixed;
    top: 0;
    z-index: 3; /* کمتر از admin bar */
    background-color: transparent;
    transition: top .4s ease-in-out;
    width: 100%;
}

body.admin-bar .site-header.header-sticky {
    top: 30px;
}

.site-header.header-sticky {
    transition: top .4s ease-in-out;
}

.mobile{
    display: none;
}

.container {
    /* width: 1140px; */
    max-width: 1320px;
    width: 100%;
    margin-inline: auto;
    padding-inline: 16px;
}

.main-header {
    display: flex;
    background-color: #010B1F!important;
    justify-content: space-between;
    color: #ffffff;
    padding: 1px 20px;
    border-radius: 0 0 50px 50px;
    height: 68px;
}
.m-h-right {
    display: flex;
    width: 60%;
    align-items: center;
}
.m-h-right .logo {
    max-width: 95px;
    margin-right: 40px;
    text-align: center;
    margin-top: 35px;
}
.m-h-right .logo a {
    display: flex;
}
.m-h-right .logo a img {
    max-width: 100%;
}
.search-main{
    cursor: pointer;
}

.search-main i {
    margin-top: 11px;
    font-size: 18px;
}
 .search-main form {
    position: relative;
}
 .search-main form input[type="search"] {
    font-family: "yekanbakh";
    background-color: #FFFFFF08;
    fill: #FFFFFF;
    color: #FFFFFF;
    border-radius: 8px 20px 20px 20px;
    padding: 12px 15px 12px 15px;
    border: none;
     outline: none;
}
.search-main form input[type="search"]::placeholder{
    color: #ffffff;
}
.search-main form button {
    position: absolute;
    top: 3px;
    left: 15px;
    font-size: 20px;
    background: transparent;
    color: #ffffff;
    cursor: pointer;
}
.search-main form button i{
    color: var(--color_ff4100);
}
.m-h-left {
    display: flex;
    align-items: center;
    /* gap: 20px; */
    width: 30%;
    justify-content: center;
}
 .cart-btn-header {
    position: relative;
}
.cart-btn-header a {
    font-family: "yekanbakh";
    color: #FFFFFF;
    padding: 12px 23px 12px 15px;
    border: none;
    display: flex;
}

.cart-btn-header .cart-btn-num {
    padding: 0;
    position: absolute;
    right: 15px;
    text-align: center;
    font-size: 14px;
    top: 23px;
    color: #080c30;
    background: var(--color_ff4100);
    border-radius: 50%;
    width: 18px;
    height: 18px;
}
 .cart-btn-header a .cart-btn-text {
    font-weight: 450;
    border-left: 1px solid #fff;
    padding-left: 15px;
    margin-left: 15px;
}
 .contact-btn-header div {
    display: flex;
    flex-direction: column;
}
.contact-btn-header a {
    font-family: "yekanbakh";
    color: #FFFFFF;
    padding: 12px 15px 12px 15px;
    border: none;
    display: flex;
}
.contact-btn-header a i {
    font-size: 19px;
    margin-left: 8px;
    color: var(--color_ff4100);
}


.down-header {
    display: flex;
    justify-content: center;
    padding: 5px 14px;
    margin-top: 0px;
    padding-bottom: 8px;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    margin-left: 50px;
    margin-right: 50px;
    align-items: center;
    background: #131534;
    /* box-shadow: 0 12px 20px -10px rgba(0, 0, 0, 0.27), 0 15px 25px -22px rgb(255, 255, 255); */
    box-shadow: 0 8px 20px -10px rgba(255, 255, 255, 0.44);
}





.sec-title .icon-mobile img {
    display: none;
}

.main-menu {
    font-family: "yekanbakh";
    color: #FFFFFF;
    padding: 12px 15px 12px 15px;
    border: none;
    display: flex;
    justify-content: center;
    align-items: center;
}
.megamenu-box {
    border-left: 1px dotted #fff;
    padding-left: 20px;
    margin-left: 9px;
}
.megamenu-box .t-m {
    color: #fff;
    font-weight: 450;
    cursor: pointer;
}
.menu-header > ul > li {
    display: inline-block;
    margin: 0 10px;
    position: relative;
}
.menu-header ul li a {
    text-decoration: none;
    color: #ffffff;
    font-weight: 350;
    padding: 14px 0;
}
.menu-header ul li ul {
    position: absolute;
    top: 50px;
    right: 0;
    background:#0f0f0f;
    border: 1px solid #0f0f0f;
    padding: 7px 0;
    width: 200px;
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease-in-out;
    z-index: 99;
}
.menu-header ul li ul li {
}
.menu-header ul li ul li a {
    padding: 7px 14px;
    display: block;
    font-size: 13px;
}

.register-btn {
    font-family: "yekanbakh";
    color: #FFFFFF;
    border: none;
    display: flex;
    align-items: center;
    cursor: pointer;
}
.register-btn i {
    font-size: 20px;
    margin-left: 7px;
    color: var(--color_ff4100);
}
.megamenu-box {
    border-left: 1px dotted #ffff;
    padding-left: 20px;
    margin-left: 9px;
}
.megamenu-box .t-m {
    color: #ffff;
    font-weight: 450;
    cursor: pointer;
}
.menu-header > ul > li {
    display: inline-block;
    margin: 0 11px;
    position: relative;
}

.menu-item-7 > a::before {
   content: "\f015";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-left: 8px;
}
.menu-item-8 > a::before {
    content: "\f54f";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-left: 8px;
}
.menu-item-8 > a::after {
    content: "\f107";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-right: 8px;
}
.menu-item-9 > a::before {
    content: "\f1ea";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-left: 8px;
}
.menu-item-10 > a::before {
    content: "\f0c0";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-left: 8px;
}
.menu-item-11 > a::before {
    content: "\f05a";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    margin-left: 8px;
}

.menu-header >  ul > li:hover{
    color: var(--color_ff4100);
}
.menu-header ul li:hover > a {
    color: var(--color_ff4100);
}

.menu-header > ul > li:hover > ul {
    visibility: visible;
    opacity: 1;
    top: 38px;
}
.menu-header ul li ul {
    position: absolute;
    top: 50px;
    right: 0;
    background: #080c30;
    border: 1px solid #1a2161;
    padding: 7px 0;
    width: 200px;
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease-in-out;
    z-index: 99;
    border-radius: 20px;
}

.menu-header ul li ul li a {
    padding: 7px 14px;
    display: block;
    font-size: 13px;
}

#btn_modal_login {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 16px;
    border-radius: 8px 20px 20px 20px;
    background: linear-gradient(135deg, #1a1a2e, #16213e, #0f3460);
}

.Aras-megamenu {
    position: relative;
}
.menu-header > ul > li:hover > .Aras-megamenu > ul {
    visibility: visible;
    opacity: 1;
    top: 16px;
}
.Aras-megamenu > ul:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 24px;
    top: -20px;
}
.Aras-megamenu > ul {
    position: absolute;
    background: #080c30;
    border: 1px solid #1a2161;
    top: 25px;
    right: 0px;
    width: 222px;
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease-in-out;
    z-index: 99;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
}
.Aras-megamenu > ul > li {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.Aras-megamenu > ul > li:hover {
    background: var(--color_ff4100);
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    color: #fff;
}
.Aras-megamenu > ul > li:hover > a {
    color: #ffff;
}
.Aras-megamenu > ul > li > a {
    padding: 12px;
    font-weight: 450;
    color: #ffffff;
}
.Aras-megamenu > ul > li > i {
    margin-left: 12px;
    font-size: 9px;
    color: #ffffff;
}
.Aras-megamenu > ul > li:hover > ul {
    visibility: visible;
    opacity: 1;
}
.Aras-megamenu > ul > li > ul {
    position: absolute;
    background: #080c30;
    border: 1px solid #1a2161;
    top: 0;
    right: 100%;
    width: 447px;
    height: 100%;
    display: flex;
    padding: 12px;
    border-right: 2px solid #1a2161;
    visibility: hidden;
    opacity: 0;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
}
.Aras-megamenu > ul > li > ul > li {
    width: 30%;
}
.Aras-megamenu > ul > li > ul > li  a {
    font-weight: 450;
    color: #ffff;
    border-right: 3px solid var(--color_ff4100);
    padding-right: 5px;
    margin-bottom: 7px;
    display: inline-block;
}

.Aras-megamenu > ul > li > ul > li > ul  > li  > a {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
    padding: 4px;
    display: inline-block;
}

.Aras-megamenu > ul > li > ul > li ul.sub-menu {
    visibility: visible;
    opacity: 1;
    background: transparent;
    border: 0;
}
.Aras-megamenu > ul > li > ul > li ul.sub-menu li{
    margin-right: 10px;
}
.Aras-megamenu > ul > li > ul > li ul.sub-menu li a{
    border-right: none;
}

/* The Modal (background) */
.modal {
    display: none;
    position: fixed;
    z-index: 6;
    padding-top: 100px;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgb(0,0,0);
    background-color: rgba(251, 251, 251, 0.53);
    transition: all .2s ease-in-out;
}

/* Modal Content */
.modal-content {
    margin: auto;
    padding: 15px;
    width: 750px;
    animation-name: animatetop;
    animation-duration: 0.4s;
    position: relative;
}
.form-login-Aras2 {
    background: linear-gradient(135deg, #1a1a2e, #16213e, #0f3460);
    display: flex;
    justify-content: center;
    align-items: center;
    /* min-height: 100vh; */
    /* background: linear-gradient(135deg, #1a1a2e, #16213e, #0f3460); */
    direction: rtl;
    /* width: 100%; */
    border-radius: 15px;
    font-family: rokh;
    width: 750px;
    margin: auto;
}

.form-login-box {
    position: relative;
    width: 750px;
    height: 450px;
    border: 2px solid var(--color_7c2a1a);
    box-shadow: 0 0 25px var(--color_8c2d17);
    overflow: hidden;
    border-radius: 15px;
    font-family: rokh;
}

.form-login-box .form-box{
    position: absolute;
    top: 0;
    width: 50%;
    height: 100%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-family: rokh;
}

.form-box.Login {
    left: 0;
    padding: 0 44px;
    margin-top: 30px;
}

.form-box.Login .animation{
    transform: translateX(0%);
    transition: .7s;
    opacity: 1;
    transition-delay: calc(.1s * var(--S));
}

.form-login-box.active .form-box.Login .animation{
    transform: translateX(-120%);
    opacity: 0;
    transition-delay: calc(.1s * var(--D));
}

.form-box.Register{
    /* display: none; */
    right: 0;
    padding: 0 60px;
    border-radius: 15px;
    font-family: rokh;
}

.form-box.Register .animation{
    transform: translateX(120%);
    transition: .7s ease;
    opacity: 0;
    filter: blur(10px);
    transition-delay: calc(.1s * var(--S));
}

.form-login-box.active .form-box.Register .animation{
    transform: translateX(0%);
    opacity: 1;
    filter: blur(0px);
    transition-delay: calc(.1s * var(--li));
}
.form-box h2 {
    font-size: 32px;
    text-align: center;
    color: #ffffff;
    font-family: rokh;
    margin-bottom: 15px;
}

.input-box input {
    width: 100%;
    height: 100%;
    outline: none;
    font-size: 16px;
    color: #fff;
    font-weight: 600;
    padding-right: 23px;
    padding-left: 23px;
    text-align: right;
    direction: rtl;
    transition: .5s;
    background: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.1);
    /* padding-top: 10px; */
    margin-top: 5px;
    margin-bottom: 5px;
}

.input-box input:focus, .input-box input:valid {
    border-color: rgb(244, 62, 2);
}

.input-box label {
    /* position: absolute; */
    /* top: 50%; */
    right: 0;
    /* transform: translateY(-50%); */
    font-size: 0.875rem;
    color: #fff;
    transition: .5s;
    /* margin: 8px 0; */
    /* padding: 5px 0; */
}
.input-box label i {
    margin-left: 3px;
    color: rgb(207, 56, 10);
}
.logo img{
    max-width: 100px;
}

.input-box box-icon{
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 18px;
    transform: translateY(-50%);
    color: #fff;
}

.modal-content .close_login {
    position: absolute;
    left: 39px;
    top: 29px;
    color: #ca370b;
    font-size: 25px;
    cursor: pointer;
    z-index: 10;
    transition: all .2s ease-in-out;
}
.modal-content .close_login:hover{
    color: #ca370b;
}
.form-login-box .curved-shape .modal-content .close_login{
    color: #1a1a2e!important;
}
.btn {
    position: relative;
    width: 100%;
    height: 45px;
    background: transparent;
    border-radius: 10px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #f43e02;
    overflow: hidden;
    z-index: 1;
    color: #fff;
    font-family: rokh;
}

.btn::before {
    content: "";
    position: absolute;
    height: 300%;
    width: 100%;
    background: linear-gradient(#1a1a2e, var(--color_9b2f14) , #1a1a2e, var(--color_9b2f14));
    top: -100%;
    left: 0;
    z-index: -1;
    transition: .5s;
}

.btn:hover:before{
    top: 0;
}

.regi-link{
    font-size: 14px;
    text-align: center;
    margin: 20px 0 10px;
}
.regi-link p {
    color: #ffff;
    font-family: rokh;
}
.regi-link .SignUpLink {
    text-decoration: none;
    color: var(--color_ff4100);
    font-weight: 600;
    font-family: rokh;
    cursor: pointer;
}
.regi-link .SignInLink {
    text-decoration: none;
    color: var(--color_ff4100);
    font-weight: 600;
    font-family: rokh;
    cursor: pointer;
}

.regi-link .SignUpLink:hover,.regi-link .SignInLink:hover {
    text-decoration: underline;
}

.info-content{
    position: absolute;
    top: 0;
    height: 100%;
    width: 50%;
    display: flex;
    justify-content: center;
    flex-direction: column;
    font-family: rokh;
}

.info-content.Login{
    right: 0;
    text-align: right;
    padding: 0 40px 60px 150px;
    color: #ffffff;
    font-family: rokh;
}

.info-content.Login .animation{
    transform: translateX(0);
    transition: .7s ease;
    transition-delay: calc(.1s * var(--S));
    opacity: 1;
    filter: blur(0px);
}
.form-login-box .info-content.Register .logo {
    /*opacity: 1;*/
    position: absolute;
    right: -26px;
    top: 0;
}


.form-login-box.active .info-content.Register .logo{
    opacity: 1;
}
.form-login-box.active .info-content.Login .logo{
    opacity: 0;
}

.form-login-box.active .info-content.Login .animation{
    transform: translateX(120%);
    opacity: 0;
    filter: blur(10px);
    transition-delay: calc(.1s * var(--D));
}

.form-login-box.active  .close_login{
    color: #1a2161;
}

.info-content.Register {
    /* display: none; */
    left: 0;
    text-align: left;
    padding: 0 150px 60px 38px;
    pointer-events: none;
    color: #fff;
    font-family: rokh;
}

.info-content.Register .animation{
    transform: translateX(-120%);
    transition: .7s ease;
    opacity: 0;
    filter: blur(10PX);
    transition-delay: calc(.1s * var(--S));
}

.form-login-box.active .info-content.Register .animation{
    transform: translateX(0%);
    opacity: 1;
    filter: blur(0);
    transition-delay: calc(.1s * var(--li));
}

.info-content h2{
    text-transform: uppercase;
    font-size: 36px;
    line-height: 1.3;
    font-family: rokh;
}
.info-content p{
    font-size: 16px;
    font-family: rokh;
}

.form-login-box .curved-shape {
    position: absolute;
    right: 0;
    top: -5px;
    height: 600px;
    width: 850px;
    background: linear-gradient(45deg, #1a1a2e, #ff4000);
    /* transform: rotate(10deg) skewY(40deg); */
    transform: rotate(10deg) skewY(40deg);
    transform-origin: bottom right;
    transition: 1.5s ease;
    transition-delay: 1.6s;
}

.form-login-box.active .curved-shape{
    transform: rotate(0deg) skewY(0deg);
    transition-delay: .5s;
}

.form-login-box .curved-shape2 {
    position: absolute;
    left: 250px;
    top: 100%;
    height: 700px;
    width: 850px;
    background: #1a1a2e;
    border-top: 3px solid #d0380a;
    transform: rotate(0deg) skewY(0deg);
    transform-origin: bottom left;
    transition: 1.5s ease;
    transition-delay: .5s;
}
.form-login-box .input-box label {
    padding: 0 12px;
}
.form-login-box .input-box .btn {
    margin-top: 12px;
}

.form-login-box.active .curved-shape2{
    transform: rotate(-11deg) skewY(-41deg);
    transition-delay: 1.2s;
}
/*login*/

/* Modal Content */

/*بک گراند */
.mehrnoosh-image-slider-one-accs-categorytwo33245456456 {
    float: right;
    width: 100%;
    background: #f2f6fc;
    height: 150px;
    border-radius: 25px;
}
/*استایل دکمه های اسلایدر */
.mehrnoosh-iran-slider-product-seven-eight-accssor-403456456456456456 {
    display: table;
    margin: auto;
    background: #fff;
    width: 110px;
    margin-bottom: -40px;
    z-index: 9;
    position: relative;
    height: 50px;
    border-radius: 0px 0px 0px 20px;
    padding: 0px 15px;
    float: right;
    padding-top: 5px;
}


.Aras-story {
    text-align: center;
    margin-bottom: 20px;
}
.stories.carousel .story,.stories.carousel .story:first-child,.stories.carousel .story:last-child {
    margin: 0 15px;
}
.stories.carousel .story > .item-link > .info .name {
    font-weight: 500;
}
#zuck-modal-content {
    direction: ltr;
    text-align: left;
}
#zuck-modal-content .story-viewer .head .right {
    margin-right: 20px;
}
#zuck-modal-content .story-viewer .head .right .close {
    color: #fff;
}
#zuck-modal-content .story-viewer .head .right .close:hover {
    color: #dddddd;
}
#zuck-modal-content .story-viewer .slides-pagination span {
    font-family: initial;
}
#zuck-modal-content .story-viewer .slides-pagination .next {
    right: 20px;
}
#zuck-modal-content .story-viewer .head .time {
    display: none !important;
}
.stories.snapgram .story > .item-link > .item-preview img {
    border: 3px solid var(--color_ff4100)!important;
}
.stories.snapgram .story > .item-link > .item-preview {
    background: radial-gradient(ellipse at 70% 70%, #ee583f 8%, #f53c20 42%, #622315 58%);
}
.stories.snapgram .story > .item-link {
    color: #fff;
}
.stories.snapgram .story > .item-link > .item-preview {
    border-radius: 50%;
    padding: 2px!important;
}
.stories.carousel .story > .item-link > .item-preview {
    border-radius: 50%;
}
.stories.carousel .story > .item-link > .item-preview img {
    border-radius: 50%;
}
.hero-product {
    margin-top: 60px;
}

.sec-title {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    margin: 35px 0;
    font-family: rokh;
}
.sec-title.insta {
    margin: 46px 0;
}

.sec-title.slide{
    margin: 80px 0;
}

.sec-title h2 {
    margin: 0;
    position: relative;
    z-index: 1;
    font-weight: 500;
    font-size: 32px;
    color: #ccced5;
}
.sec-title h2 .title-color{
    color:var(--color_ff4100);
}
.sec-title h2 .special-heading-second-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -60%);
    font-size: 64px;
    font-weight: bold;
    color: rgba(125, 131, 147, 0.32);
    z-index: -1;
    white-space: nowrap;
    font-style: normal;
    line-height: normal;
    text-transform: uppercase;
    user-select: none;
}
.sec-title.product-new h2 .special-heading-second-title {
    color: rgba(52, 66, 100, 0.68);
}
.amazing-product.amazing-2{
    background: none;
    box-shadow:none;
    height: unset;
    border-radius: unset;
}
.amazing-product.amazing-2::before{
    content: unset;
}


.hero-product .amazing-product .product-item {
    background: #030c13;
    border-radius: 30px;
    margin: 14px 9px;
    box-shadow: 0px 0px 40px 0px rgba(61.000000000000014,98.00000000000011,194,.1411764705882353);
}
.hero-product .amazing-product .product-item .color-dis {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 40px;
    padding: 15px;
}
.hero-product .amazing-product  .product-item .color-dis .color ul li {
    float: right;
}
.hero-product .amazing-product .product-item .color-dis .color ul li span {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-left: 5px;
    float: right;
    position: relative;
    background: #fff;
    border: 2px solid #fff;
    box-shadow: 0px 2px 4px #cacaca85;
}
.hero-product .amazing-product .product-item .color-dis .color ul li span.mt-color {
    margin-right: -12px;
    transition: all 0.3s ease-out;
}
.hero-product .amazing-product .product-item:hover .color-dis .color ul li span.mt-color {
    margin-right:unset;
    transition: all 0.3s ease-out;
}
.hero-product .amazing-product .product-item .color-dis .color {
    position: absolute;
    left: 20px;
}
.hero-product .amazing-product .product-item .color-dis .color ul li span:hover > b {
    visibility: visible;
    opacity: 1;
    bottom: 17px;
}
.hero-product .amazing-product .product-item .color-dis .color ul li span b {
    background: #303030;
    color: #fff;
    font-size: 13px;
    font-weight: 100;
    border-radius: 4px;
    padding: 2px 4px;
    position: absolute;
    bottom: 0px;
    right: -10px;
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease-in-out;
}
.hero-product .amazing-product .product-item .color-dis .discount {
    margin-right: 0px;
    padding-right: 11px;
    position: relative;
    color: #fff;
}
.color-dis .discount.is-hidden {
    visibility: hidden;
}
.hero-product .amazing-product .product-item .color-dis .discount::before {
    position: absolute;
    width: 4px;
    height: 100%;
    background: var(--color_ff4100);
    content: "";
    right: 0;
    margin-right: 0px;
    top: 0;
    box-shadow: 0px 5px 15px  var(--color_ff4100);
    border-radius: 90px 0px 0px 90px;
}


.hero-product .amazing-product .product-item figure a {
    max-width: 200px;
    display: block;
    margin: 7px auto 0;
}
.hero-product.hero_2{
    margin-top: 0;
}
.hero-product .amazing-product .product-item h2 {
    margin-top: 15px;
    height: 50px;
    line-height: 22px;
    overflow: hidden;
    padding-right: 15px;
}
.hero-product .amazing-product .product-item h2 a {
    color: #fff;
    font-size: 14px;
    font-weight: 450;
}


/*.hero-product .amazing-product .product-item:hover {*/
/*   border-bottom: 1px solid var(--color_ff4100);*/
/*    border-radius: 30px;*/
/*}*/


/*price*//*price*//*price*//*price*//*price*//*price*//*price*/
 .product-item .down  .price,
 .product-item .down .price {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #FFFFFF;
    margin: auto;
    flex-direction: column;
    position: relative;
}
 .product-item .down .price ins span.woocommerce-Price-currencySymbol,
 .product-item .down .price ins span.woocommerce-Price-currencySymbol {
    position: unset;
    margin-right: 5px;
}
 .product-item .down .price ins,
 .product-item .down .price ins {
    display: inline-block;
}
 .product-item .down .price > span > bdi > .woocommerce-Price-currencySymbol {
    bottom: 0px;
    left: -35px;
    color: #edf5e1;
    background: var(--color_ff4100);
    padding: 13px 4px;
    border-radius: 10px;
    margin-right: 10px;
}
 .product-item .down .price del .woocommerce-Price-currencySymbol {
    display: none;
}
 .product-item .down .price ins span.woocommerce-Price-currencySymbol {
    display: inline-block;
    rotate: unset;
    color: #edf5e1;
    background: var(--color_ff4100);
    padding: 13px 4px;
    border-radius: 10px;
    position: absolute;
    bottom: 8px;
    line-height: 1;
}
 .product-item .down .price ins {
    color: #edf5e1;
    text-decoration: none;
}
.down .not_stock {
    display: inline-flex;
    padding: 0px 5px;
    align-items: center;
    color: red;
}
 .product-item .down .contact-us-price {
    text-align: center;
    padding: 13px;
    justify-content: center;
    margin: auto;
    color: var(--color_ff4100);
    font-weight: 700;
    font-size: 15px;
    font-family: yekanbakh;
}
 .product-item .down .not-stock {
    margin: auto;
    color: #c00;
    font-weight: 700;
    font-size: 15px;
    font-family: yekanbakh;
}
 .product-item .down .price > span.woocommerce-Price-amount.amount > bdi > .woocommerce-Price-currencySymbol {
    /* left: 31px; */
}
 .product-item .down .price > span > bdi > .woocommerce-Price-currencySymbol {
    /*bottom: 8px;*/
    left: -43px;
    color: #edf5e1;
    background: var(--color_ff4100);
    padding: 13px 4px;
    border-radius: 10px;
    margin-right: 10px;
    position: absolute;
    line-height: 1;
}
 .product-item .down .price span[aria-hidden="true"] {
    line-height: .9;
}

/*price*//*price*//*price*//*price*//*price*//*price*//*price*/






.hero-product-new {
    margin-top: 70px;
    /*background-image: url("image/Back-1.webp");*/
    background-size: cover;
    width: 100%;
    /* z-index: -10; */
    padding: 26px 0;
    /* margin: 0; */
}
 .overlay{
    background-image: url("https://themes.wpmonster.co/Phlox/new/it-company/wp-content/uploads/2024/04/Line.webp");
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 103% auto;
    opacity: 1;
    transition: background .3s,border-radius .3s,opacity .3s;
}


.hero-product-new .product-item {
    background: #030c13;
    border-radius: 30px;
    margin: 48px 16px;
}
/*color dis*//*color dis*//*color dis*/
 .product-item .color-dis {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 40px;

}
 .product-item .color-dis .discount {
    margin-right: 0px;
    padding-right: 11px;
    position: relative;
    color: #0e0d0d;
}
/*.hero-product-new .product-item .color-dis .discount.is-hidden {*/
/*    visibility: hidden;*/
/*}*/
.product-item .color-dis .discount::before {
    position: absolute;
    width: 4px;
    height: 100%;
    background: var(--color_ff4100);
    content: "";
    right: 3px;
    margin-right: 0px;
    top: 0;
    box-shadow: 0px 5px 15px var(--color_ff4100);
    border-radius: 90px 0px 0px 90px;
}

 .product-item .color-dis .color {
    position: absolute;
    left: 0;
}
 .product-item .color-dis .color ul li {
    float: right;
}
 .product-item .color-dis .color ul li span {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-left: 5px;
    float: right;
    position: relative;
    border: 2px solid var(--color_ff4100);
    box-shadow: 0px 2px 4px rgba(255, 65, 0, 0.38);
}
 .product-item .color-dis .color ul li span.mt-color {
    margin-right: -12px;
    transition: all 0.3s ease-out;
}
 .product-item:hover .color-dis .color ul li span.mt-color {
    margin-right:unset;
    transition: all 0.3s ease-out;
}
 .product-item .color-dis .color ul li span:hover > b {
    visibility: visible;
    opacity: 1;
    bottom: 17px;
}
 .product-item .color-dis .color ul li span b {
    background: #303030;
    color: #fff;
    font-size: 13px;
    font-weight: 100;
    border-radius: 4px;
    padding: 2px 4px;
    position: absolute;
    bottom: 0px;
    right: -10px;
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease-in-out;
}
/*color dis*//*color dis*//*color dis*/




.hero-product-new .product-item figure a {
    max-width: 200px;
    display: block;
    margin: 7px auto 0;
}
.hero-product-new .product-item figure a:hover{
    transform: scale(1.047);
    filter: hue-rotate(20deg);
}
.hero-product-new .product-item h2 {
    margin-top: 15px;
    height: 50px;
    line-height: 22px;
    overflow: hidden;
    position: relative;
}
.hero-product-new .product-item h2::after {
    content: " ";
    position: absolute;
    bottom: 0;
    right: 0px;
    left: 0;
    display: block;
    height: 20px;
    width: 62%;
    background-color: rgba(255, 65, 0, 0.29);
    clip-path: polygon(21px 0,100% 0,89% 100%,0 100%);
    /* z-index: -1; */
    top: 0;
}
.hero-product-new .product-item  h2 a {
    color: #0e0e1c;
    font-size: 14px;
    font-weight: 450;
}
/*down*//*down*//*down*//*down*//*down*//*down*//*down*/
 .product-item .down {
    display: flex;
    align-items: end;
    padding: 18px;
    height: 100px;
}
 .product-item .down .addtocart_button a {
    font-size: 18px;
    color: #fff;
    display: flex;
    background: var(--color_ff4100) !important;
    padding: 7px;
    border-radius: 50px !important;;
    position: absolute;
    opacity: .5;
}

 .product-item .down .addtocart_button a.added_to_cart {
    display: inline-block;
    background: var(--color_ff4100) !important;
    color: #fff !important;
    font-size: 13px;
    padding: 7px 6px !important;
    opacity: 1;
    right: 32px;
}

 .product-item .down .addtocart_button a.added {
    display: none;
}

 .product-item:hover .down .addtocart_button a{
    opacity: 1;
}

.product-item:hover .down {
    border-bottom: 1px solid var(--color_ff4100);
    border-radius: 30px;
    /*transition: all .2s ease-in-out;*/
}
/*down*//*down*//*down*//*down*//*down*//*down*//*down*/


/*.hero-product-new {*/
/*    margin-top: 398px;*/
/*}*/
.owl-carousel.owl-rtl.product-slider {
    margin-top: 40px;
}
.title-pro {
    padding: 20px 20px 0 20px;
    position: relative;
    margin-bottom: 30px;
}
.title-pro h4 {
    color: var(--color_ff4100);
    font-family: rokh;
    font-size: 18px;

}
.title-pro h4:before{
    background: color-mix(in srgb,var(--color_ff4100) 55%, transparent);
    content: "";
    position: absolute;
    left: 0px;
    bottom: -15.3px;
    height: 1px;
    width: 100%;
    border-radius: 20px;
    transition: width 0.3s ease;
}



.title-pro h4::after {
    background: var(--color_ff4100);
    content: "";
    position: absolute;
    right: 15px;
    bottom: -18px;
    height: 7px;
    width: 70px;
    border-radius: 20px;
    transition: width 0.3s ease;
}
.title-pro h4:hover::after {
    width: 90%;
    left: 0;
}

.bg-box {
    width: 100%;
    /*border: 1px solid #FFF;*/
    background: #f5f5f5;
    border-radius: 30px;
    padding: 10px;
    box-sizing: border-box;
    position: relative;
     /*box-shadow: 0px 0px 10px 2px #eacbd4;*/
    /* height: 40%; */
    /*box-shadow: rgb(255, 65, 0) 0px 0px 7px 0px;*/
    border-radius: 30px;
}
.left-item .bg-box-sec {
    width: 100%;
    background: var(--color_171f59);
    border-bottom-right-radius: 120px;
    border-bottom-left-radius: 34px;
    padding: 10px;
    box-sizing: border-box;
    position: relative;
    box-shadow: rgb(23, 31, 89) 0px 0px 7px 0px;
}

.owl-carousel .owl-item img {
    max-height: 200px;

}

.owl-theme.product-slider .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
    background: #b9b2b4;
}
.owl-theme.product-slider .owl-dots .owl-dot span {
    width: 10px;
    height: 10px;
    margin: 5px 7px;
    background: var(--color_ff4100);
    display: block;
    transition: opacity .2s ease;
    border-radius: 30px;
}

.owl-carousel.amazing-slider .owl-stage {
    margin: 0 auto;
}


.bg-light {
    margin: auto;
    background: #080c30;
    width: 160px;
    margin-bottom: -40px;
    z-index:2;
    position: relative;
    height: 50px;
    border-radius: 20px 0px 20px 0px;
    padding: 0px 15px;
    float: left;
    padding-top: 5px;
    align-items: center;
}
.bg-light a{
    color: #ffffff;
    /*background-image: linear-gradient(-90deg,#5a6ff0*/
    /*0%,#c31fe6 100%);*/
}
.bg-light a i {
    background: var(--color_ff4100);
    padding: 10px;
    border-radius: 50px;
    color: #fff;
}
.amazing-product {
    /* float: right; */
    width: 100%;
    background: #1d2463;
    height: 200px;
    border-radius: 25px;
    padding: 5px 0px;
}
.amazing-product::before {
    background-image: url("image/pattern-woo.png");
    width: 100%;
    position: absolute;
    height: 200px;
    content: '';
    background-attachment: fixed;
}
.amazing-product .amazing-thumbnail img {
    max-width: 228px;
    margin: 15px auto;
}
.amazing-product .amazing-btn {
    text-align: center;
}
.amazing-product .amazing-btn a {
    background: #fff;
    border-radius: 24px;
    padding: 13px 29px;
    display: inline-flex;
    align-items: center;
}
.amazing-product .amazing-btn a i {
    font-size: 13px;
    margin-right: 5px;
}
.amazing-product .countdown-timer {
    display: flex;
    justify-content: center;
    padding: 4px;
}
.amazing-product .countdown-timer .number {
    background: var(--color_ff4100);
    color: #fff;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.amazing-product .countdown-timer span.dot {
    font-size: 24px;
    color: #eacbd4;
    margin: 0 2px;
}

.amazing-product .end_sale {
    color: red;
    font-weight: 500;
    display: block;
    text-align: center;
    padding: 10px;
}
/*box product new*/
.box-product-new {
    background-image: radial-gradient(circle at top left, rgb(234, 203, 212), #600b538a);
    box-shadow: 0px 4px 90px 0px #D3D3D333;
    margin-top: 30px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    border-radius: 30px;
}
.box-product-new::before {
    background-image: url("image/pattern-woo.png");
    width: 100%;
    position: absolute;
    height: 100%;
    content: '';
    border-radius: 30px;
}
.box-product-new .inner-partners {
    width: 88%;
    margin: auto;
    padding: 20px 0;
}
.box-product-new .inner-partners .partners-item {
    display: flex;
    justify-content: center;
    height: 170px;
    align-items: center;
    border: 1px solid #fff;
    margin: 10px 10px;
    padding: 10px 10px;
    border-radius: 20px;
    background: #ffffff2b;
}


.box-product-new .inner-partners .partners-item::before {
    content: "";
    width: 3px;
    height: 20%;
    background: #6b1568;
    position: absolute;
    right: 10px;
    box-shadow: 0px 2px 15px #6b1568;
    border-radius: 90px;
    margin-left: -2px;
    top: 40%;
}
.box-product-new .inner-partners .partners-item::after {
    content: "";
    width: 3px;
    height: 20%;
    background: #040416;
    position: absolute;
    left: 10px;
    box-shadow: 0px 2px 15px #040416;
    border-radius: 90px;
    margin-left: -2px;
    top: 40%;
}


.box-product-new .inner-partners .partners-item img {
    max-width: 100px;
}
 .bg-cart-startup a{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.bg-cart-startup a h2 {
    color: #ffff;
    font-size: 14px;
    margin-right: 10px;
}
.box-product-new .inner-partners .partners-item .bg-cart-startup .color-dis {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.box-product-new .inner-partners .partners-item .bg-cart-startup  .color-dis .color ul li {
    float: right;
}
.box-product-new .inner-partners .partners-item .bg-cart-startup .color-dis .color ul li span {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-left: 5px;
    float: right;
    position: relative;
}
.box-product-new .inner-partners .partners-item .bg-cart-startup  .color-dis .color ul li span:hover > b {
    visibility: visible;
    opacity: 1;
    bottom: 17px;
}
.box-product-new .inner-partners .partners-item .bg-cart-startup  .color-dis .color ul li span b {
    background: #303030;
    color: #fff;
    font-size: 13px;
    font-weight: 100;
    border-radius: 4px;
    padding: 2px 4px;
    position: absolute;
    bottom: 0px;
    right: -10px;
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease-in-out;
}
.box-product-new .inner-partners .partners-item .bg-cart-startup .color-dis .discount {
    background: #EBCDD6;
    color: #0e0e1c;
    padding: 3px 3px;
    border-radius: 100%;
}

.box-product-new .inner-partners .partners-item .bg-cart-startup  .down {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-top: 15px;
    padding: 18px;
}
.box-product-new .inner-partners .partners-item .bg-cart-startup  .down .addtocart_button a {
    font-size: 34px;
    color: #EACBD4;
    display: flex;
}
.box-product-new .inner-partners .partners-item .bg-cart-startup  .down .price {
    display: flex;
    flex-direction: column;
    position: relative;
    margin-left: 10px;
    align-items: baseline;
}
.box-product-new .inner-partners .partners-item .bg-cart-startup  .down .price del {
    color: #7E7E7E;
}
.box-product-new .inner-partners .partners-item .bg-cart-startup  .down .price ins {
    color: #ffff;
    font-size: 18px;
    font-weight: 725;
    text-decoration: none;
}
.box-product-new .inner-partners .partners-item .bg-cart-startup  .down .price ins span {
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    rotate: 270deg;
    display: block;
    position: absolute;
    top: 14px;
    left: -25px;
}

/**/

.bg-section {
        background-image: linear-gradient(90deg, rgba(8, 12, 48,.90) 0%, rgba(8, 12, 48,.90) 100% ),
    url('image/Untitledfffff-removebg-preview.webp');
    min-height: 260px;
    flex-direction: row;
    align-items: stretch;
    padding-left: 16px;
    padding-right: 16px;
    background-position: center center;
    background-repeat: repeat;
    /*background-size: cover;*/
    background-attachment: fixed;
    position: relative;
    margin-top: 30px;
}
.first-item {
    width: 20%;
    margin: 73px 0;
    height: 100%;
}
.left-item{
    width: 80.3%;
}
.box-product{
    display: flex;
    /*align-items:center ;*/
    justify-content: center;
}


.box-product .first-item img {
     border-radius: 10px 100px 10px 10px;
    display: flex;
    height: auto;
    max-width: 100%;
    /* border: 2px solid var(--color_ff4100); */
    /* margin: auto; */
    align-items: center;
    margin-top: -68px;
    padding-right: 10px;
}
/*.box-product .first-item  {*/
/*    border: 2px solid var(--color_ff4100);*/
/*    padding: 10px;*/
/*    border-radius: 200px 10px 10px 10px;*/
/*}*/

.box-product .first-item {
    border: 2px solid var(--color_ff4100);
    padding: 10px;
    border-radius: 10px 200px 10px 10px;
}
.first-item h2 {
    color: #fff;
    font-size: 18px;
    font-family: "rokh";
    text-align: center;
    margin-top: 10px;
}
.left-item .product-item {
    background: #030c13;
    border-radius: 30px;
    margin: 16px 16px;
    /* padding-bottom: 20px; */
    box-shadow: 0px 0px 4px 0px rgb(2, 27, 52);
}
.left-item .product-item .color-dis {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 40px;
}
.left-item .product-item .color-dis .discount {
    margin-right: 0px;
    padding-right: 11px;
    position: relative;
    color: #ffff;
}
.left-item .product-item .color-dis .discount.is-hidden {
    visibility: hidden;
}
.left-item .product-item .color-dis .discount::before {
    position: absolute;
    width: 4px;
    height: 100%;
    background: var(--color_ff4100);
    content: "";
    right: 0;
    margin-right: 0px;
    top: 0;
    /* box-shadow: 0px 5px 15px var(--color_ff4100); */
    border-radius: 90px 0px 0px 90px;
}

.left-item .product-item .color-dis .color ul li {
    float: right;
}
.left-item .product-item .color-dis .color ul li span {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-left: 5px;
    float: right;
    position: relative;
    border: 2px solid #fff;
    box-shadow: 0px 2px 4px #cacaca85;
}
.left-item .product-item .color-dis .color ul li span.mt-color {
    margin-right: -12px;
    transition: all 0.3s ease-out;
}
.left-item .product-item:hover .color-dis .color ul li span.mt-color {
    margin-right:unset;
    transition: all 0.3s ease-out;
}
.left-item .product-item .color-dis .color ul li span:hover > b {
    visibility: visible;
    opacity: 1;
    bottom: 17px;
}
.left-item .product-item .color-dis .color ul li span b {
    background: #303030;
    color: #fff;
    font-size: 13px;
    font-weight: 100;
    border-radius: 4px;
    padding: 2px 4px;
    position: absolute;
    bottom: 0px;
    right: -10px;
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease-in-out;
}

.left-item .product-item figure a {
    max-width: 200px;
    display: block;
    margin: 7px auto 0;
}
.left-item .product-item figure a:hover{
    transform: scale(1.047);
    filter: hue-rotate(20deg);
}
.left-item .product-item h2 {
    margin-top: 15px;
    /* height: 50px; */
    line-height: 22px;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.left-item .product-item h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0px;
    left: 51px;
    display: block;
    height: 20px;
    width: 62%;
    background-color: rgba(255, 65, 0, 0.32);
    clip-path: polygon(21px 0,100% 0,89% 100%,0 100%);
    /* z-index: -1; */
    top: 0;
}
.left-item .product-item  h2 a {
    color: #fff;
    font-size: 14px;
    font-weight: 450;
}







/*product for*/
.product-for {
    margin-top: 76px;
}

.product-for .first-item-for {
    width: 20%;
    margin: 23px 0;
    height: 350px;
    border: 2px solid var(--color_ff4100);
    padding: 10px;
    border-radius: 200px 200px 10px 10px;
}
.product-for .first-item-for img {
    border-radius: 200px 200px 10px 10px;
    display: flex;
    height: auto;
    max-width: 100%;
    /* border: 2px solid var(--color_ff4100); */
    margin: auto -46px;
    align-items: center;
}

.product-for .center-item-for{
    width: 80.322%;
}
.product-for .center-item-for .product-item {
    background: #030c13;
    border-radius: 30px;
    margin: 16px 16px;
    /* padding-bottom: 20px; */
    box-shadow: 0px 0px 4px 0px rgb(2, 27, 52);
}
.product-for .center-item-for .bg-box-sec {
    width: 100%;
    background: var(--color_171f59);
    border-bottom-right-radius: 100px;
    border-bottom-left-radius: 100px;
    padding: 10px;
    box-sizing: border-box;
    position: relative;
    box-shadow: rgb(23, 31, 89) 0px 0px 7px 0px;
}

.left-item .product-item .color-dis {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 40px;
}
.product-for .center-item-for .product-item .color-dis .discount {
    margin-right: 0px;
    padding-right: 11px;
    position: relative;
    color: #ffff;
}
.product-for .center-item-for .product-item .color-dis .discount.is-hidden {
    visibility: hidden;
}
.product-for .center-item-for .product-item .color-dis .discount::before {
    position: absolute;
    width: 4px;
    height: 100%;
    background: var(--color_ff4100);
    content: "";
    right: 0;
    margin-right: 0px;
    top: 0;
    /* box-shadow: 0px 5px 15px var(--color_ff4100); */
    border-radius: 90px 0px 0px 90px;
}
.product-for .center-item-for .product-item figure a {
    max-width: 200px;
    display: block;
    margin: 7px auto 0;
}
.product-for .center-item-for .product-item h2 a {
    color: #fff;
    font-size: 14px;
    font-weight: 450;
}
.product-for .center-item-for .product-item h2 {
    margin-top: 15px;
    line-height: 22px;
    overflow: hidden;
    position: relative;
    text-align: center;
    height: 50px;
}
.product-for .center-item-for .product-item h2:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0px;
    left: 51px;
    display: block;
    height: 20px;
    width: 62%;
    background-color: rgba(255, 65, 0, 0.32);
    clip-path: polygon(21px 0,100% 0,89% 100%,0 100%);
    /* z-index: -1; */
    top: 0;
}


.product-for .left-item-for{
    width: 18%;
    margin: 73px 0;
    height: 100%;
    border: 2px solid var(--color_ff4100);
    padding: 10px;
    border-radius: 200px 200px 10px 10px;
}



.product-for .left-item-for  h4 {
    color: #fff;
    font-size: 18px;
    font-family: Rohk;
    text-align: center;
    margin-top: 10px;
}
.product-for .first-item-for h2 {
    color: #fff;
    font-size: 18px;
    font-family: rokh;
    text-align: center;
    margin-top: 60px;
}
.product-for .left-item-for img {
    border-radius: 200px 200px 10px 10px;
    display: flex;
    height: auto;
    max-width: 100%;
    /* border: 2px solid var(--color_ff4100); */
    margin: auto;
    align-items: center;
}
    /*product for*/


/*product my*/
.product-my .first-item-my{
    width: 80.3%;
}
.product-my .left-item-my{
    width: 20%;
}
.bg-section-my {
    background-image: linear-gradient(90deg, rgba(8, 12, 48,.90) 0%, rgba(8, 12, 48,.90) 100% ),
    url('image/Untitledvvvv-removebg-preview.webp');
    min-height: 260px;
    flex-direction: row;
    align-items: stretch;
    padding-left: 16px;
    padding-right: 16px;
    background-position: center center;
    background-repeat: repeat;
    /*background-size: cover;*/
    background-attachment: fixed;
    position: relative;
    margin-top: 30px;
}

.product-my .first-item-my .product-item {
    background: #030c13;
    border-radius: 30px;
    margin: 16px 16px;
    /* padding-bottom: 20px; */
    box-shadow: 0px 0px 4px 0px rgb(2, 27, 52);
}
.product-my .first-item-my .bg-box-sec {
    width: 100%;
    background: var(--color_171f59);
    border-bottom-right-radius: 34px;
    border-bottom-left-radius: 120px;
    padding: 10px;
    box-sizing: border-box;
    position: relative;
    box-shadow: rgb(23, 31, 89) 0px 0px 7px 0px;
}

.product-my .first-item-my  .product-item .color-dis {
    display: flex;
    justify-content: space-between;
    align-items: center;
}


.product-my .first-item-my .product-item  .color-dis .discount.is-hidden {
    visibility: hidden;
}

.product-my .first-item-my .color-dis .discount {
    margin-right: 0px;
    padding-right: 11px;
    position: relative;
    color: #ffff;
}

.product-my .first-item-my .color-dis .discount::before {
    position: absolute;
    width: 4px;
    height: 100%;
    background: var(--color_ff4100);
    content: "";
    right: 0;
    margin-right: 0px;
    top: 0;
    box-shadow: 0px 5px 15px var(--color_ff4100);
    border-radius: 90px 0px 0px 90px;
}





.hero-product-new .product-item .color-dis .color {
    position: absolute;
    left: 0;
}
.hero-product-new .product-item .color-dis .color ul li {
    float: right;
}
.hero-product-new .product-item .color-dis .color ul li span {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-left: 5px;
    float: right;
    position: relative;
    border: 2px solid var(--color_ff4100);
    box-shadow: 0px 2px 4px rgba(255, 65, 0, 0.38);
}
.hero-product-new .product-item .color-dis .color ul li span.mt-color {
    margin-right: -12px;
    transition: all 0.3s ease-out;
}
.hero-product-new .product-item:hover .color-dis .color ul li span.mt-color {
    margin-right:unset;
    transition: all 0.3s ease-out;
}
.hero-product-new .product-item .color-dis .color ul li span:hover > b {
    visibility: visible;
    opacity: 1;
    bottom: 17px;
}
.hero-product-new .product-item .color-dis .color ul li span b {
    background: #303030;
    color: #fff;
    font-size: 13px;
    font-weight: 100;
    border-radius: 4px;
    padding: 2px 4px;
    position: absolute;
    bottom: 0px;
    right: -10px;
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease-in-out;
}


/*
.product-my .first-item-my .product-item:hover .down {
    border-bottom: 3px solid var(--color_ff4100);
    border-radius: 30px;
}
.product-my .first-item-my .product-item:hover .down .addtocart_button a {
    opacity: 1;
}*/
.product-my .first-item-my .product-item figure a {
    max-width: 200px;
    display: block;
    margin: 7px auto 0;
}
.product-my .first-item-my .product-item h2 {
    margin-top: 15px;
    /* height: 50px; */
    line-height: 22px;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.product-my .first-item-my .product-item h2 a {
    color: #fff;
    font-size: 14px;
    font-weight: 450;
}
.product-my .first-item-my .product-item h2:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0px;
    left: 51px;
    display: block;
    height: 20px;
    width: 62%;
    background-color: rgba(255, 65, 0, 0.32);
    clip-path: polygon(21px 0,100% 0,89% 100%,0 100%);
    /* z-index: -1; */
    top: 0;
}


.product-my {
    margin-top: 76px;
}
.product-my .left-item-my {
    width: 20%;
    margin: 73px 0;
    height: 100%;
}
.product-my  .left-item-my {
    border: 2px solid var(--color_ff4100);
    padding: 10px;
    border-radius: 200px 10px 10px 10px;
}
.product-my .left-item-my img {
    border-radius: 100px 10px 10px 10px;
    display: flex;
    height: auto;
    max-width: 100%;
    margin: auto;
    align-items: center;
}
.product-my  .left-item-my h2 {
    color: #fff;
    font-size: 18px;
   font-family: rokh;
    text-align: center;
    margin-top: 10px;
}
/*product my*/



/*product for*/
.product-for-men {
    margin-top: 76px;
}

/*.product-for-men .first-item-for {
    width: 20%;
    margin: 23px 0;
    height: 350px;
    border: 2px solid var(--color_ff4100);
    padding: 10px;
    border-radius: 200px 200px 10px 10px;
}
.product-for-men .first-item-for img {
    border-radius: 200px 200px 10px 10px;
    display: flex;
    height: auto;
    max-width: 100%;
    !* border: 2px solid var(--color_ff4100); *!
    margin: auto -46px;
    align-items: center;
}*/


.product-for-men  .product-item {
    background: #030c13;
    border-radius: 30px;
    margin: 16px 16px;
    /* padding-bottom: 20px; */
    box-shadow: 0px 0px 4px 0px rgb(2, 27, 52);
}

/*.product-for-men  .product-item:hover .down {*/
/*    border-bottom: 3px solid var(--color_ff4100);*/
/*    border-radius: 30px;*/
/*}*/


.product-for-men  .bg-box-sec {
    width: 100%;
    background: var(--color_171f59);
    border-bottom-right-radius: 100px;
    border-bottom-left-radius: 100px;
    padding: 10px;
    box-sizing: border-box;
    position: relative;
    box-shadow: rgb(23, 31, 89) 0px 0px 7px 0px;
}
.left-item .product-item .color-dis {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 40px;
}
.product-for-men  .product-item .color-dis .discount {
    margin-right: 0px;
    padding-right: 11px;
    position: relative;
    color: #ffff;
}
.product-for-men  .product-item .color-dis .discount.is-hidden {
    visibility: hidden;
}
.product-for-men  .product-item .color-dis .discount::before {
    position: absolute;
    width: 4px;
    height: 100%;
    background: var(--color_ff4100);
    content: "";
    right: 0;
    margin-right: 0px;
    top: 0;
    /* box-shadow: 0px 5px 15px var(--color_ff4100); */
    border-radius: 90px 0px 0px 90px;
}
.product-for-men  .product-item figure a {
    max-width: 200px;
    display: block;
    margin: 7px auto 0;
}
.product-for-men  .product-item h2 a {
    color: #fff;
    font-size: 14px;
    font-weight: 450;
}
.product-for-men  .product-item h2 {
    margin-top: 15px;
    line-height: 22px;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.product-for-men  .product-item h2:after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0px;
    left: 51px;
    display: block;
    height: 20px;
    width: 62%;
    background-color: rgba(255, 65, 0, 0.32);
    clip-path: polygon(21px 0,100% 0,89% 100%,0 100%);
    /* z-index: -1; */
    top: 0;
}

.product-for-men .left-item-for{
    width: 18%;
    margin: 73px 0;
    height: 100%;
    border: 2px solid var(--color_ff4100);
    padding: 10px;
    border-radius: 200px 200px 10px 10px;
}



/*product for*/







/*sec category*/
.sec-category{
    margin-top: 40px;
    background-size: 9%;
    background-repeat: no-repeat;

}
.product-sec-item{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}
.sec-category .item-cat {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-evenly;
    margin: 10px;
    transition: .3s ease-in-out;
    position: relative;
    width: 16%;
    padding: 0px 5px 5px 5px;
}

.sec-category .item-cat .bg-cat {
    inset: 35% 0% 0% 0%;
    border-radius: 60px 60px 20px 20px;
    background-color: var(--color_171f59);
    position: absolute;
}
.sec-category .item-cat:hover .bg-cat{
   border-bottom: 3px solid var(--color_ff4100);
    border-top: 3px solid var(--color_ff4100);
}
.sec-category .item-cat:hover img {
    transform: scale(.95) perspective(10px);
}
.sec-category .item-cat .image {
    max-width: 70%;
    transition: 0.4s;
    z-index: 2;
    padding: 0px 10px 0px 10px;
}
.sec-category .item-cat .image a {
    text-align: center;
    display: flex;
    width: 100%;
    justify-content: center;
}
.sec-category .item-cat .image img {
    transition: transform 0.5s;
    border-radius: 10px;
    width: 100%;
}

.sec-category .item-cat .content {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    z-index: 2;
}
.sec-category .item-cat .content h2 {
    font-weight: 500;
    font-size: 14px;
    margin-top: 10px;
    transition: 0.4s;
    display: flex;
    justify-content: center;
    color: #ffffff;
    font-family: rokh;
}
.sec-category .item-cat .content h2  a{
    color: #ffffff;

}
.sec-category .item-cat .content p, .sec-category .item-cat .content p a {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    font-weight: 300;
    color: var(--color_ff4100);
    font-family: yekanbakh;
    padding: 5px 0;
}
.sec-category .item-cat .content i {
    transition: 0.3s transform;
    transition-delay: 0.15s;
    color: var(--color_ff4100);
}
/*sec category*/


/*sec inst*/
.hero-product.inst{
    margin-top: 100px;
}
.instagram{
    display: flex;
    align-items: center;
}
.text-insta{
    width: 20%;
}
.text-insta svg {
    fill: transparent;
    width: 22px;
    height: 22px;
    margin-right: 5px;
    color: #ffff;
}
.text-insta svg path {
    stroke: #fff;

}
.box-insta {
    display: flex;
    background: var(--color_ff4100);
    box-shadow: 0 4px 40px 0 #E5383B12;
    border-radius: 60px 0 60px 0;
    /* padding: 10px 0; */
    align-items: center;
    width: 80%;
    height: 100px;
}
.box-insta .first-item img {
    display: flex;
    height: auto;
    max-width: 147px;
    align-items: center;
    margin-top: -68px;
    padding-right: 10px;
    padding-left: 10px;
    /* z-index: -1; */
    position: relative;
}
.box-insta .first-item {
    /* border: 2px solid var(--color_ff4100); */
    padding: 10px;
    border-radius: 10px 200px 10px 10px;
}
.box-insta .first-item {
    width: 15.2%;
    text-align: center;
}
.box-insta .left-item {
    width: 80.3%;
}
.box-insta .left-item .item.product-item {
    box-shadow: none;
}
.box-insta .product-item {
    background: none !important;
    margin: 0 5px;
    padding: 0;
}
.box-insta .product-item figure img {
    border-radius: 50px;
    width: 300px;
    max-height: 170px;
    padding: 20px;
    /*margin-top: 40px;*/
}
.text-insta {
    display: flex;
    flex-direction: column;
    align-items: center;
}
.text-insta p {
    color: #fff;
    font-size: 25px;
    font-family: rokh;
    line-height: 1.2;
}
.text-insta a {
    background: var(--color_ff4100)a1;
    padding: 0 10px;
    display: flex;
    align-items: center;
    color: #fff;
    border-radius: 10px;
    margin-top: 10px;
}
.text-insta a {
    background: var(--color_ff4100);
    padding: 7px 10px;
    display: flex;
    align-items: center;
    border-radius: 50px;
    margin-top: 10px;
}
.text-insta a span.text-insta-btn {
    font-family: yekanbakh;
    font-size: 14px;
    background-color: #ffffff;
    border-radius: 50px;
    padding: 3px 7px;
    color: var(--color_ff4100);
}
.text-insta a span svg {
    width: 22px;
    height: 22px;
    margin-right: 5px;
    stroke: #fff;
}
/*sec inst*/
/*sec brand*/
.sec-brand {
    margin-top: 100px;
}
.brand-sec-item {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}
.sec-brand .item-brand {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-evenly;
    margin: 24px;
    transition: .3s ease-in-out;
    position: relative;
    padding: 0px 5px 5px 5px;
    margin-top: 0;
}
.sec-brand .item-brand .bg-brand {
    inset: 35% 0% 0% 0%;
    border-radius: 60px 60px 20px 20px;
    background-color: var(--color_ff4100);
    position: absolute;
    height: 100px;
    margin-top: -14px;
}
.sec-brand .item-brand .image {
    /* max-width: 70%; */
    transition: 0.4s;
    z-index: 2;
    padding: 0px 10px 0px 10px;
    margin-top: 100px;
    /* border-radius: 50%; */
}
.sec-brand .item-brand .image a {
    text-align: center;
    display: flex;
    /* width: 100%; */
    justify-content: center;
}
.sec-brand .item-brand .image img {
    transition: transform 0.5s;
    border-radius: 50px;
    /* width: 100%; */
    width: 100px;
    height: 100px;
    object-fit: cover;
}
.title-brand {
    border-radius: 20px;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 16px;
    margin-top: 10px;
    font-family: rokh;
    background: #030c13;
    padding: 5px 0;
}
.sec-brand .item-brand:hover .title-brand {
    color: var(--color_ff4100);
}


.sec-brand .item-brand:hover .bg-brand {
    border-bottom: 5px solid #6874ca;
    border-top: 5px solid #6874ca;
}

/*sec brand*/

/*sec blog*/
.sec-blog {
    margin-top: 123px;
}
.sec-blog .box-blog {
    display: flex;
    justify-content: space-between;
    gap: 12.5px;
}
.sec-blog .box-blog .big-post {
    /* width: 41%; */
    position: relative;
    display: flex;
    flex-basis: 50%;
    gap: 10px;
}

.post-top-icon i {
    font-size: 17px;
    color: var(--color_ff4100);
    margin-top: 0px;
    margin-right: 23px;
}
.sec-blog .box-blog .big-post .post-item {
    background: #030c13;
    box-shadow: 0px 0px 10px 5px #00000008;
    border-radius: 30px;
    /* height: 337px; */
    padding: 10px;
    flex-grow: 1;
    position: relative;
    aspect-ratio: 1/1;
    overflow: hidden;
}
.sec-blog .box-blog .big-post .post-item::after {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1px;
    background-image: radial-gradient(133.87% 199.01% at 100% 0%, rgba(251, 194, 48, 0.4) 0%, rgba(251, 194, 48, 0) 50%);
    border-radius: inherit;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    /* mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); */
    -webkit-mask-composite: xor;
    mask-composite: xor;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}
.sec-blog .box-blog .big-post .post-item figure img {
    width: 100%;
    height: 129px;

    object-fit: cover;
    transition: all .2s ease-in-out;
    margin-top: 10px;
    border: 2px solid var(--color_ff4100);
    border-top: none;
    border-bottom-width: 3px;
    border-radius: 20px;
    /*height: 164px;*/
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat
}

.sec-blog .box-blog .big-post .post-item figure .post-top-icon {
    width: 48%;
    height: 41px;
    background-image: url("image/Asset 1.svg");
    z-index: 1;
    text-align: center;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    background-repeat: no-repeat;
    top: 2px;
    right: 51px;
}

.sec-blog .box-blog .big-post .post-item a h2 {
    font-size: 18px;
    font-weight: 450;
    margin-top: 15px;
    height: 65px;
    line-height: 28px;
    font-family: rokh;
    color: #ffffff;
}
.sec-blog .box-blog .big-post .post-item a .down .blog-text {
    font-family: MorabbaVF,serif;
    color: #ffffff;
    border-radius: 50px;
    background: var(--color_ff4100);
    /* padding: px 10px 10px 0px; */
    font-size: 16px;
    font-weight: 500;
    /* line-height: 150%; */
    cursor: pointer;
    transition: .3s;
    padding-right: 10px;
}
.sec-blog .box-blog .big-post .post-item a .down .blog-text span {
    border-radius: 50px;
    background: #fff;
    padding: 8px 17px 1px;
    margin-left: 4px;
    color: var(--color_ff4100);
    font-family: rokh;
    font-size: 14px;
}
.sec-blog .box-blog .big-post .post-item a .down {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
}
.sec-blog .box-blog .big-post .post-item a .down span {
    color: #ffff;
    font-size: 13px;
    font-weight: 300;
}
.sec-blog .box-blog .big-post .post-item a .down i {
    background: var(--color_main);
    color: var(--color-ff8c00);
    padding: 12px;
    border-radius: 5px;
    margin-left: 5px;
}


.sec-blog .box-blog .small-post {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    /* width: 59%; */
    flex-wrap: wrap;
    flex-basis: 50%;
}
.sec-blog .box-blog .small-post .post-item::after {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1px;
    background-image: radial-gradient(133.87% 199.01% at 100% 0%, rgba(251, 194, 48, 0.4) 0%, rgba(251, 194, 48, 0) 50%);
    border-radius: inherit;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    /* mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); */
    -webkit-mask-composite: xor;
    mask-composite: xor;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}
.sec-blog .box-blog .small-post .post-item {
    width: 49%;
    background: #030c13;
    box-shadow: 0px 0px 10px 5px #00000008;
    border-radius: 30px;
    height: 164px;
    padding: 10px;
    min-width: 300px;
    flex-grow: 1;
    position: relative;
    aspect-ratio: 1/1;
    overflow: hidden;
}
.sec-blog .box-blog .small-post .post-item a figure {
    float: right;
    margin-left: 10px !important;
    overflow: hidden;
    width: 200px;
}
.sec-blog .box-blog .small-post .post-item figure .post-top-icon {
    width: 29%;
    height: 45px;
    background-image: url("image/Asset 1.svg");
    z-index: 1;
    text-align: center;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    background-repeat: no-repeat;
    top: 0px;
    right: 12px;
}
.sec-blog .box-blog .small-post .post-item figure .post-top-icon i {
    font-size: 17px;
    color: var(--color_ff4100);
    /* margin-top: 0px; */
    margin-right: 34px;
}
.sec-blog .box-blog .small-post .post-item figure img {
    width: 100%;
    height: 125px;
    border-radius: 10px;
    object-fit: cover;
    transition: all .2s ease-in-out;
    margin-top: 10px;
    border: 2px solid var(--color_ff4100);
    border-top: none;
    border-bottom-width: 3px;
    border-radius: 20px;
    background-position: top center;
    background-repeat: no-repeat;
    object-fit: cover;
}
.sec-blog .box-blog .small-post .post-item a h2 {
    font-size: 18px;
    font-weight: 450;
    margin-top: 15px;
    height: 65px;
    line-height: 28px;
    font-family: rokh;
    color: #ffff;
}
.sec-blog .box-blog .small-post .post-item a .down {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.sec-blog .box-blog .small-post .post-item a .down span {
    color: #FFF;
    font-size: 13px;
    font-weight: 300;
}
.sec-blog .box-blog .small-post .post-item a .down .blog-text {
    font-family: MorabbaVF,serif;
    color: #ffff;
    border-radius: 50px;
    background: hsl(15.3, 100%, 50%);
    /* padding: px 10px 10px 0px; */
    font-size: 16px;
    font-weight: 500;
    /* line-height: 150%; */
    cursor: pointer;
    transition: .3s;
    padding-right: 10px;
}
.sec-blog .box-blog .small-post .post-item a .down .blog-text span {
    border-radius: 50px;
    background: #fff;
    padding: 8px 17px 1px;
    margin-left: 4px;
    color: var(--color_ff4100);
    font-family: rokh;
    font-size: 14px;
}
.sec-blog .box-blog .small-post .post-item a .down i {
    background: var(--color_main);
    color: var(--color-ff8c00);
    padding: 12px 8px;
    border-radius: 5px;
    margin-left: 5px;
}
.sec-blog .box-blog .small-post .post-item:hover a .down .blog-text span{
    background: var(--color_ff4100);
    color: #ffff;
}
.sec-blog .box-blog .small-post .post-item:hover a .down .blog-text{
    color: var(--color_ff4100);
    border-radius: 50px;
    background: #ffff;
}


.sec-blog .box-blog .big-post .post-item:hover a .down .blog-text span{
    background: var(--color_ff4100);
    color: #ffff;
}
.sec-blog .box-blog .big-post .post-item:hover a .down .blog-text{
    color: var(--color_ff4100);
    border-radius: 50px;
    background: #ffff;
}

/*sec blog*/

/*sec slider*/

/*.bg-slider {*/
/*    background-image: url("image/Path 1.svg");*/
/*    background-size: contain;*/
/*    width: 100%;*/
/*    position: relative;*/
/*    background-repeat: no-repeat;*/
/*}*/
/*.bg-slider::after {*/
/*    content: "";*/
/*    position: absolute;*/
/*    top: -2px;*/
/*    left: 0;*/
/*    width: 100%;*/
/*    height: 47%;*/
/*    padding: 1px;*/
/*    background-image: radial-gradient(133.87% 199.01% at 100% 0%, rgba(251, 194, 48, 0.4) 0%, rgba(251, 194, 48, 0) 50%);*/
/*    border-radius: inherit;*/
/*    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);*/
/*    mask-composite: add, add;*/
/*    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);*/
/*    -webkit-mask-composite: xor;*/
/*    mask-composite: xor;*/
/*    -webkit-mask-composite: xor;*/
/*    mask-composite: exclude;*/
/*    z-index: -1;*/
/*    border-radius: 20px;*/
/*}*/
/*.bg-slider::before {*/
/*    background-image: url("image/layered-waves-haikei.svg");*/
/*    width: 100%;*/
/*    position: absolute;*/
/*    !*height: 200px;*!*/
/*    content: '';*/
/*    border-radius: 30px;*/
/*    background-attachment: fixed;*/
/*}*/


.slider-sec {
    margin-top: 80px;
    margin-bottom: 80px;
}
.slider-sec .item {
    border-radius: 24px;
    height: 500px;
    /*margin: 0 18px 18px 0;*/
    overflow: hidden;
}
.slider-sec .item img {
    width: 100%;
    border-radius: 30px;
    height: 100%;
    object-fit: cover;
    display: block;
}





.first-item-slider{
    display: flex;
}
.first-item-slider-title{
    width: 41%;
}
.last-item-slider{
    width: 49.80%;
}
.bg-slider .first-item-slider-title h1 {
    font-size: 38px;
    color: var(--color_ff4100);
    text-align: center;
    margin-top: 56px;
    font-family: rokh;
}
.bg-slider .first-item-slider-title h1 span {
    font-size: 50px;
    color: var(--color_171f59);
    text-align: center;
    margin-top: 56px;
    font-family: rokh;
}
.owl-carousel.m-slider .owl-item{
    position: relative;
}
.owl-carousel.m-slider .owl-item img {
    max-height: 400px;
}
.owl-dot button {
    margin: 0 10px;
    background: transparent;
}
.owl-dot .list-special {
    display: flex;
    /* align-items: center; */
    gap: 10px;
    /*pointer-events: none;*/
    aspect-ratio: 1 / 1;
    overflow: hidden;
    cursor: pointer;
}
 .owl-dot .list-special figure {
    /*background: #fff;*/
    /*border-radius: 10px;*/
    /*padding: 7px 7px 0;*/
}
.owl-dot .list-special figure img {
    max-width: 50px;
    border-radius: 10px;
    object-fit: cover;
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    border-bottom: 3px solid #ff4100;
}
.owl-carousel.m-slider .owl-dots {
    right: 15%;
    position: absolute;
    bottom: 24px;
    background: #080c30;
    padding: 16px 80px;
    border-radius: 50px 50px 0 0;
    transform: translate(-50%, -50%);
    display: flex;
    justify-content: center;
    align-items: center;
}

/*sec slider*/




/*single archive*/
.shop-breadcrumb {
    font-size: 13px;
    margin: 20px 10px;
    color: #ffff;
    font-family: rokh;
}
.shop-breadcrumb a {
    color: rgba(224, 223, 223, 0.91);
}
.shop-breadcrumb span{
    color: var(--color_ff4100);
    margin: 0 5px;
}
.shop-breadcrumb i.fa-chevron-left{
    color: var(--color_ff4100);
}

.single-page-head {
    /*background-image: linear-gradient(90deg, rgba(255, 65, 0, 0.78), */
    /*rgba(8, 12, 48, 0.96)), url('image/best-Turkish-loungewear-brand.webp');*/
    width: 100%;
    height: 220px;
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    margin-bottom: 25px;
     background: #333 center;
    background-size: cover;
    color: #fff;
    box-shadow: 0 0 30px rgba(0,0,0,.18);
}
.single-page-head .single-page-head-content {
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    gap: 10px;
    padding: 30px;
    text-align: center;
    background-image: repeating-radial-gradient(circle at 0 0,transparent 0,
    rgba(8, 16, 45, 0.2) 12px),
    repeating-linear-gradient(rgb(156, 93, 82,.6),rgba(0,0,0,.87));
}

.hero-single {
    display: flex;
    justify-content: space-between;
    gap: 20px 0;
    margin-bottom: 40px;
}
.main-single {
    width: 77%;

}
.post-single {
    background: #030c13;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 30px;
    position: relative;
}
.post-single::after {
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1px;
    background-image: radial-gradient(133.87% 199.01% at 100% 0%, rgba(251, 194, 48, 0.4) 0%, rgba(251, 194, 48, 0) 50%);
    border-radius: inherit;
    -webkit-mask-composite: xor;
    mask-composite: xor;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}
.post-single header {
    background-image: url("image/floral-r6urz5br89733mb72frad1c5m6veps90nah5k7f9zq.png");
    margin-bottom: 20px;
    padding-bottom: 20px;
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: 20% auto;
}
.single-page-head header h1 {
    display: flex;
    align-items: center;
    font-weight: 800;
    color: #fff;
    font-size: 40px;
    line-height: 50px;
    margin: 0;
    text-shadow: -1px 1px 1px rgba(0,0,0,.7);
    font-family: rokh;
}
.single-page-head-content .box-pm {
    display: flex;
    gap: 20px;
    font-size: 13px;
    color: #ffff;
    margin-bottom: 20px;
}
.single-page-head .box-pm .post-meta a {
    color: #fff;
}
.single-page-head .box-pm .post-meta i{
    color: var(--color_ff4100);
}

.post-single figure {
    text-align: center;
    /*margin-bottom: 20px;*/
    padding: 20px;
}
.post-single figure img {
    border-radius: 20px;
    border-right: 3px solid var(--color_ff4100);
    border-bottom: 3px solid var(--color_ff4100);
    border-left: 3px solid var(--color_ff4100);
}
.post-single .content-single {
    line-height: 2.5;
    font-size: 15px;
    text-align: justify;
    margin-bottom: 20px;
}
.post-single .content-single p{
color: #ffffff;
}
.post-single .post-tag {
    display: flex;
    gap: 8px;
    /* border-top: 1px solid #E6E6E6; */
    padding-top: 40px;
    align-items: center;
    background-image: url("image/floral-r6urz5br89733mb72frad1c5m6veps90nah5k7f9zq.png");
    margin-bottom: 20px;
    padding-bottom: 20px;
    background-position: top center;
    background-repeat: no-repeat;
    background-size: 20% auto;
    color: var(--color_ff4100);
}
.post-single .post-tag span{
    color: var(--color_ff4100);
}
.post-single .post-tag a {
    background:  var(--color_ff4100);
    border-radius: 5px;
    padding: 4px 12px;
    color: #fcfcfc;
    font-weight: 325;
}
.related.products.hero-product-related.hero-archive .item.product-item {
    width: 23.5%;
}
.related-head {
    position: relative;
    margin-bottom: 40px;
}
.related-head h4 {
    color: var(--color_ff4100);
    font-family: rokh;
    font-size: 18px;
}
.related-head h4::before {
    background: color-mix(in srgb,var(--color_ff4100) 55%, transparent);
    content: "";
    position: absolute;
    left: 0px;
    bottom: -15.3px;
    height: 1px;
    width: 100%;
    border-radius: 20px;
    transition: width 0.3s ease;
}

.related-head h4::after {
    background: var(--color_ff4100);
    content: "";
    position: absolute;
    right: 15px;
    bottom: -18px;
    height: 7px;
    width: 70px;
    border-radius: 20px;
    transition: width 0.3s ease;
}
.related-head h4:hover::after {
    width: 90%;
    left: 0;
}
.post-single-related {
    background: #030c13;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 30px;
    position: relative;
    /*box-shadow: 0px 0px 20px #D3D3D333;*/
    /*border: 1px solid #d5d5d544;*/
}
.post-single-related::after {
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1px;
    background-image: radial-gradient(133.87% 199.01% at 100% 0%, rgba(251, 194, 48, 0.4) 0%, rgba(251, 194, 48, 0) 50%);
    border-radius: inherit;
    /* mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); */
    -webkit-mask-composite: xor;
    mask-composite: xor;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}

.post-item.related-item {
    /* width: 49%; */
    background: #030c13;
    /* box-shadow: 0px 0px 20px #D3D3D333; */
    border: 1px solid #d5d5d544;
    border-radius: 30px;
    height: 317px;
    padding: 13px 10px;
    /* min-width: 300px; */
    flex-grow: 1;
    margin-right: 10px;
}
.post-item.related-item figure {
    text-align: center;
    /*!* margin-bottom: 20px; *!*/
    /*padding: 20px;*/
}

.post-item.related-item figure .post-top-icon {
    width: 50%;
    height: 48px;
    background-image: url("image/Asset 1.svg");
    z-index: 10;
    text-align: center;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    background-repeat: no-repeat;
    top: 2px;
    right: 61px;
}


.post-item.related-item figure img {
    width: 100%;
    height: 129px;
    object-fit: cover;
    transition: all .2s ease-in-out;
    margin-top: 10px;
    border: 2px solid var(--color_ff4100);
    border-top: none;
    border-bottom-width: 3px;
    border-radius: 20px;
    /*height: 164px;*/
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat
}

.post-item.related-item a h2 {
    font-size: 16px;
    font-weight: 450;
    margin-top: 35px;
    height: 43px;
    line-height: 2;
    font-family: rokh;
    color: #ffffff;
}
.post-item.related-item a .down .blog-text {
    font-family: MorabbaVF,serif;
    color: #ffffff;
    border-radius: 50px;
    background:var(--color_ff4100);
    font-size: 16px;
    font-weight: 500;
    cursor: pointer;
    transition: .3s;
    padding-right: 10px;
}
.post-item.related-item a .down .blog-text span {
    border-radius: 50px;
    background: #fff;
    padding: 8px 17px 1px;
    margin-left: 4px;
    color: var(--color_ff4100);
    font-family: rokh;
    font-size: 14px;
}
.post-item.related-item a .down {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 26px;
}
.post-item.related-item a .down span {
    color: #ffff;
    font-size: 13px;
    font-weight: 300;
}
.post-item.related-item a .down i {
    background: var(--color_main);
    color: var(--color-ff8c00);
    padding: 12px;
    border-radius: 5px;
    margin-left: 5px;
}

.post-item.related-item:hover a .down .blog-text {
    color: var(--color_ff4100);
    border-radius: 50px;
    background: #ffff;
}
.post-item.related-item:hover a .down .blog-text span {
    background: var(--color_ff4100);
    color: #FFF;
}

.post-item.related-item  .owl-carousel.related-article-slider .owl-nav.disabled{
    display: block;
}

.side-single-shop {
    width: 22%;
    position: sticky;
    height: 100%;
    top: 50px;
}
.widget {
    background: #030c13;
    border-radius: 20px;
    padding: 16px;
    margin-bottom: 30px;
    position: relative;
}
.widget::after {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1px;
    background-image: radial-gradient(133.87% 199.01% at 100% 0%, rgba(251, 194, 48, 0.4) 0%, rgba(251, 194, 48, 0) 50%);
    border-radius: inherit;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    /* mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); */
    -webkit-mask-composite: xor;
    mask-composite: xor;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}




.widget-header{

}
.widget-header {
    position: relative;
    margin-bottom: 37px;
}

.widget-header h3::before {
    background: color-mix(in srgb,var(--color_ff4100) 55%, transparent);
    content: "";
    position: absolute;
    left: 0px;
    bottom: -7.3px;
    height: 1px;
    width: 100%;
    border-radius: 20px;
    transition: width 0.3s ease;
}

.widget-header h3::after {
    background: var(--color_ff4100);
    content: "";
    position: absolute;
    right: 15px;
    bottom: -7px;
    height: 7px;
    width: 70px;
    border-radius: 20px;
    transition: width 0.3s ease;
}
.widget-header h3:hover::after {
    width: 90%;
    left: 0;
}
.widget-header h3 {
    font-size: 16px;
    font-weight: 600;
    display: inline-block;
    color: var(--color_ff4100);
    margin-bottom: 2px;
    padding-bottom: 8px;
    font-family: rokh;
}

.widget form {
    position: relative;
}
.widget form input[type="text"] {

}
.widget form i {
    position: absolute;
    top: 14px;
    left: 13px;
    color: #ffff;
    font-size: 20px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}
.widget form input[type="submit"] {
    background: var(--color_ff4100);
    color: #ffffff;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 10px 0px 0px 10px;
    padding: 11px 12px;
    line-height: 2;
    cursor: pointer;
    font-weight: 750;
    font-family: yekanbakh;
}
.widget ul li a{
    color: #ffffff;
}
.widget ul li {
    border-bottom: 1px solid #181818;
    padding-bottom: 12px;
    margin-bottom: 12px;
}
.widget ul li:last-child {
    border-bottom: none;
}
.widget ul li a:hover {
    color: var(--color_ff4100);
}
.widget ul li span.post-date {
    font-size: 13px;
    color: #A3A3A3;
    display: block;
    margin-top: 4px;
}

/*single archive*/



/******* single product *******/
.pishro-breadcrumb {
    font-size: 13px;
    margin: 20px 0;
    color: #7E7E7EE7;
}
.pishro-breadcrumb a {
    color: #7E7E7EE7;
}

.page-product{
    display: flex;
    gap: 10px;
    /*background-image: url("image/");*/
}

.page-product::after {
    background: #27223e url("image/footer.png") 0 0 no-repeat;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    top: 133px;
    bottom: 176px;
}


.product-intro {
    background: #030c13;
    border-radius: 20px;
    margin-bottom: 20px;
    padding: 25px 15px;
    display: flex;
    justify-content: space-between;
    width: 72%;
    position: relative;
}

.product-intro::after {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1px;
    background-image: radial-gradient(133.87% 199.01% at 100% 0%, rgba(251, 194, 48, 0.4) 0%, rgba(251, 194, 48, 0) 50%);
    border-radius: inherit;
    -webkit-mask-composite: xor;
    mask-composite: xor;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}




.product-intro .entry-summary {
    width: 49% !important;
}
.product-intro .entry-summary header {
    border-bottom: 1px solid #1D1D1F;
    padding-bottom: 12px;
    margin-bottom: 15px;
}
.product-intro .entry-summary header h1 {
    font-size: 20px;
    font-weight: 700;
    color: #ffff;
    font-family: yekanbakh;
}
.product-intro .entry-summary header span {
    font-weight: 300;
    color: #e5e5e5;
    margin-top: 5px;
    display: block;
}
.product-intro .entry-summary .product-meta {
    display: flex;
    justify-content: space-between;
}
.product-intro .entry-summary .product-meta .meta-pro {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 22px;
    color: #ffff;
}
.product-intro .entry-summary .product-meta .meta-pro a{
    color: #d8d8d8;
}
.product-intro .entry-summary .product-meta .meta-pro i {
    color: var(--color_ff4100);
    font-size: 24px;
    margin-left: 6px;
}
.product-intro .entry-summary .product-delivery {
    display: flex;
    gap: 10px 25px;
    margin-bottom: 30px;
    font-weight: 450;
}
.product-intro .entry-summary .product-delivery span i {
    color: #F93423;
    margin-left: 3px;
}
.product-intro .entry-summary .additional-product {
    display: flex;
    flex-wrap: wrap;
    gap: 15px 139px;
    max-height: 100px;
    overflow: hidden;
    margin-bottom: 40px;
}
.product-intro .entry-summary .additional-product .property-item {
    display: flex;
    flex-grow: 1;
}
.product-intro .entry-summary .additional-product .property-item i{
    color: var(--color_ff4100);
}
.product-intro .entry-summary .additional-product .property-item span {
    font-size: 14px;
    color: #ffffff;
}
.product-intro .entry-summary .additional-product .property-item p{
    color: #d8d8d8;
}

.desk .product-meta {
    display: flex;
    /* justify-content: space-between; */
    flex-direction: column;
}
.desk .product-meta .meta-pro {
    display: flex;
    align-items: center;
    gap: 4px;
    margin-bottom: 22px;
}
.desk .product-meta .meta-pro i {
    color: var(--color_ff4100);
    font-size: 24px;
    margin-left: 6px;
}
.desk .product-meta .meta-pro span{
    color: #ffffff;
}
.desk .product-delivery {
    display: flex;
    gap: 10px 25px;
    margin-bottom: 30px;
    font-weight: 450;
    flex-direction: column;
}
.desk .product-delivery span{
    color: #ffffff;
}
.desk .product-delivery span i {
    color: var(--color_ff4100);
    margin-left: 3px;
}
.entry-summary .show-rat {
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
}
 .woocommerce .star-rating {
    color: #ffc107;
    font-size: 16px;
    margin: 3px !important;
}
.entry-summary .woocommerce-review-link {
    color: var(--color_ff4100);
}
.woocommerce div.product .woocommerce-product-rating {
    display: flex;
    /*justify-content: space-between;*/
    width: 100%;
}
.p-b {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    position: absolute;
    bottom: 22px;
    /* margin: auto; */
    left: 10px;
    right: 10px;
}
.desk .p-q {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: absolute;
    bottom: 90px;
    left: 10px;
    right: 10px;
}
.desk .p-b .quantity {
    display: flex;
    border: 1px solid var(--color_ff4100);
    border-radius: 10px;
    width: 200px;
    height: 45px;
    justify-content: center;
    align-items: center;
}
.desk .p-b .quantity button {
    font-size: 20px;
    background: transparent;
    padding: 0px 7px;
    cursor: pointer;
    margin: 16px auto;
    background: var(--color_ff4100);
    border-radius: 7px;
    margin: 7px;
    color: #fff;
}

.desk .p-b .quantity .qty {
    width: 100%;
    height: 100%;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    appearance: textfield;
    color: #fff;
    border: 0;
    background: transparent;
}

.desk .p-q .single-price .price {
    display: flex;
    flex-direction: column;
}
.desk .p-q .single-price {
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.desk .p-q .single-price .price del {
    font-size: 17px;
    font-weight: 400;
    color: #7E7E7E;
}
.desk .p-q .single-price .price ins {
    font-size: 20px;
    font-weight: 700;
    text-decoration: none;
    color: #fff;
}
.desk .p-q .single-price .price del bdi span.woocommerce-Price-currencySymbol {
    display: none;
}
.desk .p-q .single-price .price ins  {
    font-size: 20px;
    font-weight: 450;
}
.desk .p-q .single-price .price ins  bdi span{
    font-size: 14px;
    font-weight: 200;
}
.desk .p-q .single-price .price bdi {
    color: #fff;
    font-size: 20px;
    font-weight: 450;
}
.desk .p-q .single-price .price bdi > span{
    font-size: 14px;
    font-weight: 200;
}

.desk .p-q .single-price .discount {
    background: var(--color_ff4100);
    color: #fff;
    font-size: 16px;
    font-weight: 450;
    width: 40px;
    height: 40px;
    clip-path: polygon(50% 0%, 100% 38%, 82% 100%, 18% 100%, 0% 38%);
    display: flex;
    align-items: center;
    justify-content: center;
}
.desk .single-add-to-cart {
    position: relative;
    width: 100%;
    height: 45px;
    background: transparent;
    border-radius: 10px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid #f43e02;
    overflow: hidden;
    z-index: 1;
    color: #fff;
    font-family: rokh;
    opacity: 1;
}
 .desk  .single-add-to-cart::before {
    content: "";
    position: absolute;
    height: 300%;
    width: 100%;
    background: linear-gradient(var(--color_1a1a2e), var(--color_9b2f14), var(--color_1a1a2e), var(--color_9b2f14));
    top: -100%;
    left: 0;
    z-index: -1;
    transition: .5s;
}
 .desk .single-add-to-cart:hover:before{
    top: 0;
}


.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button{
    overflow: hidden;
}

svg.cart-icon-sigle {
    position: absolute;
    top: 50%;
    left: -40px;
    width: 30px;
    height: 30px;
    transform: translateY(-50%) scale(0.8);
    display: block;
    opacity: 0;
    transition: all .5s cubic-bezier(0.34, 1.56, 0.64, 1);
}
.desk .single-add-to-cart:hover svg.cart-icon-sigle {
    left: 50%;
    transform: translate(-50%,-50%);
    opacity: 1;
    color: #fff;
    animation: shake-cart 0.3s ease-in-out 0.5s forwards;
}
.desk .single-add-to-cart:hover {
    color: transparent!important;
}


.product-intro .right .single-add-to-cart i {
    margin-left: 5px;
}
.product-intro .entry-image {
    display: flex;
    justify-content: space-between;
    width: 47% !important;
    position: relative !important;
    padding: 20px 0;
}
.product-intro .entry-image::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 14px;
    background: #000;
    opacity: .02;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    pointer-events: none;
}
.product-intro .entry-image .flex-viewport {
    width: 75%;
    flex-shrink: 0;
}
.product-intro .entry-image .flex-viewport .countdown-timer {
    display: flex;
    justify-content: center;
}
.product-intro .entry-image .flex-viewport .countdown-timer .number {
    background: #f93423;
    color: #fff;
    width: 35px;
    height: 35px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
}
.flex-active-slide {
    max-width: 250px !important;
}
.woocommerce-product-gallery__trigger{
    display: none;
}
.woocommerce div.product div.images .woocommerce-product-gallery__trigger::before,
.woocommerce div.product div.images .woocommerce-product-gallery__trigger::after {
    content: unset;
}

.product-intro .entry-image .product-action .item-action button.woocommerce-product-gallery__trigger {
    position: unset;
    border-radius: 8px;
    height: 40px;
    background: transparent;
    border: 1px solid var(--color_ff4100);
    cursor: pointer;
    text-indent: 0;
    width: auto;
    font-size: 14px;
    display: flex;
}


.product-intro .entry-image .flex-viewport .countdown-timer span.dot {
    font-size: 24px;
    color: #f93423;
    margin: 0 2px;
}
.product-intro .entry-image ol {
    width: 65px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    /* z-index: 2; */
}
.product-intro .entry-image ol li {
    background: transparent;
    width: 53px !important;
    height: 53px !important;
    border: 1px solid var(--color_ff4100);
    border-radius: 10px;
    padding: 5px;
    cursor: pointer;
}
.product-intro .entry-image ol li img {
    opacity: .5;
    filter: blur(1px);
}
.product-intro .entry-image ol li img.flex-active {
    opacity: 1;
    filter: unset;
}
.product-intro .entry-image .product-action {
    max-width: 6%;
    display: flex;
    flex-direction: column;
    gap: 10px;
    /*margin-top: 15%;*/
    z-index: 2;
}
.product-intro .entry-image .product-action .item-action button {
    background: transparent;
    border: 1px solid var(--color_ff4100);
    border-radius: 8px;
    min-width: 40px;
    height: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}
.product-intro .entry-image .product-action .item-action button:hover span {
    max-width: 266px;
    background: var(--color_ff4100);
    padding: 9px 4px;
    border-radius: 8px;
    transition: all .3s ease-in-out;
    font-size: 13px;
    font-weight: 450;
}
.product-intro .entry-image .product-action .item-action button i {
    font-size: 20px;
    width: 40px;
    height: 40px;
    line-height: 45px;
    color: var(--color_ff4100);
}
.product-intro .entry-image .product-action .item-action button span {
    white-space: nowrap;
    max-width: 0;
    overflow: hidden;
    transition: all .2s ease-in-out;
    color: #ffff;
}

.desk {
    background: #030c13;
    /* box-shadow: 0px 0px 20px #D3D3D333; */
    /* border: 1px solid #d5d5d544; */
    width: 313px;
    border-radius: 20px;
    height: 390px;
    padding: 25px;
    position: relative;
}
.desk::after {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1px;
    background-image: radial-gradient(133.87% 199.01% at 100% 0%, rgba(251, 194, 48, 0.4) 0%, rgba(251, 194, 48, 0) 50%);
    border-radius: inherit;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    /* mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); */
    -webkit-mask-composite: xor;
    mask-composite: xor;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}


#modal_search .modal-content {
    padding: 15px;
    width: 750px;
    animation-name: animatetop;
    animation-duration: 0.4s;
    position: relative;
    border-radius: 10px;
    background: linear-gradient(135deg, #1a1a2e, #16213e, #0f3460);
    border: 2px solid var(--color_7c2a1a);
    box-shadow: 0 0 25px var(--color_8c2d17);
    display: flex;
    flex-direction: column;
    position: fixed;
    height: 500px;
    top: 30px;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    z-index: 999;
    padding: 20px;
    transition: 700ms;
}


/* Add Animation */
@-webkit-keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

@keyframes animatetop {
    from {top:-300px; opacity:0}
    to {top:0; opacity:1}
}

#modal_search .modal-content i.fa-times {
    color: var(--color_ff4100);
    font-size: 22px;
    cursor: pointer;
    transition: all .4s ease-in-out;

}
#modal_search .modal-content .modal-title{
    display: flex;
    justify-content: space-between;
    padding: 17px;
    border-bottom: 1px solid rgba(255, 65, 0, 0.18);
    margin-bottom: 20px;
}
#modal_search .modal-content .modal-title span{
    color: #FFFFFF;
}

.modal-header i {
    float: left;
    font-size: 24px;
    color: var(--color_ff4100);
    cursor: pointer;
}
.modal-header h4 {
    font-size: 16px;
    padding-bottom: 12px;
    margin-bottom: 15px;
    color: #fff;
    border-bottom: 1px solid rgba(255, 65, 0, 0.18);
}

.modal-body video {
    max-width: 100%;
    width: 100%;
    max-height: 263px;
}
#modal_share .modal-content {
    width: 500px;
}
#modal_share .modal-body .shortlink {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-radius: 4px;
    padding: 10px;
    font-size: 13px;
    margin-bottom: 20px;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
}

.modal-body .shortlink textarea {
    text-align: left;
    width: 300px;
    height: 32px;
    padding: 8px;
    font-weight: 500;
}
.modal-body .social-sharing {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
    color: #fff;
}
.modal-body .social-sharing .box-sharing {
    display: flex;
    justify-content: center;
    gap: 15px;
}
.modal-body .social-sharing .box-sharing a {
    font-size: 28px;
    display: flex;
    color: #ffff;
}

.product-tab .product-description {
    line-height: 2.5;
    font-size: 15px;
    margin-bottom: 50px;
    color: #fff;
}
.product-tab .additional-product {
    margin-bottom: 70px;
}
.product-tab .additional-product h2 {
    margin-bottom: 20px;
    color: #fff;
}
.product-tab .additional-product .property-item {
    display: flex;
    gap: 10px;
    font-weight: 450;
    margin-bottom: 10px;
}
.user-info-account img {
    height: auto;
    max-width: 100%;
    border-radius: 16px;
    background: #0f1540;
    border: none;
    padding: 4px;
}
.product-tab .additional-product .property-item span {
    background: #f5f5f5;
    padding: 20px 10px;
    min-width: 200px;
}
.product-tab .additional-product .property-item span i {
    font-size: 10px;
    color: #D5D5D5;
    margin-left: 3px;
}
.product-tab .additional-product .property-item p {
    background: #f8f9fa;
    padding: 20px 10px;
    flex-grow: 1;
}

/********** single article **********/
/*related product*/
.hero-product-related{
    display: flex;
}
.hero-product-related .product-item {
    background: #030c13;
    border-radius: 30px;
    margin: 20px 16px;
    /* padding-bottom: 20px; */
    box-shadow: 0px 0px 4px 0px rgb(2, 27, 52);
    /*width: 23.5%;*/
}
.hero-product-related .bg-box-sec {
    width: 100%;
    background: var(--color_171f59);
    border-bottom-right-radius: 34px;
    border-bottom-left-radius: 120px;
    padding: 10px;
    box-sizing: border-box;
    position: relative;
    box-shadow: rgb(23, 31, 89) 0px 0px 7px 0px;
}
.hero-product-related .down {
    display: flex;
    justify-content: space-between;
    align-items: end;
    /* margin-top: 15px; */
    padding: 18px;
    /* box-shadow: 0px 0px 7px 0px rgb(255, 65, 0); */
    border-radius: 30px;
}
.hero-product-related  .product-item .color-dis {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 40px;
}
.hero-product-related  .product-item .color-dis .discount.is-hidden {
    visibility: hidden;
}

.hero-product-related .product-item .color-dis .discount::before {
    position: absolute;
    width: 4px;
    height: 100%;
    background: var(--color_ff4100);
    content: "";
    right: 0;
    margin-right: 0px;
    top: 0;
    /* box-shadow: 0px 5px 15px var(--color_ff4100); */
    border-radius: 90px 0px 0px 90px;
}

.hero-product-related .color-dis .discount {
    margin-right: 0px;
    padding-right: 11px;
    position: relative;
    color: #ffff;
}

.hero-product-related .product-item .color-dis .color {
    position: absolute;
    left: 0;
}
.hero-product-related .product-item .color-dis .color ul li {
    float: right;
}
.hero-product-related .product-item .color-dis .color ul li span {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-left: 5px;
    float: right;
    position: relative;
    border: 2px solid var(--color_ff4100);
    box-shadow: 0px 2px 4px rgba(255, 65, 0, 0.38);
}
.hero-product-related .product-item .color-dis .color ul li span.mt-color {
    margin-right: -12px;
    transition: all 0.3s ease-out;
}
.hero-product-related .product-item:hover .color-dis .color ul li span.mt-color {
    margin-right:unset;
    transition: all 0.3s ease-out;
}
.hero-product-related .product-item .color-dis .color ul li span:hover > b {
    visibility: visible;
    opacity: 1;
    bottom: 17px;
}
.hero-product-related .product-item .color-dis .color ul li span b {
    background: #303030;
    color: #fff;
    font-size: 13px;
    font-weight: 100;
    border-radius: 4px;
    padding: 2px 4px;
    position: absolute;
    bottom: 0px;
    right: -10px;
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease-in-out;
}

/*price*/
.hero-product-related .product-item .down{
    position: relative;
}


.hero-product-related .product-item figure a {
    max-width: 200px;
    display: block;
    margin: 7px auto 0;
}
.related.products.hero-product-related .product-item figure a img {
    display: block;
    width: 100%;
    max-height: 200px;
    aspect-ratio: 1 / 1;
    object-fit: cover;
}
/*.related.products.hero-product-related .product-item .down .addtocart_button a {
    font-size: 18px;
    color: #fff!important;
    display: flex;
    background: var(--color_ff4100)!important;
    padding: 7px!important;
    border-radius: 50px!important;
    position: absolute!important;
    opacity: .5;
}
.related.products.hero-product-related .product-item .down .addtocart_button a.added {
    display: none;
}
.related.products.hero-product-related .product-item:hover .down {
    border-bottom: 3px solid var(--color_ff4100);
    border-radius: 30px;
    transition: all .2s ease-in-out;
}
.related.products.hero-product-related .product-item:hover .down .addtocart_button a {
    opacity: 1;
}
.related.products.hero-product-related  .product-item .down .addtocart_button a.added_to_cart {
    display: inline-block;
    background: var(--color_ff4100) !important;
    color: #fff !important;
    font-size: 13px;
    padding: 7px 6px !important;
    opacity: 1;
    right: 10px;
}
.related.products.hero-product-related .product-item .down .addtocart_button a.added {
    display: none;
}*/
.hero-product-new .product-item .down .addtocart_button a:after,
.related.products.hero-product-related .product-item .down .addtocart_button a:after{
    display: none;
}
.hero-product-related .product-item h2 {
    margin-top: 15px;
    /* height: 50px; */
    line-height: 22px;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.hero-product-related .product-item h2 a {
    color: #fff;
    font-size: 14px;
    font-weight: 450;
}
.hero-product-related  .product-item h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0px;
    left: 0;
    display: block;
    height: 20px;
    width: 62%;
    background-color: rgba(255, 65, 0, 0.32);
    clip-path: polygon(21px 0,100% 0,89% 100%,0 100%);
    /* z-index: -1; */
    top: 0;
}

/*related product*/
/*shop*/
.hero-product.hero-archive-shop {
     margin-top: unset;
}
.hero-archive-shop {
    display: flex;
    flex-wrap: wrap;
    /*gap: 15px;*/
}
.hero-archive-shop .product-item {
    width: 29.5%;
}
.hero-archive-shop .product-item {
    background: #030c13;
    border-radius: 30px;
    margin: 16px 16px;
    /* padding-bottom: 20px; */
    box-shadow: 0px 0px 4px 0px rgb(2, 27, 52);
}
.hero-archive-shop .bg-box-sec {
    width: 100%;
    background: var(--color_171f59);
    border-bottom-right-radius: 34px;
    border-bottom-left-radius: 120px;
    padding: 10px;
    box-sizing: border-box;
    position: relative;
    box-shadow: rgb(23, 31, 89) 0px 0px 7px 0px;
}
.hero-archive-shop .down {
    display: flex;
    justify-content: space-between;
    align-items: end;
    /* margin-top: 15px; */
    padding: 18px;
    /* box-shadow: 0px 0px 7px 0px rgb(255, 65, 0); */
    border-radius: 30px;
}
.hero-archive-shop  .product-item .color-dis {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.hero-archive-shop .product-item .color-dis .discount::before {
    position: absolute;
    width: 4px;
    height: 100%;
    background: var(--color_ff4100);
    content: "";
    right: 0;
    margin-right: 0px;
    top: 0;
    /* box-shadow: 0px 5px 15px var(--color_ff4100); */
    border-radius: 90px 0px 0px 90px;
}

.hero-archive-shop .color-dis .discount {
    margin-right: 0px;
    padding-right: 11px;
    position: relative;
    color: #ffff;
}

/*.hero-archive-shop .product-item:hover .down {
    border-bottom: 3px solid var(--color_ff4100);
    border-radius: 30px;
}
.hero-archive-shop .product-item:hover .down .addtocart_button a {
    opacity: 1;
}*/
.hero-archive-shop .product-item figure a {
    max-width: 200px;
    display: block;
    margin: 0px auto 0;
    max-height: 250px;
}
.hero-archive-shop .product-item h2 {
    margin-top: 15px;
    /* height: 50px; */
    line-height: 22px;
    overflow: hidden;
    position: relative;
    text-align: center;
}
.hero-archive-shop .product-item h2 a {
    color: #fff;
    font-size: 14px;
    font-weight: 450;
}
.hero-archive-shop  .product-item h2::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0px;
    left: 0;
    display: block;
    height: 20px;
    width: 62%;
    background-color: rgba(255, 65, 0, 0.32);
    clip-path: polygon(21px 0,100% 0,89% 100%,0 100%);
    /* z-index: -1; */
    top: 0;
}

/*shop 2*/
.hero-archive-shop .product-item-cart {
    background-image: url("image/path-shop.org.svg");
    /* border-radius: 30px; */
    /* margin: 16px 9px; */
    /* padding-bottom: 20px; */
    /* box-shadow: 0px 0px 4px 0px rgb(2, 27, 52); */
    padding: 25px 20px;
    width: 31.5%;
    position: relative;
    margin-right: 15px;
    margin-top: 35px;
}
.hero-archive-shop .product-item-cart::after {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 47%;
    padding: 1px;
    background-image: radial-gradient(133.87% 199.01% at 100% 0%, rgba(251, 194, 48, 0.4) 0%, rgba(251, 194, 48, 0) 50%);
    border-radius: inherit;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    mask-composite: add, add;
    mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: xor;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
    border-radius: 20px;
}
.hero-archive-shop .product-item-cart .color-dis {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
}
.hero-archive-shop  .product-item-cart .color-dis .discount {
    margin-right: 0px;
    padding-right: 11px;
    position: relative;
    color: #ffff;
}
.hero-archive-shop .product-item-cart  .color-dis .discount::before {
    position: absolute;
    width: 4px;
    height: 100%;
    background: var(--color_ff4100);
    content: "";
    right: 0;
    margin-right: 0px;
    top: 0;
    /* box-shadow: 0px 5px 15px var(--color_ff4100); */
    border-radius: 90px 0px 0px 90px;
}
.hero-archive-shop  .product-item-cart .color-dis .color ul li span {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-left: 5px;
    float: right;
    position: relative;
    border: 2px solid #fff;
    box-shadow: 0px 2px 4px #cacaca85;
}
.hero-archive-shop  .product-item-cart .color-dis .color ul li span.mt-color {
    margin-right: -12px;
    transition: all 0.3s ease-out;
}
.hero-archive-shop .product-item-cart h2 {
    margin-top: 15px;
    height: 50px;
    line-height: 74px;
    overflow: hidden;
    position: relative;
    /* text-align: center; */
}
.hero-archive-shop  .product-item-cart h2 a {
    color: #ffff;
    font-size: 14px;
    font-weight: 450;
}
.hero-archive-shop .product-item-cart figure a {
    max-width: 200px;
    display: block;
    margin: 0px auto 0;
    max-height: 223px;
}
.hero-archive-shop .product-item-cart .down {
    display: flex;
    justify-content: space-between;
    align-items: end;
    margin-top: 15px;
    padding: 18px;
}
.hero-archive-shop .product-item-cart .down .addtocart_button{
    position: relative;
}
.hero-archive-shop .product-item-cart .down .addtocart_button a {
    font-size: 18px;
    color: #fff;
    display: flex;
    background: var(--color_ff4100);
    padding: 7px;
    border-radius: 50px;
    position: absolute;
    opacity: .5;
    right: -34px;
    top: 8px;
    /* bottom: 0; */
}
.hero-archive-shop .product-item-cart .color-dis .color {
    margin-left: 0;
}
.hero-archive-shop .product-item-cart  .color-dis .color ul li {
    float: right;
}
.hero-archive-shop  .product-item-cart .down .price {
    display: flex;
    flex-direction: column;
    position: relative;
    align-items: center;
    left: 74px;
}
.hero-archive-shop  .product-item-cart .down .price del {
    color: #7E7E7E;
}
.hero-archive-shop  .product-item-cart  .down .price ins {
    color: #ffff;
    font-size: 18px;
    font-weight: 725;
    text-decoration: none;
}
.hero-archive-shop  .product-item-cart .down .price ins span {
    font-size: 12px;
    color: #fff;
    font-weight: 500;
    /* rotate: 270deg; */
    display: block;
    position: absolute;
    top: 0px;
    left: -51px;
    background: var(--color_ff4100);
    padding: 13px 4px;
    border-radius: 10px;
    /* align-items: center; */
}

.hero-archive-shop  .product-item-cart:hover .down .addtocart_button a{
    opacity: 1;
}
/*shop 2*/



/*shop*/

/*********style comment *********/
.comment-box {
    background: #edf5e1;
    /*overflow: hidden;*/
    padding: 20px;
    margin-bottom: 30px;
    margin-right: 10px;
    margin-left: 10px;
    position: relative;
}
.comment-box::after {
    content: "";
    position: absolute;
    top: -2px;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1px;
    background-image: radial-gradient(133.87% 199.01% at 100% 0%, rgba(251, 194, 48, 0.4) 0%, rgba(251, 194, 48, 0) 50%);
    border-radius: inherit;
    -webkit-mask-composite: xor;
    mask-composite: xor;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}
.main-single .comment-box {
    background: #030c13;
    /*overflow: hidden;*/
    padding: 20px;
    margin-bottom: 30px;
    margin-right: 10px;
    color: #fff;
    border-radius: 20px;
}


.comment-respond p.comment-form-url{
    display: none;
}
.comment-respond .comment-form-comment {
    margin: 20px 0;
}
.comment-respond p.comment-form-author{
    width: 49%;
    float: right;
}
.comment-respond p.comment-form-email {
    width: 49%;
    float: left;
}
.comment-respond  .comment-form-cookies-consent {
    float: right;
    width: 100%;
    margin: 20px 0;
}

.comment-box .comments-inner {
    margin-top: 40px;
}

.comment {
    border-radius: 5px;
    margin: 29px 0px;
    padding: 10px 15px 15px;
    color: #fff;
    box-shadow: 0px 1px 12px 0px var(--color_ff4100);
    border-radius: 10px;
    background: linear-gradient(135deg, #1a1a2e0f, #16213e42, #0f346008);
}

 .comment-awaiting-moderation {
    color: #cf5d5d;
    margin: 7px 0;
    display: inline-block;
}

 .comment p {
    margin: 5px 0 15px;
    clear: both;
    line-height: 2;
     color: #FFFFFF;
}

p.form-submit input.submit {
    position: relative;
    height: 45px;
    background: transparent;
    border-radius: 10px;
    cursor: pointer;
    font-size: 14px;
    font-weight: 600;
    border: 2px solid var(--color_ff4100);
    overflow: hidden;
    z-index: 1;
    color: #fff;
    font-family: rokh;
    padding: 12px;
    background: linear-gradient(#1a1a2e, var(--color_9b2f14), #1a1a2e, var(--color_9b2f14));
    background-size: 100% 300%;
    background-position: top;
    transition: .5s;
}
.comment-box ol.commentlist {
    /*border: 1px solid var(--color_ff4100);*/
    padding: 10px;
    margin: 20px 0;
}

.comments-inner .comment .depth-2 {
    /*background: #f9f9f9;*/
}
 .comment .depth-3 {
    background: #edf5e1;
}

/* .comment .comment-meta {*/
/*    display: none;*/
/*}*/
 .comment .comment-author img{
    display: none;
}
 .comment .comment-author .fn {
    font-size: 14px;
    font-weight: bold;
    font-style: normal;
    color: #FFFFFF;
}
 .comment .comment-author .fn a.url {
    color: #ffff;
}
 .comment .comment-author .says{
    display: none;
}

.comment .comment-meta a {
    color: #ffaa8d;
    font-size: 13px;
}
.comment p {
    margin: 5px 0 15px;
    clear: both;
    line-height: 2;
    color: #fff;
}
.comment .reply {
    display: block;
    margin-top: 15px;
    text-align: end;
    margin-bottom: 10px;
}
.comment .reply a {
    text-align: start;
    position: relative;
    height: 45px;
    background: transparent;
    border-radius: 10px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    border: 2px solid var(--color_ff4100);
    overflow: hidden;
    z-index: 1;
    color: #fff;
    font-family: rokh;
    padding: 10px;
    background: linear-gradient(#1a1a2e, var(--color_9b2f14), #1a1a2e, var(--color_9b2f14));
    background-size: 100% 300%;
    background-position: top;
    transition: .5s;
}

.logged-in-as a {
    color: var(--color_ff4100);
    font-weight: 450;
    font-family: rokh;
}


/*archive*/
.hero-product.hero-archive {
    margin-top: unset;
}
.hero-archive {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
}

.hero-archive .post-item.archive-item {
    background: #030c13;
    /*border: 1px solid #d5d5d544;*/
    border-radius: 30px;
    height: 317px;
    padding: 13px 10px;
    margin-right: 10px;
    width: 31%;
    position: relative;
}

.hero-archive .post-item.archive-item::after {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1px;
    background-image: radial-gradient(133.87% 199.01% at 100% 0%, rgba(251, 194, 48, 0.4) 0%, rgba(251, 194, 48, 0) 50%);
    border-radius: inherit;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    /* mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); */
    -webkit-mask-composite: xor;
    mask-composite: xor;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}


.hero-archive .post-item.archive-item  figure {
    text-align: center;
}

.hero-archive .post-item.archive-item figure .post-top-icon {
    width: 50%;
    height: 48px;
    background-image: url("image/Asset 1.svg");
    z-index: 3;
    text-align: center;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    background-repeat: no-repeat;
    top: 2px;
    right: 61px;
    /* bottom: 0; */
}


.hero-archive .post-item.archive-item  figure img {
    width: 100%;
    height: 129px;
    object-fit: cover;
    transition: all .2s ease-in-out;
    margin-top: 10px;
    border: 2px solid var(--color_ff4100);
    border-top: none;
    border-bottom-width: 3px;
    border-radius: 20px;
    /*height: 164px;*/
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat
}

.hero-archive .post-item.archive-item  a h2 {
    font-size: 16px;
    font-weight: 450;
    margin-top: 35px;
    height: 43px;
    line-height: 0;
    font-family: rokh;
    color: #ffffff;
}
.hero-archive .post-item.archive-item a .down .blog-text {
    font-family: MorabbaVF,serif;
    color: #ffffff;
    border-radius: 50px;
    background: hsl(15.3, 100%, 50%);
    font-size: 15px;
    font-weight: 500;
    cursor: pointer;
    transition: .3s;
    padding-right: 10px;
    padding: 3px 10px;
}
.hero-archive .post-item.archive-item a .down .blog-text span {
    border-radius: 50px;
    background: #fff;
    padding: 8px 11px 3px;
    margin-left: 4px;
    color: var(--color_ff4100);
    font-family: rokh;
    font-size: 11px;
}
.hero-archive .post-item.archive-item a .down {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}
.hero-archive .post-item.archive-item a .down {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.hero-archive .post-item.archive-item a .down span{
    color: rgb(255, 255, 255);
    font-size: 13px;
    font-weight: 300;
}


.hero-archive .post-item.archive-item a .down i {
    padding: 12px;
    border-radius: 5px;
    margin-left: -13px;
}

.hero-archive .post-item.archive-item:hover a .down .blog-text {
    color: var(--color_ff4100);
    border-radius: 50px;
    background: #ffff;
}
.hero-archive .post-item.archive-item:hover a .down .blog-text span {
    background: var(--color_ff4100);
    color: #FFF;
}


.pagination {
    text-align: center;
    margin-top: 40px;
}
.pagination span.current {
    box-shadow: 0px 1px 3px 0px var(--color_ff4100);
    background: linear-gradient(135deg, #1a1a2e0f, #16213e42, #0f346008);
    color: var(--color_ff4100);
    padding: 8px 16px;
    border-radius: 5px;
    margin: 0 3px;
    font-weight: 700;
}
.pagination a {
    background: #040e29;
    color: #f0ecec;
    padding: 8px 16px;
    border-radius: 5px;
    margin: 0 3px;
    box-shadow: 0px 1px 3px 0px #f48b68;
}

.title-archive {
    padding: 16px;
    margin-bottom: 21px;
    margin-right: 10px;
    margin-left: 10px;
    color: #ffff;
    border-radius: 10px;
    background: #030c13;
    position: relative;
    font-family: yekanbakh;
    font-size: 14px;
}
.title-archive::after {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1px;
    background-image: radial-gradient(133.87% 199.01% at 100% 0%, rgba(251, 194, 48, 0.4) 0%, rgba(251, 194, 48, 0) 50%);
    border-radius: inherit;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    /* mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); */
    -webkit-mask-composite: xor;
    mask-composite: xor;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}
.title-archive span{
    color: var(--color_ff4100);
}
/*archive*/
/*404*/

.page-not-fount {
    width: 60%;
    margin: auto;
}
.btn404 {
    text-align: center;
    margin-bottom: 25px;
}
.btn404 p {
    font-size: 18px;
    font-weight: 900;
    margin: 30px 0 20px;
}
.page-not-fount .wrapper {
    text-align: center;
}
/*404*/

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper .zoomImg {
    background-color: #020b12!important;
    cursor:pointer;
}

.woocommerce-message::before {
    color: var(--color_ff4100)!important;
}
.woocommerce-message {
    border-top-color: var(--color_ff4100)!important;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    background-color: #191b42!important;
    color: #fff!important;
    border-top: 3px solid var(--color_ff4100)!important;
}

.woocommerce .button{
    background: linear-gradient(var(--color_1a1a2e), var(--color_9b2f14), var(--color_1a1a2e), var(--color_9b2f14))!important;
    color: #fff!important;
    border: 2px solid var(--color_ff4100)!important;
    background: transparent!important;
    border-radius: 10px!important;
}
.woocommerce-notices-wrapper:focus,
.woocommerce-notices-wrapper:focus-visible {
    box-shadow: 0 0 0 3px rgba(33, 52, 96, 0.5) !important;
    border-radius: 10px!important;
}
.woo-variation-swatches.wvs-show-label .variations td .woo-selected-variation-item-name, .woo-variation-swatches.wvs-show-label .variations th .woo-selected-variation-item-name {
    color: #fff!important;
}
.woocommerce div.product form.cart .variations label {
    color: #fff!important;
}

.woo-variation-swatches .variable-items-wrapper .variable-item:not(.radio-variable-item) {
    color: #fff !important;
    border: 1px solid var(--color_ff4100) !important;
    background-color: transparent !important;
    -webkit-box-shadow: unset !important;
    box-shadow: unset !important;
    padding: 5px !important;
    border-radius: 10px !important;
}
.woocommerce div.product form.cart .reset_variations {
    color: var(--color_ff4100)!important;
}
.woo-variation-swatches.wvs-show-label .variations td, .woo-variation-swatches.wvs-show-label .variations th {
    display: flex!important;
    align-items: center!important;
}

#modal_video .modal-content,
#modal_share .modal-content{
    margin: auto;
    padding: 15px;
    width: 750px;
    animation-name: animatetop;
    animation-duration: 0.4s;
    position: relative;
    border-radius: 20px;
    background: linear-gradient(135deg, rgb(26, 26, 46), rgb(22, 33, 62), rgb(15, 52, 96));
    height: 350px;
    border: 2px solid rgb(124, 42, 26);
    box-shadow: rgb(140, 45, 23) 0px 0px 25px;
}

#modal_share .modal-content{
    height: 200px;
}
.product-intro .entry-image .product-action .item-action button span.added {
    display: none;
}
.product-intro .entry-image .product-action .item-action button.woosw-added span.added {
    display: block;
}
.product-intro .entry-image .product-action .item-action button.woosw-added span.add {
    display: none;
}
 .woosw-item--price,
 .woosw-item--time {
    display: none;
}
.woosw-popup .woosw-items .woosw-item .woosw-item--name, .woosw-popup .woosw-items .woosw-item .woosw-item--name a {
    color: #fff;
    font-size: 12px;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-mid {
    background: linear-gradient(135deg, #1a1a2e, #16213e, #0f3460);
}

.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-popup-content-bot-inner a, .woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-popup-content-bot-inner span {
    border-bottom: 1px solid #ff722e;
    color: #fff;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot {
    background-color: #0e0e1c;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-bot .woosw-popup-content-bot-inner a:hover {
    color: var(--color_ff4100);
    border-color: var(--color_7c2a1a);
}

.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top {
    background-color: #0e0e1c;
}


.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-top .woosw-popup-close {
    color: var(--color_ff4100);

}

.woosw-popup .woosw-popup-inner .woosw-popup-content {
    border: 2px solid var(--color_7c2a1a);
    box-shadow: 0 0 10px var(--color_8c2d17);
    border-radius: 20px;
}
.woosw-items .woosw-item .woosw-item--remove span, .woosw-items .woosw-item .woosw-item--add span {
    color: #c00;
}
.woosw-items .woosw-item .woosw-item--remove span:hover, .woosw-items .woosw-item .woosw-item--add span:hover {
    color: #c00;
}
.woosw-popup .woosw-items .woosw-item .woosw-item-inner > div {
    margin-right: 3px;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content .woosw-popup-content-mid .woosw-popup-content-mid-message {
    color: #fff;
}
.main-single-page {
    width: 100%;
    margin-top: 25px;
}
.woosw-list table.woosw-items {
    width: 100%;
}
.main-single-page .post-single header {
     background-image:unset;
}
.main-single-page .post-single header h1 {
    color: #FFFFFF;
}
.woosw-list .woosw-actions,.woosw-list table.woosw-items tr td {
    color: #fff;
}
.woosw-copy-btn {
    margin-right: 10px;
}
.woosw-list table.woosw-items .woosw-item .woosw-item--name a {
    font-weight: 700;
    color: #ffff;
    text-align: right;
}
.woosw-item--actions {
    text-align: left;
}
.woosw-items .woosw-item .woosw-item--remove span:hover::before, .woosw-items .woosw-item .woosw-item--add span:hover::before {
    color: #f91a04;
}
.woosw-list .woosw-popup-content-mid-message {
    color: #fff;
}



.woosw-popup.woosw-show .woosw-popup-inner .woosw-popup-content {
    top: 50%;
}
.woosw-popup .woosw-popup-inner .woosw-popup-content {
    border: 2px solid var(--color_7c2a1a);

    box-shadow: 0 0 10px var(--color_8c2d17);
    border-radius: 20px;

}
.woosw-popup .woosw-popup-inner .woosw-popup-content{
    background-color: transparent;
}
.woocommerce div.product {
    margin-top: 30px;
}
/*woocommerce tabs*/

.woocommerce div.product .woocommerce-tabs {
    margin: 40px 0;
}
.woocommerce div.product .woocommerce-tabs ul.tabs {
    list-style: none;
    padding: 0 1em 0 0;
    margin: 0 0 1.618em;
    overflow: hidden;
    position: relative;
    display: flex;
    flex-flow: row wrap;
    align-items: center;
    justify-content: center;
    gap: 40px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs::before {
    position: absolute;
    content: " ";
    width: 100%;
    height: 12px;
    border-radius: 200px;
    opacity: 0.5;
    background: var(--color_ff4100);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: -1;
    border-bottom: none;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active {
    background: var(--color_ff4100);
    color: #fff;
    z-index: 2;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: none;
    background-color: color-mix(in srgb, var(--color_ff4100) , #888080  45%);
    color: #fff;
    display: inline-flex;
    position: unset;
    z-index: 0;
    border-radius: 12px;
    margin: 0 -5px;
    min-width: 150px;
    justify-content: center;
    align-items: center;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li::after, .woocommerce div.product .woocommerce-tabs ul.tabs li::before {
     border: 0;
     position: unset;
    bottom: -1px;
     width: 0;
    height: 0;
    /*content: " ";*/
    box-sizing: border-box;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    color: #fff;
    display: block;
    padding: 13.5px 18.5px;
    font-family: rokh;
    font-size: 15px;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li {
    border: none;
    background-color: color-mix(in srgb, var(--color_ff4100) , #888080 45%);
    color: #fff;
    display: inline-flex;
    position: unset;
    z-index: 0;
    border-radius: 12px;
    margin: 0 -5px;
    min-width: 150px;
    justify-content: center;
    align-items: center;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a:hover {
    color: #d5d4d4;
}
.woocommerce div.product .woocommerce-tabs .panel {
    margin: 0 0 2em;
    color: #fff;
    text-align: justify;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 32px;
    background: #030c13;
    border-radius: 20px;
    padding: 24px 24px 46px;
    /*box-shadow: -3px 3px 15px rgba(2, 25, 89, 0.19);*/
    position: relative;
}
.woocommerce div.product .woocommerce-tabs .panel::after {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1px;
    background-image: radial-gradient(133.87% 199.01% at 100% 0%, rgba(251, 194, 48, 0.4) 0%, rgba(251, 194, 48, 0) 50%);
    border-radius: inherit;
    -webkit-mask-composite: xor;
    mask-composite: xor;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}
.woocommerce div.product .woocommerce-tabs .panel .additional-product .property-item {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
}
.woocommerce div.product .woocommerce-tabs .panel .additional-product .property-item span {
    background: #c95d3a;
    padding: 12px 10px;
    min-width: 200px;
}
.woocommerce div.product .woocommerce-tabs .panel .additional-product .property-item span i {
    font-size: 10px;
    color: #D5D5D5;
}
.woocommerce div.product .woocommerce-tabs .panel .additional-product .property-item p {
    background: #c95d3a;
    padding: 12px 10px;
    flex-grow: 1;
}
.woocommerce div.product .woocommerce-tabs .panel {
     font-size: 13px;
       line-height: 10px;
}
.woocommerce div.product .woocommerce-tabs .woocommerce-Tabs-panel--description {
    line-height: 2.5;
    font-size: 15px;
    text-align: justify;
}
/*woocommerce tabs*/

/*product sell*/
.shop-cross-sell {
    display: flex;
    gap: 15px;
    /*margin-bottom: 70px;*/
    margin-right: 20px;
    margin-left: 20px;
    flex-wrap: wrap;
}
.cross-item {
    width: 32%;
    height: 160px;
    background: #0d1433;
    padding: 15px;
    box-shadow: 0px 4px 8px -2px rgba(255, 65, 0, 0.25);
    /*flex-grow: 1;*/
    min-width: 320px;
    border-radius: 20px;
}
.cross-item:hover .down .addtocart_button a {
    opacity: 1;
}
.cross-item:hover {
    border-bottom: 3px solid var(--color_ff4100);
}
.cross-item figure {
    float: right;
    margin-left: 5px;
    max-height: 100%;
    overflow: hidden;
}
.cross-item figure a img {
    max-width: 135px;
}
.cross-item h2 {
    line-height: 23px;
    height: 45px;
    overflow: hidden;
    margin-top: 10px;
    text-align: center;
}
.cross-item h2 a {
    font-size: 15px;
    font-weight: 450;
    color: #fff;
}
.cross-item .down {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 0 30px;
}
.cross-item .down .not-stock {
    color: #c00;
    /* margin: auto; */
    font-weight: 700;
    font-size: 15px;
    font-family: yekanbakh;
}
.cross-item .down .addtocart_button a {
    font-size: 18px;
    color: #fff !important;
    display: flex;
    background: var(--color_ff4100) !important;
    padding: 7px;
    border-radius: 50px !important;
    position: absolute;
    opacity: .5;
    transition: none;
    margin-right: -10px;
}
.cross-item .down .addtocart_button a:after{
    display: none;
}
.cross-item .down .addtocart_button a.added{
    display: none;
}

.cross-item .down .addtocart_button a i {
    font-size: 18px;
}



/**/
.addtocart_button a.product_type_simple {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}



/* لودر */
.addtocart_button a.product_type_simple .cart-loader {
    width: 18px;
    height: 18px;
    border: 2px solid rgba(250, 168, 94, 0.54);
    border-top-color: #fff;
    border-radius: 50%;
    animation: spin .6s linear infinite;
    display: none;
}

/* وقتی در حالت loading هست */
.addtocart_button a.loading i {
    display: none;
}

.addtocart_button a.loading .cart-loader {
    display: inline-block;
}

@keyframes spin {
    to { transform: rotate(360deg); }
}


/**/

.modal-add-to-cart {
    display: flex;
    align-items: center;
    width: 280px;
    gap: 6px;
    justify-content: center;
    font-size: 16px;
    font-weight: 450;
}
#modal_add_to_cart .modal-content {
    position: relative;
    margin: auto;
    padding: 15px;
     width: 460px;
    animation-name: animatetop;
    animation-duration: 0.4s;
   color: #ffff;
    border-radius: 20px;
    background: linear-gradient(135deg, #1a1a2e, #16213e, #0f3460);
    border: 2px solid var(--color_7c2a1a);
    box-shadow: 0 0 25px var(--color_8c2d17);
}

#modal_add_to_cart .modal-content i{
    color: var(--color_ff4100);
}


.cross-item .down .price, .cross-item .down .price {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #FFFFFF;
    margin: auto;
    flex-direction: column;
    position: relative;
}
.cross-item .down .price ins span.woocommerce-Price-currencySymbol,
.cross-item .down .price ins span.woocommerce-Price-currencySymbol {
    position: unset;
    margin-right: 5px;
}
.cross-item .down .price ins,
.cross-item .down .price ins {
    display: inline-block;
}
.cross-item .down .price > span > bdi > .woocommerce-Price-currencySymbol {
    bottom: 0px;
    left: -35px;
    color: #edf5e1;
    background: var(--color_ff4100);
    padding: 13px 4px;
    border-radius: 10px;
    margin-right: 10px;
}
.cross-item .down .price del .woocommerce-Price-currencySymbol {
    display: none;
}
.cross-item .down .price ins span.woocommerce-Price-currencySymbol {
    display: inline-block;
    rotate: unset;
    color: #edf5e1;
    background: var(--color_ff4100);
    padding: 13px 4px;
    border-radius: 10px;
    position: absolute;
    top: -8px;
    line-height: 1;
}
.cross-item .down .price ins {
    color: #edf5e1;
    text-decoration: none;
}
.cross-item .down .not_stock {
    display: inline-flex;
    padding: 0px 5px;
    align-items: center;
    color: red;
}
.cross-item .down .contact-us-price {
    text-align: center;
    padding: 13px;
    justify-content: center;
    margin: auto;
    color: var(--color_ff4100);
    font-weight: 700;
    font-size: 15px;
    font-family: yekanbakh;
}
.cross-item .down .not-stock {
    /*margin: auto;*/
    color: #c00;
    font-weight: 700;
    font-size: 15px;
    font-family: yekanbakh;
}
.cross-item .down .price > span.woocommerce-Price-amount.amount > bdi > .woocommerce-Price-currencySymbol {
    /* left: 31px; */
}
.cross-item .down .price > span > bdi > .woocommerce-Price-currencySymbol {
    bottom: -7px;
    left: -49px;
    color: #edf5e1;
    background: var(--color_ff4100);
    padding: 13px 4px;
    border-radius: 10px;
    margin-right: 10px;
    position: absolute;
    line-height: 1;
}
.cross-item .down .price span[aria-hidden="true"] {
    line-height: .9;
}

.cross-item .down .addtocart_button a.added_to_cart {
    display: inline-block;
    background: var(--color_ff4100) !important;
    color: #fff !important;
    font-size: 13px;
    padding: 12px 6px !important;
    opacity: 1;
    margin-right: -30px;

}

.modal-add-to-cart {
    display: flex;
    align-items: center;
    width: 280px;
    gap: 6px;
    justify-content: center;
    font-size: 16px;
    font-weight: 450;
}

/*product */

/*tab comments*/
.woocommerce #reviews #comments h2 {
    display: none;
}
.woocommerce #reviews #comments ol.commentlist li img.avatar{
    display: none;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    border: none;
    border-bottom: 1px solid var(--color_ff4100)82;
    line-height: 2.3;
    margin: 29px 0px;
    padding: 10px 15px 15px;
    color: #fff;
    box-shadow: 0px 1px 8px 0px var(--color_ff4100);
    border-radius: 10px;
    background: linear-gradient(135deg, #1a1a2e0f, #16213e42, #0f346008);
}
.comment-text .right-review {
    width: 26%;
    display: flex;
    flex-direction: column-reverse;
    gap: 5px;
    align-items: center;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p {
    margin: 0;
}
.woocommerce #reviews #comments ol.commentlist li .comment-text p.meta .woocommerce-review__author {
    font-size: 14px;
    color: var( --color-05386b);
}
.comment-text .description {
    width: 64%;
}
.show-rate {
    margin-right: 25px;
}
.show-rate .rate-item {
    display: flex;
    align-items: center;
}
.show-rate .rate-item span {
    font-size: 13px;
    font-weight: 500;
    min-width: 100px;
}
.show-rate .rate-item .rate-content {
    width: 150px;
    background: #f5f3fc!important;
    height: 7px;
    border-radius: 2px;
}
.show-rate .rate-item .rate-content .rate-result {
    background: #094aef;
    height: 100%;
}
.show-recommend-status-yes {
    font-size: 12px;
    border: 1px solid #93f534;
    padding: 2px 5px;
    background: #ebffe8;
    color: green;
    text-align: center;
    line-height: 1.5;

}
.show-recommend-status-no {
    font-size: 12px;
    padding: 2px 3px;
    background: #ffc2c2;
    border: 2px solid #ef5e5e;
    color: red;
    text-align: center;
    line-height: 1.5;
}
.comment-form-rating {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 12px 0;
}
.woocommerce  #review_form #respond .comment-form-rating p {
    margin: 0;
}
.woocommerce p.stars a {
    color: #ffc107;
}
.woocommerce  #review_form #respond .comment-form-rating p span {
    font-size: 22px;
    display: flex;
    gap: 3px;
}
.woocommerce #review_form #respond textarea {
    min-height: 160px;
}
.woocommerce #review_form #respond .form-submit input[type="submit"] {
    ext-align: start;
    position: relative;
    height: 45px;
    background: transparent;
    border-radius: 10px;
    cursor: pointer;
    font-size: 13px;
    font-weight: 600;
    border: 2px solid var(--color_ff4100);
    overflow: hidden;
    z-index: 1;
    color: #fff;
    font-family: rokh;
    padding: 10px;
    background: linear-gradient(var(--color_1a1a2e), var(--color_9b2f14), var(--color_1a1a2e), var(--color_9b2f14));
    background-position-x: 0%;
    background-position-y: 0%;
    background-size: auto;
    background-size: 100% 300%;
    background-position: top;
    transition: .5s;
}


.woocommerce #review_form #respond p.comment-notes {
    display: none;
}

.custom-field-question {
    display: flex;
    margin-top: 25px;
    flex-wrap:wrap;
}

.review-radio-question {
    width: 50%;
    text-align: center;
}

.review-radio-question header {
    font-size: 16px;
    font-weight: 700;
    margin-bottom: 25px;
}
.review-radio-question .radio-list {
    display: inline-flex;
    flex-direction: column;
    gap: 10px;
}
.review-radio-question .radio-list .radio-item input {
    display: none;
}
.review-radio-question .radio-list .radio-item label {
    padding: 7px 10px;
    border-radius: 4px;
    display: block;
    font-weight: 700;
    cursor: pointer;
}
.review-radio-question .radio-list .radio-item input[type="radio"]:checked#yse_suggest ~ label{
    background: #dcffdc;
    border: 1px solid #50df3c;
    color: #048703;
}
.review-radio-question .radio-list .radio-item input[type="radio"]:checked#no_suggest ~ label{
    background: #ffc2c2;
    border: 2px solid #ef5e5e;
    color: red;
}
.review-radio-question .radio-list .radio-item input[type="radio"]:checked#idontknow ~ label{
    background: #e7e7e7;
    border: 2px solid #919490;
    color: #737573;
}

.rate-list {
    width: 50%;
}

.rate-list .rate-item {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
}

.rate-list .rate-item input {
    width: 75%;
}
.woocommerce div.product .woocommerce-tabs .panel #commentform p.comment-form-comment {
    display: flex;
    flex-direction: column;
    margin-bottom: 10px;
}
.woocommerce div.product .woocommerce-tabs .panel #commentform p.comment-form-comment label {
    margin: 12px 0;
}
.custom-field-question {
    display: flex;
    margin-top: 25px;
    flex-wrap: wrap;
    text-align: center;
    justify-content: center;
}
/*tab comments*/

/*shop*/
.before-shop {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: 20px;
    font-weight: 450;
    margin-bottom: 10px;
    position: relative;
    background: #030c13;
    border-radius: 20px;
    align-items: center;
    margin-top: 15px;
}
.before-shop::after {
    content: "";
    position: absolute;
    top: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1px;
    background-image: radial-gradient(133.87% 199.01% at 100% 0%, rgba(251, 194, 48, 0.4) 0%, rgba(251, 194, 48, 0) 50%);
    border-radius: inherit;
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    /* mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0); */
    -webkit-mask-composite: xor;
    mask-composite: xor;
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}
.woocommerce .woocommerce-result-count {
    margin: 0;
    font-family: rokh;
}

.catalog-list {
    display: flex;
    align-items: center;
}
.catalog-list i {
    font-size: 20px;
    margin-left: 5px;
    color: var(--color_ff4100);
}
.catalog-list li{
    margin-right: 10px;
    color: var(--color_ff4100);
}
.catalog-list span {
    color: var(--color_ff4100);
    font-family: yekanbakh;
}
.catalog-list li a{
    color: #FFFFFF;
    font-family: yekanbakh;
}
.product-for-men.archive-for-shop{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.shop-product-ww{
    flex-wrap: wrap;
}

.shop-product-ww .product-item {
    width: 29.5%;
}
.widget-shop form {
    position: relative;
    display: flex;
}

.widget-shop form button {
    background: var(--color_ff4100);
    border-radius: 10px 0 0 10px;
    color: #fff;
    padding: 0 6px;
}
.woocommerce .woocommerce-widget-layered-nav-list .woocommerce-widget-layered-nav-list__item span{
    color: #808080;
}
.widget-shop .star-rating {
    display: none;
}
.widget-shop del bdi span.woocommerce-Price-currencySymbol {
    display: none;
}
.woocommerce ul.product_list_widget li img {
    float: right;
    width: 60px;
    margin-left: 5px;
}
.woocommerce ul.product_list_widget li ins {
    text-decoration: none;
}
.woocommerce ul.product_list_widget li span.woocommerce-Price-amount bdi {
    font-size: 10px;
}
.woocommerce ul.product_list_widget li bdi span.woocommerce-Price-currencySymbol {
    font-size: 11px;
}
.widget-shop .widget ul li {
    border-bottom: 1px solid var(--color_ff4100)4f;
    padding-bottom: 12px;
    margin-bottom: 12px;
}
.woocommerce ul.cart_list li, .woocommerce ul.product_list_widget li {
    color: #fff;
}
.woocommerce:where(body:not(.woocommerce-uses-block-theme)) .woocommerce-breadcrumb {
    font-size: .92em;
    color: var(--color_ff4100);
    font-weight: 750;
}

.filter-shop {
    padding: 13px 13px;
    color: var(--color_ff4100);
    font-family: yekanbakh;
    font-size: 14px;
    cursor: pointer;
    transition: 0.3s;
    position: relative;
}

.woocommerce .woocommerce-ordering select {
    width: 164px;
    font-family: yekanbakh;
    color:  var(--color_ff4100);
    padding: 18px;
    transition: 0.3s;
    position: relative;
    background: transparent;
}

.woocommerce .woocommerce-ordering {
    margin: 0 0 0em!important;
}








/*shop*/

/*cart count*/

.close-responsive-full-page {
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    /* background: rgba(0, 0, 0, 0.57); */
     z-index: 2;
    transform: translateX(1000px);
    display: none;
    background-color: rgba(96, 92, 123, 0.53);
    transition: all .2s ease-in-out;
}
#hamberger i {
    color: #fff;
    font-size: 20px;
    cursor: pointer;
}
#hamberger {
    margin-right: 10px;
}

.cart-btn-header {
    position: relative;
}

.cart-btn-header a i {
    font-size: 18px;
}
.cart-btn-header .cart-content {
    background: #080c30;
    position: absolute;
    width: 350px;
    left: 13px;
    top: 88px;
    padding: 10px;
    z-index:10;
    opacity: 0;
    visibility: hidden;
    transition: all .2s ease-in-out;
    border: 2px solid var(--color_7c2a1a);
    box-shadow: 0 0 8px var(--color_8c2d17);
    overflow: hidden;
    font-family: rokh;
    border-radius:10px;
    background: linear-gradient(135deg, #1a1a2e, #16213e, #0f3460);
}
.cart-btn-header .cart-content p {
    text-align: center;
}

.cart-btn-header:hover .cart-content {
    opacity: 1;
    visibility: visible;
    top: 57px;
    transition: all .2s ease-in-out;
}
.cart-btn-header .cart-content ul li > a img {
    width: 50px;
    height: 50px;
    object-fit: cover;
}
.blockUI.blockOverlay:hover {
    background: transparent;
}
.cart-btn-header .cart-content ul li > a {
    display: flex;
    align-items: center;
    font-size: 13px;
    font-weight: 450;
    gap: 10px;
}
.cart-btn-header .cart-content ul li .mini-cart-detail {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    padding: 0 5px;
    align-items: center;
}

.cart-btn-header .cart-content ul li .variation {
    display: flex;
    justify-content: center;
    gap: 5px;
}
.cart-btn-header .cart-content ul li .mini-cart-detail a.remove.remove_from_cart_button {
    color: red;
    font-size: 24px;
}
.cart-btn-header .cart-content ul li {
    border-bottom: 1px  solid rgba(255, 65, 0, 0.18);
    margin-bottom: 15px;
    padding-bottom: 5px;
}
.cart-btn-header .cart-content .woocommerce-mini-cart__total.total {
    text-align: center;
    margin-bottom: 10px;
}
.cart-btn-header .cart-content .woocommerce-mini-cart__buttons.buttons {
    display: flex;
    justify-content: space-between;
}
.woocommerce a.remove {
      height: unset;
     width: unset;
    color: #c00 !important;
}
.woocommerce a.remove:hover {
    color: #c00 !important;
    background: transparent;
}
/*cart count*/

/*cart*/
.shop-cross-sell.cart-custom {
    display: flex;
    flex-wrap: wrap;
    width: 67%;
    gap: 20px;
}
.shop-cross-sell.cart-custom .cross-item.cart_item {
    width: 100%;
    margin: 0;
}
.shop-cross-sell.cart-custom .cross-item.cart_item {
    /* width: 50%; */
    /* height: 185px; */
    background: #0d1433;
    /* padding: 15px; */
    box-shadow: 0px 4px 8px -2px rgba(255, 65, 0, 0.25);
    /* flex-grow: 1; */
    /* min-width: 360px; */
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}
.shop-cross-sell.cart-custom .cross-item.cart_item figure {
    float: right;
    overflow: hidden;
}
.shop-cross-sell.cart-custom .cross-item.cart_item .down .price {
    font-family: "yekanbakh";
}
.shop-cross-sell.cart-custom .cross-item.cart_item .quantity {
    display: flex;
    border: 1px solid var(--color_ff4100);
    border-radius: 10px;
    width: 130px;
    height: 45px;
    justify-content: center;
    align-items: center;
}
.shop-cross-sell.cart-custom .cross-item.cart_item .quantity button {
    font-size: 20px;
    padding: 0px 7px;
    cursor: pointer;
    background: var(--color_ff4100);
    border-radius: 7px;
    margin: 7px;
    color: #fff;
}
.shop-cross-sell.cart-custom .cross-item.cart_item .quantity .qty {
    width: 100%;
    height: 100%;
    font-size: 20px;
    text-align: center;
    font-weight: 700;
    appearance: textfield;
    color: #fff;
    border: 0;
}
.shop-cross-sell.cart-custom .cross-item.cart_item .delete-cart-item a.remove {
    font-size: 14px;
    width: 100%;
    /* margin-top: 20px; */
    font-weight: 600;
    /* text-align: right; */
}
.shop-cross-sell.cart-custom .cross-item.cart_item .delete-cart-item a.remove:hover{
    color: red!important;
    background: none!important;
}
.shop-cross-sell.cart-custom .cross-item.cart_item figure a img {
    max-width: 100px;
}
.shop-cross-sell.cart-custom .cross-item.cart_item h2 {
    line-height: 23px;
    height: 45px;
    overflow: hidden;
    margin-top: 10px;
    text-align: right;
}
.shop-cross-sell.cart-custom .cross-item.cart_item h2 .variation {
    display: flex;
    font-size: 13px;
    gap: 5px;
}

.cart-copun {
    width: 100%;
    display: flex;
    justify-content: space-between;
    padding: 15px;
    gap: 15px;
    align-items: center;
    flex-wrap: wrap;
    margin: 0 0 0 3px;
    box-shadow: 0px 1px 4px 2px rgba(255, 65, 0, 0.56);
    border-radius: 20px;
    height: 100px;
}
.cart-copun .coupon {
    display: flex;
    gap: 15px;
}
.cart-copun .coupon button {
    font-size: 14px;
    font-weight: 600;
    padding: 8px;
    width: 148px;
    position: relative;
    /*width: 100%;*/
    height: 45px;
    background: transparent;
    border-radius: 10px !important;
    cursor: pointer !important;
    border: 2px solid #f43e02 !important;
    overflow: hidden !important;
    z-index: 1 !important;
    color: #fff !important;
    font-family: rokh;
    opacity: 1 !important;
}
.cart-copun button.button {
    padding: 9px !important;
    line-height: 2 !important;
    position: relative;
    height: 45px;
    background: transparent;
    border-radius: 10px !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border: 2px solid #f43e02 !important;
    overflow: hidden !important;
    z-index: 1 !important;
    color: #fff !important;
    font-family: rokh;
    opacity: 1 !important;
}
.cart-copun .coupon button::before,
.cart-copun button.button::before{
    content: "";
    position: absolute;
    height: 300%;
    width: 100%;
    background: linear-gradient(var(--color_1a1a2e), var(--color_9b2f14), var(--color_1a1a2e), var(--color_9b2f14));
    top: -100%;
    left: 0;
    z-index: -1;
    transition: .5s;
}
.cart-copun .coupon button:hover,
.cart-copun button.button:hover,
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover{
    top: 0;
}
.woocommerce-cart-form {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80PX;
}
.woocommerce .cart-collaterals, .woocommerce-page .cart-collaterals {
    width: 30.5%;
}
.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    float: left;
    width: 100%;
}
.cart-left-box {
    flex-grow: 1;
    overflow: hidden;
    font-family: rokh;
    border-radius: 20px;
    /*background: linear-gradient(135deg, #1a1a2e, #16213e, #0f3460);*/
    color: #fff;
    /*box-shadow: 0px 4px 8px -2px rgba(255, 65, 0, 0.25);*/
     background: #0d1433;
    padding: 15px;
    box-shadow: 0px 4px 8px -2px rgba(255, 65, 0, 0.51);
}
.cart-left-box .cart-subtotal {
    display: flex;
    justify-content: space-between;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px solid #773d29;
    margin-bottom: 15px;
    padding-bottom: 10px;
}
.woocommerce ul#shipping_method li {
    padding: 13px;
    font-size: 14px;
    border: 1px solid var(--color_ff4100);
    border-radius: 10px;
}
.cart-left-box .woocommerce-shipping-destination {
    text-align: right;
    font-size: 13px;
    padding: 12px;
    background: #c4542d;
    line-height: normal;
    border: 1px solid var(--color_ff4100);
    border-radius: 10px;
}
.cart-left-box a.shipping-calculator-button {
    color: var(--color_ff4100);
    padding: 10px 0;
}

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button{
    position: relative;
    width: 100%;
    height: 45px;
    background: transparent;
    border-radius: 10px !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border: 2px solid #f43e02 !important;
    overflow: hidden !important;
    z-index: 1 !important;
    color: #fff !important;
    font-family: rokh;
    opacity: 1 !important;
}



.woocommerce-cart .wc-proceed-to-checkout a.checkout-button::before{
    content: "";
    position: absolute;
    height: 300%;
    width: 100%;
    background: linear-gradient(var(--color_1a1a2e), var(--color_9b2f14), var(--color_1a1a2e), var(--color_9b2f14));
    top: -100%;
    left: 0;
    z-index: -1;
    transition: .5s;
}
.woocommerce .shipping-calculator-form button {
    width: 100%;
    color: #edf5e1 !important;
    margin-bottom: 12px;
    padding: 12px!important;
    position: relative;
    width: 100%;
    height: 45px;
    background: transparent;
    border-radius: 10px !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border: 2px solid #f43e02 !important;
    overflow: hidden !important;
    z-index: 1 !important;
    color: #fff !important;
    font-family: rokh;
    opacity: 1 !important;
}

.woocommerce-shipping-fields #ship-to-different-address,
.woocommerce form .form-row label,
.woocommerce-info .showcoupon{
    color: #fff;
}

.woocommerce .shipping-calculator-form button::before{
    content: "";
    position: absolute;
    height: 300%;
    width: 100%;
    background: linear-gradient(var(--color_1a1a2e), var(--color_9b2f14), var(--color_1a1a2e), var(--color_9b2f14));
    top: -100%;
    left: 0;
    z-index: -1;
    transition: .5s;
}
.cart-left-box .order-total {
    display: flex;
    justify-content: space-between;
    background: #e38565;
    border: 1px solid var(--color_ff4100);
    padding: 12px;
    line-height: normal;
    border-radius: 10px;
}
.select2-container .select2-selection--single .select2-selection__rendered {
    color: #020202;
    font-weight: 400;
    background: #ffa98b;
    border-radius: 10px;
}
.select2-container .select2-dropdown, .select2-container .select2-selection {
    background-color: #ffa98b;;
    border: none;
    border-radius: 10px;
}
.woocommerce form .form-row .input-text, .woocommerce form .form-row select {
    font-family: yekanbakh;
    background-color: #0d1433;
    color: #ffff;
    border-radius: 10px;
    border: 1px solid var(--color_ff4100);
}
.woocommerce form .form-row.woocommerce-validated input.input-text, .woocommerce form .form-row.woocommerce-validated select {
     border-color: #f36034;
}

.cart-process{
    width: 70%;
    margin: 35px auto;
}
.cart-process ul{
    display: flex;
    justify-content: space-between;
}
.cart-process ul li {
    position: relative;
    flex: 1;
    text-align: center;
}
.cart-process ul li.active{}
.cart-process ul li.active::before {
    background: #080c30;
    border: 5px solid var(--color_ff4100);
}

.cart-process ul li::before {
    content: attr(data-step);
    width: 40px;
    height: 40px;
    display: flex;
    background: #080c30;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    color: var(--color_ff4100);
    font-size: 17px;
    font-weight: 700;
    font-family: "yekanbakh";
    border: 2px solid var(--color_ff4100);
    z-index: 9;
    position: relative;
    margin: 0 auto;
}
.cart-process ul li::after {
    content: "";
    background: #18224f;
    width: 100%;
    height: 8px;
    position: absolute;
    top: 23px;
    right: 50%;
}
.cart-process ul li:last-child::after{
    display: none;
}
.cart-process ul li a {
    margin-top: 7px;
    display: block;
    font-size: 13px;
    color: #fff;
}
.cart-process ul li span {
    margin-top: 7px;
    display: block;
    font-size: 13px;
    color: #fff;
}

/*cart*/

/*checkout*/
.cart-process ul li.complete::before {
    background: #080c30;
    border: 5px solid var(--color_ff4100);
    content:"\f291" ;
    color: var(--color_ff4100);
    font-family: "Font Awesome 6 Free";
}
.cart-process ul li.complete2::before {
    background: #080c30;
    border: 5px solid var(--color_ff4100);
    content: "\f46d";
    color: var(--color_ff4100);
    font-family: "Font Awesome 6 Free";
}
.cart-process ul li.complete3::before {
    background: #080c30;
    border: 5px solid var(--color_ff4100);
    content: "\f560";
    color: var(--color_ff4100);
    font-family: "Font Awesome 6 Free";
}
.cart-process ul li.complete::after,
.cart-process ul li.complete2::after{
    background: var(--color_ff4100);
}
.hero-checkout {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
}
.fa-order-review {
    width: 34%;
}
.woocommerce-checkout-payment {
    background: #f0edf800 !important;
    border-radius: 0 !important;
}
.woocommerce-privacy-policy-text p {
    color: #ffff;
}
.woocommerce-privacy-policy-text p a{
    color: var(--color_ff4100);
}
#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
       border-bottom: 1px solid rgba(255, 65, 0, 0.37);
}
#add_payment_method #payment ul.payment_methods li, .woocommerce-cart #payment ul.payment_methods li, .woocommerce-checkout #payment ul.payment_methods li {
    color: #fff;
}
.fa-order-review .woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    float: left;
    width: 100%;
    padding: 14px;
    margin: 15px 0 10px;
    font-size: 16px;
    width: 100%;
    height: 45px;
    background: transparent;
    border-radius: 10px !important;
    cursor: pointer !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    border: 2px solid #f43e02 !important;
    overflow: hidden !important;
    z-index: 1 !important;
    color: #fff !important;
    font-family: rokh;
    opacity: 1 !important;
}
.fa-order-review .woocommerce #payment #place_order,
.woocommerce-page #payment #place_order:before {
    content: "";
    position: absolute;
    height: 300%;
    width: 100%;
    background: linear-gradient(var(--color_1a1a2e), var(--color_9b2f14), var(--color_1a1a2e), var(--color_9b2f14));
    top: -100%;
    left: 0;
    z-index: -1;
    transition: .5s;
}

.other-address {
    padding: 10px 15px 15px;
    box-shadow: 0px 4px 8px -2px var(--color_main);
    font-family: "yekanbakh";
    margin: 20px 0;
}
/*checkout*/

/*thankyou*/
p.woocommerce-thankyou-order-received {
    text-align: center;
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 40px;
    color: #fff;
}
.woocommerce ul.order_details {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    margin: 30px 0;
}
.woocommerce ul.order_details li {
    padding: 20px;
    text-align: center;
    margin: 0;
    flex-grow: 1;
    background: #ec8865;
    border: 1px solid #e9a859;
    color: #fff;
}
.woocommerce table.shop_table td a,
.woocommerce .woocommerce-customer-details :last-child,
.woocommerce .woocommerce-order-details :last-child,
.woocommerce .woocommerce-order-downloads :last-child,
.woocommerce-order p,
.woocommerce-order-details__title{
    color: #fff;
    margin: 10px 0;
}


.woocommerce table.shop_table {
    border: 1px solid rgba(247, 127, 40, 0.38);
    margin: 0 0 24px -1px;
    text-align: center;
    width: 100%;
    border-collapse: separate;
    border-radius: 5px;
}
.woocommerce-order-details__title {
    margin: 10px 0;
}
.woocommerce ul.order_details li strong {
    font-size: 17px;
    margin-top: 18px;
}
.woocommerce ul.order_details li:last-of-type {
    border: 1px solid #e9a859;
}

.order-final-info {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    background: #ec8865;
}
.order-final-info div {
    display: flex;
    flex-direction: column;
    text-align: center;
    padding: 15px;
    gap: 12px;
    border-left: 1px solid #ff9e88;
    flex-grow: 1;
}
.woocommerce .woocommerce-customer-details address {
    border: 1px solid rgba(247, 127, 40, 0.38);

}
/*thankyou*/
/*my account*/
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
     border: 0

}
.woocommerce-privacy-policy-text {
display: none;
}
.back-register-login {
    background: linear-gradient(135deg, #1a1a2e, #16213ec4, #384f6a9c);
    position: absolute;
    top: 0;
    bottom: 0;
    /* width: 84%; */
    margin: auto;
    right: 0;
    left: 0;
}
.login-page {
    /*width: 460px;*/
    margin: 4% auto 0;
    max-width: 100%;
}
.info-content.Login .logo {
    position: absolute;
    top: 0;
    left: 0;
}
.woocommerce-form-register__submit,
.woocommerce-form-login__submit{
    position: relative;
    width: 100%;
    height: 45px;
    background: transparent;
    border-radius: 10px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #f43e02;
    overflow: hidden;
    z-index: 1;
    color: #fff;
    font-family: rokh;
}
.woocommerce-form-register__submit::before,
.woocommerce-form-login__submit::before{
    content: "";
    position: absolute;
    height: 300%;
    width: 100%;
    background: linear-gradient(var(--color_1a1a2e), var(--color_9b2f14), var(--color_1a1a2e), var(--color_9b2f14));
    top: -100%;
    left: 0;
    z-index: -1;
    transition: .5s;
}
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles))
#respond input#submit,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) a.button,
.woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) button.button, .woocommerce:where(body:not(.woocommerce-block-theme-has-button-styles)) input.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce #respond input#submit, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce a.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce button.button, :where(body:not(.woocommerce-block-theme-has-button-styles)):where(:not(.edit-post-visual-editor)) .woocommerce input.button {
     overflow: hidden!important;

}
.woocommerce-form-register__submit:hover::before,
.woocommerce-form-login__submit:hover::before,
.woocommerce-form-row  .woocommerce-Button.button:hover::before{
    top: 0;
}
.woocommerce form.login{
    margin: 0!important;
}
.woocommerce-LostPassword.lost_password.input-box.animation a {
    color: #fff;
}
.woocommerce-LostPassword.lost_password.input-box.animation {
    margin-top: 10px;
}
.woocommerce-form .input-box input[type="checkbox"]{
    width: unset;
}
.input-box label {
    color: #fff;
    margin-bottom: 10px;
}
.woocommerce-ResetPassword.lost_reset_password p {
    color: #fff;
}
.woocommerce-ResetPassword.lost_reset_password p {
    color: #fff;
    margin: 10px 0;
}
.woocommerce-form-row  .woocommerce-Button.button {
    position: relative;
    width: 100%;
    height: 45px;
    background: transparent;
    border-radius: 10px;
    cursor: pointer;
    font-size: 16px;
    font-weight: 600;
    border: 2px solid #f43e02;
    overflow: hidden;
    z-index: 1;
    color: #fff;
    font-family: rokh;
}
.woocommerce-form-row  .woocommerce-Button.button::before {
    content: "";
    position: absolute;
    height: 300%;
    width: 100%;
    background: linear-gradient(var(--color_1a1a2e), var(--color_9b2f14), var(--color_1a1a2e), var(--color_9b2f14));
    top: -100%;
    left: 0;
    z-index: -1;
    transition: .5s;
}
.form-box.Login p {
    color: #fff;
}
.woocommerce-error, .woocommerce-info, .woocommerce-message {
    box-shadow: 0 0 0 3px rgba(119, 59, 56, 0.69) !important;
    border-radius: 10px;
}
.woocommerce form .show-password-input,
.woocommerce-page form .show-password-input{
    color: #fff!important;
}

.woocommerce form .show-password-input::before, .woocommerce-page form .show-password-input::before {
    background-repeat: no-repeat;
    background-size: cover;
    /*background-image: url('data:image/svg+xml,<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17.3 3.3C16.9 2.9 16.2 2.9 15.7 3.3L13.3 5.7C12.2437 5.3079 11.1267 5.1048 10 5.1C6.2 5.2 2.8 7.2 1 10.5C1.2 10.9 1.5 11.3 1.8 11.7C2.6 12.8 3.6 13.7 4.7 14.4L3 16.1C2.6 16.5 2.5 17.2 3 17.7C3.4 18.1 4.1 18.2 4.6 17.7L17.3 4.9C17.7 4.4 17.7 3.7 17.3 3.3ZM6.7 12.3L5.4 13.6C4.2 12.9 3.1 11.9 2.3 10.7C3.5 9 5.1 7.8 7 7.2C5.7 8.6 5.6 10.8 6.7 12.3ZM10.1 9C9.6 8.5 9.7 7.7 10.2 7.2C10.7 6.8 11.4 6.8 11.9 7.2L10.1 9ZM18.3 9.5C17.8 8.8 17.2 8.1 16.5 7.6L15.5 8.6C16.3 9.2 17 9.9 17.6 10.8C15.9 13.4 13 15 9.9 15H9.1L8.1 16C8.8 15.9 9.4 16 10 16C13.3 16 16.4 14.4 18.3 11.7C18.6 11.3 18.8 10.9 19.1 10.5C18.8 10.2 18.6 9.8 18.3 9.5ZM14 10L10 14C12.2 14 14 12.2 14 10Z" fill="%23111111"/></svg>');*/
    content: "\f070"!important;
    font-family: "Font Awesome 6 Free";
    display: block;
    height: 22px;
    width: 22px;
    background-image: unset!important;
     color: #fff;
    /* fill: #; */
}



/*my account*/

/*admin*/
.hero-myaccount {
    border-top: 7px solid var(--color_ff4100);
    overflow: hidden;
    border-top-right-radius: 15px;
    box-shadow: rgba(0,0,0,.07)0 0 10px 0;
    margin-bottom: 20px;
    border-bottom: 7px solid var(--color_ff4100);
    border-bottom-right-radius: 15px;
}
.woocommerce-MyAccount-navigation {
    background: var(--color_main);
    width: 20%!important;
    padding-bottom: 15px;
}

.woocommerce-MyAccount-navigation ul li a {
    padding: 12px;
    display: block;
    font-size: 15px;
    opacity: .7;
    border-right: 3px solid #080c30;
    color: #FFFFFF;
}
.woocommerce-MyAccount-navigation ul li.is-active a {
    border-right: 3px solid #16213d;
    opacity: 1;
    background: var(--color_ff4100);
}
.myaccount-notif p a {
    color: var(--color_ff4100);
}
.user-info-account {
    text-align: center;
    color: #fff;
    padding-top: 35px;
}
.myaccount-order .item-order {
    width: 100%;
    border-left: 1px solid #ddd;
    text-align: center;
    color: #fff;
    font-family: yekanbakh;
}
.myaccount-order .item-order b {
    font-family: yekanbakh;
    color: var(--color_ff4100);
}

.user-info-account span {
    font-size: 20px;
    display: block;
    margin: 10px 0;
}

.woocommerce-MyAccount-navigation-link a:before{
    font-family: 'Font Awesome 6 Free';
    font-weight: 900;
    margin-left: 10px;
    font-size: 18px;
    vertical-align: middle;
}

li.woocommerce-MyAccount-navigation-link--dashboard a:before{
    content: '\f625';
}
li.woocommerce-MyAccount-navigation-link--orders a:before{
    content: '\f07a';
}
li.woocommerce-MyAccount-navigation-link--downloads a:before{
    content: '\f019';
}
li.woocommerce-MyAccount-navigation-link--edit-address a:before{
    content: '\f5a0';
}
li.woocommerce-MyAccount-navigation-link--edit-account a:before{
    content: '\f2bb';
}
li.woocommerce-MyAccount-navigation-link--wishlist a:before{
    content: '\f004';
}
li.woocommerce-MyAccount-navigation-link--customer-logout a:before{
    content: '\f2f5';
}
.woocommerce-MyAccount-content {
    width: 80%;
    padding: 35px 30px;
}
.woocommerce-MyAccount-content {
    width: 80% !important;
    padding: 38px 30px;
    background: rgb(15, 21, 64);
}
.myaccount-detail {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 20px;
}
.myaccount-detail .item-detail {
    color: #fff;
    width: 100%;
    padding: 10px;
    display: flex;
    gap: 12px;
    border-radius: 10px;
}
.myaccount-detail .item-detail:nth-child(1){
    background: green;
}
.myaccount-detail .item-detail:nth-child(2){
    background: red;
}
.myaccount-detail .item-detail:nth-child(3){
    background:blue;
}
.myaccount-detail .item-detail:nth-child(4){
    background: #e17926;
}

.myaccount-detail .item-detail i{
    font-size: 20px;
}
.myaccount-detail .item-detail .item-content h6 {
    font-size: 15px;
    margin-bottom: 10px;
}
.myaccount-order {
    display: flex;
    justify-content: space-evenly;
    padding: 15px;
    border: 1px solid var(--color_ff4100);
    margin-bottom: 20px;
    border-radius: 10px;
}

.myaccount-order .item-order {
    width: 100%;
    border-left: 1px solid var(--color_ff4100);
    text-align: center;
}
.myaccount-order .item-order:last-child{
    border-left: 0;
}
.myaccount-order .item-order i {
    font-size: 30px;
    display: block;
    margin-bottom: 10px;
    color: #ccc;
}
.myaccount-notif {
    background: #080c30;
    padding: 15px;
    margin-bottom: 20px;
    border-right: 3px solid var(--color_ff4100);
    border-radius: 10px;
    color: #fff;
}
.myaccount-notif h6 {
    font-size: 18px;
    display: flex;
    align-items: center;
    gap: 5px;
    border-bottom: 1px solid rgba(255, 65, 0, 0.6);
    padding-bottom: 10px;
    margin-bottom: 10px;
}
.myaccount-notif div {
    line-height: 2;
    font-size: 15px;
}

.woocommerce table.my_account_orders {
    font-size: 14px!important;
}
.woocommerce table.my_account_orders .button {
    margin-left: 3px;
    font-weight: 450;
}
.woocommerce table.shop_table {
    color: #fff;
}
.addresses .woocommerce-Address {
    padding: 10px !important;
    margin: 10px 0 !important;
    line-height: 2;
    background: #080c30;
    border-right: 3px solid var(--color_ff4100);
    border-radius: 10px;
    color: #fff;
}
.woocommerce-Address-title.title a.edit {
    color: var(--color_ff4100);
}
.woosw-item {
    background: #080c30;
    border-right: 3px solid var(--color_ff4100);
}
.woosw-items .woosw-item .woosw-item--remove, .woosw-items .woosw-item .woosw-item--add {
    border-right: 3px solid var(--color_ff4100);
    border-radius: 15px;
}

.woocommerce-orders-table__cell.woocommerce-orders-table__cell-order-number a {
    color: var(--color_ff4100);
}
.account-btn label {
    display: flex;
    align-items: center;
    gap: 5px;
    padding: 10px 15px;
    cursor: pointer;
    font-size: 16px;
    border-radius: 8px 20px 20px 20px;
    background: linear-gradient(135deg, #1a1a2e, #16213e, #0f3460);
}
.account-btn label i {
    font-size: 15px;
    transition: all .2s ease-in-out;
    color: var(--color_ff4100);
}
/*.header-two  .account-btn .ac-access{*/
/*    top: 65px;*/
/*}*/


.account-btn .ac-access {
    position: absolute;
    top: 97px;
    width: 200px;
    padding: 10px;
    z-index: 11;
    visibility: hidden;
    transition: all .2s ease-in-out;
    max-height: 0;
    border: 2px solid var(--color_7c2a1a);
    box-shadow: 0 0 8px var(--color_8c2d17);
    overflow: hidden;
    font-family: rokh;
    border-radius: 10px;
    background: linear-gradient(135deg, #1a1a2e, #16213e, #0f3460);
    color: #FFFFFF;
}
.woocommerce-info::before {
    color: var(--color_ff4100);
}
.woocommerce-account .woocommerce-MyAccount-content p {
    color: #fff;
}

.account-btn .ac-access ul li:hover a{
    color: var(--color_ff4100);
}
.account-btn .ac-access ul li a {
    padding: 8px;
    display: block;
    color: #fff;
}
.account-btn input[type="checkbox"]:checked +label + .ac-access{
    visibility: visible;
    max-height:1000px;
    transition: all .5s ease-in-out;
}
.account-btn input[type="checkbox"]:checked +label > i.fa-chevron-down {
    transform: rotate(180deg);
}
/*admin*/


/*search*/
.content-ajax-search {
    position: absolute;
    left: 0;
    right: 0;
    /* background: #edf5e1; */
    top: 154px;
    padding: 0 10px;
    /*box-shadow: 0px 4px 8px -2px var(--color_main);*/
    z-index: 14;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    opacity: 0;
    visibility: hidden;
    max-height: 310px;
    overflow-y: auto;
    padding-left: 15px;
    /* overflow-x: hidden; */
}
.show{
    opacity: 1!important;
    visibility: visible!important;
}
.content-ajax-search ul li a {
    display: flex;
    align-items: center;
    padding: 10px 0;
    border-bottom: 1px solid var(--color_ff4100)59;
}
.content-ajax-search ul li:last-child a{
    border-bottom: 0;
}
.content-ajax-search ul li a img {
    width: 55px;
    margin-left: 8px;
}
.content-ajax-search ul li a div h3 {
    font-size: 14px;
    margin: 3px 0;
    font-weight: 600;
}
.content-ajax-search ul {
    padding-left: 10px;
    margin: 10px 0;
}
.not-fount-search{
    text-align: center;
}
.not-fount-search img {
    max-width: 31%;
    margin: auto;
}
.not-fount-search p {
    font-size: 16px;
    color: red;
    padding: 10px 0px 20px;
    font-weight: 600;
}
.content-ajax-search ul li div {
    color: #fff;
}


/*loader*/

.loader-ajax-search {
    position: absolute;
    left: 0;
    right: 0;
    top: 120px;
    padding: 30px 0;
    z-index: 10;
    opacity: 0;
    visibility: hidden;
    text-align: center;
}
.content-ajax-search.show .loader-ajax-search.show{
    display: none;
}
.loader {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: inline-block;
    border-top: 4px solid #1e222a;
    border-right: 4px solid transparent;
    box-sizing: border-box;
    animation: rotation 1s linear infinite;
}
.loader::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    border-bottom: 4px solid #FF3D00;
    border-left: 4px solid transparent;
}
@keyframes rotation {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
/*search*/


/******** header-two *******/
/*.header-two {*/
/*    position: sticky;*/
/*    top: 0;*/
/*}*/
.header-two .main-header {
    padding: 15px;
}

.header-two .megamenu-box span.title-megamenu,
.header-two .megamenu-box, .header-two .menu-header > ul > li > a,
.header-two .m-h-left i, .header-two #hamberger,
.header-two .account-btn label {
    color: #fff;
}
.header-two .m-h-right {
    gap: 30px;
    width: auto;
}
.header-two .main-header {
    display: flex;
    justify-content: space-between;
    padding: 10px 0 !important;
    /*background-color:#010B1F99;*/
}
.header-two .main-menu {
    margin-top: 10px;
}
.header-two .main-header .m-h-left {
    display: flex;
    align-items: center;
    gap: 20px;
    width: 30%;
    justify-content: center;
}

.header-two .m-h-right {
    gap: 30px;
    width: auto;
}
.header-two .cart-btn-header:hover .cart-content {
    top: 39px;
    left: -10px;
}

.header-two .cart-btn-header .cart-content:before {
    content: "";
    height: 30px;
    width: 100%;
    display: block;
    position: absolute;
    top: -22px;
    left: 0;
}
.header-two .menu-header > ul > li > a:hover{
    color: var(--color_ff4100) !important;
    border-bottom: none!important;
}

.header-two .register-btn i {
    font-size: 20px;
    color: var(--color_ff4100);
}
.searchbox-two {
    display: flex;
}
.searchbox-two i {
    font-size: 20px;
    cursor: pointer;
}
.account-btn label i {
    font-size: 15px;
    transition: all .2s ease-in-out;
    color: var(--color_ff4100);
}
.searchbox-two form {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: 100;
    display: none;
}
.searchbox-two form input[type="search"] {
    height: 100%;
    font-size: 16px;
    padding-right: 20px;
    border-radius: 0;
    background: #edf5e1;
    text-align: center;
}
.searchbox-two form button {
    background: transparent;
    left: 20px;
    right: unset;
    position: absolute;
    bottom: 22%;
    font-size: 28px;
    color: #9f9f9f;
    cursor: pointer;
}
.header-two .cart-btn-header > a {
    background: none;
    box-shadow: none;
    color: #303030;
    font-size: 20px;
    padding: 0;
    display: flex;

}
.menu-bottom-mobile .cart-btn-header span.cart-btn-num,
.header-two .cart-btn-header span.cart-btn-num
{
    padding: 0;
    position: absolute;
    left: 10px;
    background:var(--color_ff4100);
    width: 15px;
    height: 16px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    top: 10px;
    border-radius: 50%;

}

.favorite-btn-header-mobile a {
    display: flex;
}
.favorite-btn-header-mobile i {
    font-size: 20px;
}
.searchbox-two .content-ajax-search,.searchbox-two .loader-ajax-search {
    top: 55px;
}

.header-two .fa-megamenu > ul > li > ul {
    width: 846px;
}

/******** header-two *******/
/*title*/
.introduction{
    position: relative;
}
.introduction .lines {
    gap: 8px;
    margin-bottom: 10px;
    margin-top: 10px;
    display: flex;
    justify-content: right;
    text-align: center;
    margin-right: 20px;
}
.lines span {
    height: 2px;
    border-radius: 10px;
    display: inline-flex;
}

.sec-our_service .introduction-title {
    font-weight: 500;
    font-size: 20px;
    color: #ffffff;
}
.lines span:first-child {
    background-color: #ff7a03;
    width: 18px;
}
.lines span:last-child {
    background-color: #101860;
    width: 29px;
}

.introduction-title > span{
    color: var(--color_ff4100);
    font-size: 30px;
    font-weight: bold;
}
.introduction-title-en {
    font-size: 1em;
    /*letter-spacing: 0.1em;*/
    color: #292525;
    font-family: "B Yekan";
}
.sec-our_service .introduction-title-en{
    color: #ffffff;
}
/*title*/

/*footer*/
footer {
    padding-top: 40px;
    background-color: transparent;
    background-image: linear-gradient(180deg,#080c30 2%, #0f1535 100%);
}
.footer-address {
    border-radius: 50% 50% 0% 0%;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 26px 50px 0px 50px;
    margin-right: 40px;
    margin-left: 40px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(30, 30, 61, 0.48);
}
.footer-box {
    display: flex;
    gap: 25px;
    margin-bottom: 22px;
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    padding: 30px 30px 21px 30px;
    border-radius: 24px 24px 24px 24px;
    background-color: rgb(7,13,25);
}
.footer-box .footer-widget {
    flex-grow: 1;
}
.footer-box .footer-about {
    width: 30%;
    margin-left: 30px;
}
.footer-box .footer-widget h3 {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 15px;
    color: var(--color_ff4100);
}
.footer-box .footer-widget .f-w-contet {
    color: #ffffff;
    line-height: 30px;
    text-align: justify;
}
.footer-box .footer-widget .f-w-contet ul li a {
    color: #ffffff;
}
.footer-box .footer-widget .f-w-contet ul li a:hover {
    color: var(--color_ff4100);
}

.footer-down {
    display: flex;
    justify-content: space-between;
    color: #ffff;
}
.copy-right {
    margin-bottom: 20px;
    margin-right: 10px;
    line-height: 2;
    width: 100%;
}
.copy-right p.footer-footer {
    text-align: center;
}
.footer-down .social-footer {
    display: flex;
    gap: 20px;
    margin-left: 10px;
    margin-bottom: 20px;
}
.footer-down .social-footer a {
    display: flex;
}
.inner-contact {
    width: 88%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}
.inner-contact .contact-item {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px;
    margin-top: 10px;
}
.inner-contact .counter-conut {
    margin-right: 14px;
    color: #ffff;
}
.inner-contact .counter-conut {
    color: #ffff;
}
.item.contact-item img {
    max-width: 50px;
}
.footer-down .social-footer a i {
    font-size: 20px;
    color: var(--color_ff4100);
}
.item.contact-item i {
    font-size: 20px;
    color: var(--color_ff4100);
}
.footer-down .color-footer-down a,
.footer-down .color-footer-down {
    color: var(--color_ff4100);
}
.copy-right .text-two-copy-right{
    color: var(--color_ff4100);
}

/*footer*/




/*product style*/

.hero-product.product-style{

}
/*.hero-product-background.product-background-style::before {*/
/*    position: absolute;*/
/*    content: "";*/
/*    left: -62px;*/
/*    top: 0;*/
/*    width: 300px;*/
/*    z-index: -1;*/
/*    height: 92%;*/
/*    background: #ff8c00;*/

/*}*/
.hero-product .product-item.product-item-style {
    margin: 20px 8px;
    padding: 10px 15px 15px;
    border-radius: 15px;
    color: #edf5e1;
    background: #23114B;
}
.hero-product .product-item.product-item-style figure{
    z-index: 10;
    position: relative;
}
.hero-product .product-item.product-item-style h2{
    margin: 20px 0;
}
.hero-product .product-item.product-item-style h2 a {
    color: #edf5e1;
    font-size: 18px;
}
.down.down-two {
    margin-top: 30px;
    text-align: center;
    height: 100px;
}
.hero-product-background.product-background-style .down-two .wish-add,
.item.product-item.product_item-amazing-style .down-two .wish-add {
    display: flex;
    justify-content: space-between;
    margin-top: 38px;
    align-items: center;
}
.hero-product-background.product-background-style .down-two .wish-add
.wishlist-button button span.add,
.hero-product-background.product-background-style .down-two .wish-add .wishlist-button button span.added {
    display: none;
}
.hero-product-background.product-background-style .down-two .wish-add .wishlist-button button.woosw-added span,
.item.product-item.product_item-amazing-style .down-two .wish-add .wishlist-button button.woosw-added span {
    color: red;
}
.hero-product-background.product-background-style
.down-two .wish-add .wishlist-button button span, .item.product-item.product_item-amazing-style .down-two .wish-add .wishlist-button button span {
    font-size: 26px;
    color: #7E7E7E;
}
.hero-product-background.product-background-style .down-two
.wish-add .wishlist-button button.woosw-added i, .item.product-item.product_item-amazing-style .down-two .wish-add .wishlist-button button.woosw-added i {
    color: red;
}
.hero-product-background.product-background-style .down-two
.wish-add .wishlist-button button i,
.item.product-item.product_item-amazing-style .down-two
.wish-add .wishlist-button button i {
    font-size: 26px;
    color: #7E7E7E;
}
.hero-product-background.product-background-style .down-two .wish-add .wishlist-button button, .item.product-item.product_item-amazing-style .down-two .wish-add .wishlist-button button {
    background: transparent;
    cursor: pointer;
}
.hero-product-background.product-background-style .color-dis {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 40px;

}

.hero-product-background.product-background-style .color-dis .discount {
    margin-right: 0px;
    padding-right: 11px;
    position: relative;
    color: #0e0d0d;
}
/*.hero-product-new .product-item .color-dis .discount.is-hidden {*/
/*    visibility: hidden;*/
/*}*/
.hero-product-background.product-background-style .color-dis .discount::before {
    position: absolute;
    width: 4px;
    height: 100%;
    background: var(--color_ff4100);
    content: "";
    right: 0;
    margin-right: 0px;
    top: 0;
    box-shadow: 0px 5px 15px  var(--color_ff4100);
    border-radius: 90px 0px 0px 90px;
}

.hero-product-background.product-background-style .color-dis .color {
    position: absolute;
    left: 18px;
}
.hero-product-background.product-background-style .color-dis .color ul li {
    float: right;
}
.hero-product-background.product-background-style .color-dis .color ul li span {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-left: 5px;
    float: right;
    position: relative;
    border: 2px solid var(--color_ff4100);
    box-shadow: 0px 2px 4px rgba(255, 65, 0, 0.38);
}
.hero-product-background.product-background-style .color-dis .color ul li span.mt-color {
    margin-right: -12px;
    transition: all 0.3s ease-out;
}
.hero-product-background.product-background-style:hover .color-dis .color ul li span.mt-color {
    margin-right:unset;
    transition: all 0.3s ease-out;
}
.hero-product-background.product-background-style .color-dis .color ul li span:hover > b {
    visibility: visible;
    opacity: 1;
    bottom: 17px;
}
.hero-product-background.product-background-style .color-dis .color ul li span b {
    background: #303030;
    color: #fff;
    font-size: 13px;
    font-weight: 100;
    border-radius: 4px;
    padding: 2px 4px;
    position: absolute;
    bottom: 0px;
    right: -10px;
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease-in-out;
}



/*price*/
.hero-product-background.product-background-style .down.down-two  .price,
.hero-product-background.product-background-style .down.down-two .price {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #FFFFFF;
    /*margin: auto;*/
    /*flex-direction: column;*/
    position: relative;
    /*left: 8px;*/
}
.hero-product-background.product-background-style .down.down-two .price ins span.woocommerce-Price-currencySymbol,
.hero-product-background.product-background-style .down.down-two .price ins span.woocommerce-Price-currencySymbol {
    position: unset;
    margin-right: 5px;
}
.hero-product-background.product-background-style .down.down-two .price ins,
.hero-product-background.product-background-style .down.down-two .price ins {
    display: inline-block;
}
.hero-product-background.product-background-style .down.down-two .price > span > bdi > .woocommerce-Price-currencySymbol {
    bottom: -13px;
    left: -35px;
    color: var(--color_ff4100);
    /*background: var(--color_ff4100);*/
    padding: 13px 4px;
    border-radius: 10px;
    margin-right: 10px;
}
.hero-product-background.product-background-style .down.down-two .price del .woocommerce-Price-currencySymbol {
    display: none;
}
.hero-product-background.product-background-style .down.down-two .price ins span.woocommerce-Price-currencySymbol {
    display: inline-block;
    rotate: unset;
    color: var(--color_ff4100);
    padding: 13px 0px;
    border-radius: 10px;
    position: absolute;
    bottom: -13px;
    line-height: 1;
    /*transform: rotate(-90deg);*/
    /*left: -24px;*/
}
.hero-product-background.product-background-style .down.down-two .price ins {
    color: #edf5e1;
    text-decoration: none;
}
.down .not_stock {
    display: inline-flex;
    padding: 0px 5px;
    align-items: center;
    color: red;
}
.hero-product-background.product-background-style .down.down-two .contact-us-price {
    text-align: center;
    /*padding: 13px;*/
    justify-content: center;
    margin: auto;
    color: var(--color_ff4100);
    font-weight: 700;
    font-size: 15px;
    font-family: yekanbakh;
}
.hero-product-background.product-background-style .down.down-two .not-stock {
    margin: auto;
    color: #c00;
    font-weight: 700;
    font-size: 15px;
    font-family: yekanbakh;
}
.hero-product-background.product-background-style .down.down-two .price > span.woocommerce-Price-amount.amount > bdi > .woocommerce-Price-currencySymbol {
    /* left: 31px; */
}
.hero-product-background.product-background-style .down.down-two .price > span > bdi > .woocommerce-Price-currencySymbol {
    bottom: -13px;
    left: -43px;
    color: var(--color_ff4100);
    padding: 13px 0px;
    border-radius: 10px;
    margin-right: 10px;
    position: absolute;
    line-height: 1;
    /*transform: rotate(-90deg);*/
    font-weight: bold;
    /*left: -24px;*/
}
.hero-product-background.product-background-style .down.down-two .price span[aria-hidden="true"] {
    line-height: .9;
}

/*price*/




/*product style*/



/*brand 2*/
.title-brand {
    text-align: center;
}
.title-brand h4 {
    background: #F93423;
    display: inline-block;
    color: #fff;
    padding: 15px 30px;
    border-radius: 30px 30px 0px 0px;
    font-weight: 700;
    font-size: 18px;
}
.box-brand {
    background: var(--color_ff4100);
    border-radius: 15px;
    box-shadow: 0px 4px 90px 0px #D3D3D333;
    /*margin: 0 10px;*/
    width: 100%;
}
.box-brand .inner-brand {
    width: 88%;
    margin: auto;
}

.box-brand .inner-brand .brand-item {
    display: flex;
    justify-content: center;
    height: 100px;
    align-items: center;
}
.box-brand .inner-brand .brand-item figure{
    width: 130px;
}
.box-brand .inner-brand .brand-item img {
    border-radius: 100%;
    width: 100%;
    height: 130px;
    padding:20px;
}

.box-brand .owl-carousel .owl-nav button {
    position: absolute;
    background: #ff8c00;
    width: 42px;
    height: 42px;
    top: 22px;
    color: #05386b;
    border-radius: 10px;
}
.box-brand .owl-carousel .owl-nav button.owl-prev {
    right: -8.3%;
    /*border-radius: 50px 0px 0px 50px;*/
}
.box-brand .owl-carousel .owl-nav button.owl-next {
    left: -8.3%;
    /*border-radius: 0px 50px 50px 0px;*/
}
.box-brand .owl-carousel .owl-nav button.owl-prev::before {
    content: "\f053";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}
.box-brand .owl-carousel .owl-nav button.owl-next::before {
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
}
.box-brand .owl-theme .owl-nav [class*="owl-"]:hover {
    background: #4e3090;
    color: #FF8C00;
    text-decoration: none;
}


.owl-carousel.brand-slider-2 .owl-nav.disabled {
    display: block;
}
/*brand 2*/

/*blog 2*/
.blog-bg.blog-2 .item {
    margin-top: 30px;
}
.card-weblog .card-images {
    border-radius: 8px;
    width: 100%;
    min-height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    aspect-ratio: 1/1;
}
.card-images img {
    border-radius: 17px !important;
    height: 200px !important;
    transition: all .2s ease-in-out;
}
.card-images:hover img {
    transform: scale(1.05);
}
.card {
    border-radius: 20px;
    background: #030c13;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border: none;
    position: relative;
    margin: 0 10px;
     padding-bottom: 7px;
}
.nav-data {
    display: flex;
    flex-wrap: wrap;
    padding-right: 0;
    margin-bottom: 0;
    list-style: none;
    position: absolute;
    flex-direction: column;
}
.card-weblog .card-body {
    margin-top: -100px;
}
.card-body {
    flex: 1 1 auto;
    padding: .14rem 0.50rem !important;
}
.card-body-bg {
    background: #171f59;
    filter: drop-shadow(0px 4px 8px rgba(63, 63, 63, 0.1));
    border-radius: 20px;
    padding: .5rem;
    min-height: 150px;
}
.card-text {
    font-weight: 500;
    font-size: 13px;
    color: #ccc;
    margin-top: .5rem;

}
.card-title {
    font-size: 14px;
    color: #fff;
    font-weight: 450;
    margin-bottom: .5rem;
    font-family: rokh;
    line-height: 2;
}
.card-link {
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
.card-link a i{
    color: #fff;
}
.card-link-shodow {
    box-shadow: 0 -25px 20px 0 #fff;
    padding-top: 3rem;
}
.card-body .down {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    position: absolute;
    bottom: 17px;
    width: 93%;
}

.card-body .down span {
    color: #F4F4F4;
    font-size: 13px;
    font-weight: 300;
}
.card-body .down i {
    background: var(--color_ff4100);
    color: #fff;
    padding: 12px;
    border-radius: 5px;
    margin-left: 5px;
}
/*.owl-carousel .owl-dots.disabled, .owl-carousel .owl-nav.disabled {*/
/*     display: block;*/
/*}*/
/*blog 2*/

#wpadminbar {
    z-index: 4!important;
}
.owl-carousel {
    z-index:0!important;
}
.ddwccf-bar-container {
    width: 100%;
    overflow: hidden;
}
.ddwccf-bar {
    max-width: 100%;
}
.woocommerce-product-gallery.woocommerce-product-gallery--with-images.woocommerce-product-gallery--columns-4.images.entry-image {
    position: sticky !important;
    top: 50px;
    height: 100%;
}
/*template blog*/
.side-single-blog  {
    width: 22%;
    position: sticky;
    height: 100%;
    top: 50px;
}
.sec-blog.template-blog {
    display: flex;
    align-content: center;
    gap: 20px;
    margin-top: 50px;
}
.sec-blog.template-blog .box-blog .big-post .post-item {
    width: 32%;
    flex-grow: 0;
}
.sec-blog.template-blog .box-blog .big-post {
     flex-basis: unset;
    gap: 10px;
    flex-wrap: wrap;
}
.filter-blog {
    padding: 13px;
    color: #ff4100;
    font-family: yekanbakh;
    font-size: 14px;
    cursor: pointer;
    border-radius: 10px;
    transition: 0.3s;
    background: transparent;
    position: relative;
    overflow: hidden;
}
.filter-blog::before {
    content: "";
    position: absolute;
    height: 300%;
    width: 100%;
    background: linear-gradient(var(--color_1a1a2e), var(--color_9b2f14), var(--color_1a1a2e), var(--color_9b2f14));
    top: -100%;
    left: 0px;
    z-index: -1;
    transition: 0.5s;
}
.filter-blog:hover::before{
    top: 0;
}

/*template blog*/



/*navigation*/
.navigation {
    width: 50%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 113;
    overflow-x: scroll;
    padding: 10px;
    transform: translateX(1000px);
    transition: all .4s ease-in-out;
    background-color: #010B1F !important;
    border: 1px solid #d5d5d544;
    border-radius: 20px 0 0 0;
}
.navigation .header-contact-us {
    border-bottom: 1px solid #532414;
    margin: 10px;
}
.navigation ul li {
    border-bottom: 1px solid #532414;
    margin: 10px;
}
.navigation ul li a {
    padding: 10px 0;
    display: inline-block;
    font-weight: 450;
    color: #fff;
    font-family: yekanbakh;
}
.navigation ul li ul li:last-child{
    border-bottom:0;
}
.navigation ul li ul {
    padding: 5px;
    background: #121737;
    display: none;
    /* border-radius: 10px; */
}
.navigation ul li ul li a {
    font-size: 13px;
    font-weight: 400;
    padding: 8px;
}

.navigation ul li ul li ul {
    background: #e2e2e2;
}
.navigation ul li i.sub-menu-arrow {
    float: left;
    padding: 5px 15px 5px 5px;
    margin-top: 8px;
    border-right: 1px solid #532414;
    cursor: pointer;
    color: var(--color_ff4100);
}
/*navigation*/


.owl-carousel.product-slider-men {
     display: block;
}

.owl-carousel.amazing-slider .owl-stage-outer {
    margin-top: 50px;
}
.copy-right p span.color-footer-down {
    color: var(--color_ff4100);
}

/*منو  پایین */
.menu-bottom-mobile {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    background: #010B1F;
    display: flex;
    justify-content: space-around;
    align-items: center;
    padding: 8px;
    z-index: 9;
    border-radius: 0 50px 0px 0px;
    margin-right: 10px;
    box-shadow: 0 -8px 20px -10px rgba(255, 255, 255, 0.44);
}
.menu-bottom-mobile div a {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4px;
}
.menu-bottom-mobile div a span {
    font-size: 11px;
    font-weight: 700;
    color: var(--color_ff4100);
}
.menu-bottom-mobile div a i {
    color: #fff;
    font-size: 20px;
}
/*منو  پایین */
.text-insta i {
    color: #fff;
    margin-right: 5px;
}

.cart-line-bottom {
    display: none;
}
.wpcf7-form .wpcf7-form-control-wrap input,
.wpcf7-form .wpcf7-form-control-wrap textarea {
    margin: 10px 0;
}



.slider-them-two {
    /* margin-bottom: 50px; */
    display: flex;
    gap: 5px;

    /* margin-top: 234px; */
}


.slider-them-two .item img {
    max-width: 100%;
    max-height: 357px;
    /* object-fit: cover; */
}
.slider-them-two .item{
    position: relative;
}



/*.slider-them-two{*/
/*    background: #05386b;*/
/*    width: 100%;*/

/*}*/


.slider-them-two .owl-carousel.m-slider .owl-nav button {
    position: absolute;
    bottom: 35px;
    background: rgba(255, 255, 255, 0.19);
    /*background: linear-gradient(135deg, #1a1a2e, #16213e, #0f3460);*/
    width: 35px;
    height: 35px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 0;
}
.slider-them-two:hover .owl-carousel.m-slider .owl-nav button {
    opacity: 1;
}
.slider-them-two  .owl-carousel.m-slider .owl-nav button.owl-next {
    right: 80px;
}

.slider-them-two  .owl-carousel.m-slider .owl-nav button.owl-prev:before {
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #c00;
}
.slider-them-two  .owl-carousel.m-slider .owl-nav button.owl-next:before {
    content: "\f053";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #c00;
}
.slider-them-two  .owl-carousel.m-slider .owl-nav button.owl-next {
    right: 80px;
}
.slider-them-two  .owl-carousel.m-slider .owl-nav button.owl-prev {
    right: 35px;
}

/*.owl-carousel.m-slider .owl-dots {
    text-align: left;
    margin-right: -472px;
    position: absolute;
    bottom: 35px;
    left: 30px;
    !*background: linear-gradient(135deg, #1a1a2e, #16213e, #0f3460);*!
    background: rgba(255, 255, 255, 0.19);
    padding: 3px 15px;
    border-radius: 8px 20px 20px 20px;
}*/
.owl-carousel.demo-two-slider  .owl-dots .owl-dot.active span
 {
    background: #c00;
    width: 9px;
    height: 9px;

}
.owl-carousel.demo-two-slider  .owl-dots .owl-dot span
{
    background: #da7272;
    width: 5px;
    height: 5px;

}


.owl-carousel.demo-two-slider .owl-dots {
    position: absolute;
    top: -7px;
    background: #e1f8f4a3;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    left: -99px;
    margin: auto;
    z-index: 1;
    /* text-align: center; */
    padding: 0;
    height: 42px;
}


/*.rtl.wp-singular.page-template.page-template-elementor_theme.page.page-id-558.logged-in.admin-bar.wp-theme-shopAras.theme-shopAras.woocommerce-js.woo-variation-swatches.wvs-behavior-blur-no-cross.wvs-theme-shoparas.wvs-show-label.wvs-tooltip.elementor-default.elementor-kit-175.elementor-page.elementor-page-558.customize-support.dialog-body.dialog-buttons-body.dialog-container.dialog-buttons-container.e--ua-firefox {
    background: #f3f5f8;

}*/


/*demo 2*/
.introduction
{
    position: relative;
}

.introduction::before {
    content: '';
    width: 12px;
    height: 4px;
    display: block;
    border-radius: 2px;
    background: #0cc7a1;
    position: absolute;
    right: 0;
    /* bottom: -10px; */
    top: 60px;
}
.introduction-title {
    font-family: IRANYekanFN;
    font-weight: 500;
    font-size: 20px;
    color: #7F7F7F;
    margin-bottom: 10px;
}
.introduction-title span {
    color: #0cc7a1;
    font-size: 30px;
    font-family: rokh;
}
.introduction-title-en {
    font-size: 12px;
    letter-spacing: 0.1em;
    color: var(--color_9f9f9f);
}
.introduction::after {
    content: '';
    width: 141px;
    height: 4px;
    display: block;
    border-radius: 2px;
    background: #0cc7a1;
    position: absolute;
    right: 20px;
    /* bottom: -10px; */
    top: 60px;
}

.owl-carousel.product-demo-2{
    display: block;
}

.bg-gray-radius {
    background-color: #F7F5F6;
    border-radius: 40px;
    padding: 40px 0;
}


.product-demo-two .product-item.item-demo-2, .product-demo-two-2 .product-item.item-demo-2 {
    background: #fff;
    padding: 0px 10px;
    border-radius: 10px;
    float: right;
    width: 96%;
    box-sizing: border-box;
    box-shadow: 0px 2px 35px #3b43590f !important;
    position: relative;
    margin-bottom: 6px;
}
.bg-item-demo{
    padding: 5px;
}

.product-demo-two .bg-item-demo::before {
    content: "";
    position: absolute;
    width: 96%;
    height: 100%;
    background: #e80645;
    border-radius: 15px 200px 15px 200px;
    right: 0;
    top: 0;
    padding: 3px 0;
}


.product-demo-two .product-item.item-demo-2 figure ,
.product-demo-two-2 .product-item.item-demo-2 figure {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
}
.product-demo-two .product-item.item-demo-2 figure a img,
.product-demo-two-2 .product-item.item-demo-2 figure a img{
    width: 180px;
    height: 180px;
    object-fit: contain;
    object-position: center;
    filter: grayscale(1);
    transition: all .3s ease-in-out;
}


.product-item.item-demo-2:hover figure a img {
    filter: grayscale(0);
}

.product-demo-two,
.product-demo-two-2{
    margin: 54px 0;
}

.product-demo-two .product-item.item-demo-2 h2,
.product-demo-two-2 .product-item.item-demo-2 h2 {
    margin-top: 15px;
    height: 50px;
    line-height: 22px;
    overflow: hidden;
}
.product-demo-two .product-item.item-demo-2 h2 a,
.product-demo-two-2 .product-item.item-demo-2 h2 a {
    color: #05386b;
    font-size: 14px;
    font-weight: 450;
}
.product-demo-two .product-item.item-demo-2:hover .down ,
.product-demo-two-2 .product-item.item-demo-2:hover .down {
     border-bottom: none;
     border-radius: 0;
}
.product-demo-two .product-item.item-demo-2 .down .price,
.product-demo-two-2 .product-item.item-demo-2 .down .price {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color:  #05386b;
    margin: auto;
    flex-direction: column;
    position: relative;
}
.product-demo-two .product-item.item-demo-2 .down .price ins,
.product-demo-two-2 .product-item.item-demo-2 .down .price ins {
    color:  #05386b;
}

.product-demo-two .product-item.item-demo-2 .down .price > span > bdi > .woocommerce-Price-currencySymbol,
.product-demo-two-2 .product-item.item-demo-2 .down .price > span > bdi > .woocommerce-Price-currencySymbol {
    /*bottom: 8px;*/
    left: -43px;
    color: #05386b;
    background: #0cc7a11f;
    /*box-shadow: 3px 1px 4px 0px rgba(241, 69, 89, 0.26);*/
    box-shadow: -8px 0px 11px -6px #e8064582 !important;
    padding: 13px 4px;
    border-radius: 10px;
    margin-right: 10px;
    position: absolute;
    line-height: 1;
}

.product-demo-two .product-item.item-demo-2 .down .price > span > bdi > .woocommerce-Price-currencySymbol{
    /*bottom: 8px;*/
    left: -43px;
    color: #05386b;
    background: #0cc7a11f;
    /*box-shadow: 3px 1px 4px 0px rgba(241, 69, 89, 0.26);*/
    box-shadow: -8px 0px 11px -6px #e8064582 !important;
    padding: 13px 4px;
    border-radius: 10px;
    margin-right: 10px;
    position: absolute;
    line-height: 1;
    font-family: rokh;
    font-weight: bold;
}

.product-demo-two-2 .product-item.item-demo-2 .down .price > span > bdi > .woocommerce-Price-currencySymbol {
    /*bottom: 8px;*/
    left: -43px;
    color: #05386b;
    background: #0cc7a11f;
    /*box-shadow: 3px 1px 4px 0px rgba(241, 69, 89, 0.26);*/
    box-shadow: -8px 0px 11px -6px #e8064582 !important;
    padding: 13px 4px;
    border-radius: 50px;
    margin-right: 10px;
    position: absolute;
    line-height: 1;
    font-family: rokh;
    font-weight: bold;
}

.product-demo-two .product-item.item-demo-2 .down,
.product-demo-two-2 .product-item.item-demo-2 .down {
    display: flex;
    align-items: center;
    padding: 0 50px;
    height: 100px;
    justify-content: space-between;
    margin: unset;
}
.product-demo-two .product-item.item-demo-2 .down .addtocart_button a,
.product-demo-two-2 .product-item.item-demo-2 .down .addtocart_button a {
    font-size: 18px;
    display: flex;
    color: #05386b;
    background: #0cc7a11f !important;
    /*box-shadow: 3px 1px 4px 0px rgba(241, 69, 89, 0.26);*/
    box-shadow: -8px 0px 11px -6px #e8064582 !important;
    padding: 9px;
    border-radius: 50px !important;
     position: unset;
    align-items: center;
     opacity: 1;
}



.product-demo-two .product-item.item-demo-2 .down .price ins span.woocommerce-Price-currencySymbol,
.product-demo-two-2 .product-item.item-demo-2 .down .price ins span.woocommerce-Price-currencySymbol {
    display: inline-block;
    rotate: unset;
    color: #05386b;
    background: #0cc7a11f;
    /* box-shadow: 3px 1px 4px 0px rgba(241, 69, 89, 0.26); */
    box-shadow: -8px 0px 11px -6px #e8064582 !important;
    padding: 13px 7px;
    border-radius: 50px;
    position: absolute;
    bottom: 8px;
    line-height: 1;
    font-weight: bold;
    font-family: rokh;
}
.product-demo-two .product-item.item-demo-2 .down .contact-us-price,
.product-demo-two-2 .product-item.item-demo-2 .down .contact-us-price {
    text-align: center;
    padding: 13px;
    justify-content: center;
    /* margin: unset; */
    color: rgb(232, 6, 69);
    font-weight: 700;
    font-size: 15px;
    font-family: rokh;
}

.slider-svg {
    float: right;
    width: 100%;
    text-align: center;
    margin-top: -95px;
}


.slider-svg svg {
    float: right;
    margin-bottom: -100px;
    position: relative;
    display: flex;
    bottom: -4px;
    z-index: 9;
    width: 231px;
    transform: rotate( 180deg );
}






.product-demo-two .product-item.item-demo-2 .color-dis .discount,
.product-demo-two-2 .product-item.item-demo-2 .color-dis .discount {
    border-radius: 6px;
    color: #fff;
    background: #b33d72;
    box-shadow: 3px 1px 4px 0px rgba(241, 69, 89, 0.26);
    /*box-shadow: -8px 0px 11px -6px #e8064582 !important;*/
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 3px 5px 2px;
}
.product-demo-two .product-item.item-demo-2 .color-dis .discount::before,
.product-demo-two-2 .product-item.item-demo-2 .color-dis .discount::before {
    content: unset;
}

.product-item .color-dis .color ul li span {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-left: 5px;
    float: right;
    position: relative;
    /* border: 2px solid var(--color_ff4100); */
    /* box-shadow: 0px 2px 4px rgba(255, 65, 0, 0.38); */
}

.product-demo-two .product-item.item-demo-2 .down .addtocart_button a.added_to_cart,
.product-demo-two-2 .product-item.item-demo-2 .down .addtocart_button a.added_to_cart {
    display: inline-block;
    background: #0cc7a11f!important;
    /*box-shadow: 3px 1px 4px 0px rgba(241, 69, 89, 0.26);*/
    box-shadow: -8px 0px 11px -6px #e8064582 !important;
    color: #05386b !important;
    font-size: 13px;
    padding: 7px 6px !important;
    opacity: 1;
    right: 32px;
    margin-right: -34px;
}
.product-demo-two .product-item.item-demo-2 .addtocart_button a.added,
.product-demo-two-2 .product-item.item-demo-2 .addtocart_button a.added {
    display: none;
}
.product-item .color-dis .color ul li span {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-left: 5px;
    float: right;
    position: relative;
    border: 2px solid  #0cc7a11f!important;
    /*box-shadow: 3px 1px 4px 0px rgba(241, 69, 89, 0.26);*/
    box-shadow: -8px 0px 11px -6px #e8064582 !important;
}


.owl-carousel.product-demo-2 .owl-stage-outer {
    padding: 10px 0;
}
.bg-demo-two{
    position: relative;
}
.bg-demo-two::before {
    content: "";
    width: 200px;
    height: 344px;
    background: #e80645;
    z-index: -1;
    border-radius: 40px;
    position: absolute;
    /* right: 89px; */
    /* bottom: 14px; */
    top: -24px;
}
.bg-demo-two::after {
    content: "";
    width: 200px;
    height: 344px;
    background: #e80645;
    z-index: -1;
    border-radius: 40px;
    position: absolute;
    left: 13px;
    bottom: 36px;
    /* top: -12px; */
}




.section-main-content-before {
    width: 50%;
    height: 6px;
    border-radius: 0 0 4px 4px;
    background: #dfdfdf;
    /*background: #0cc7a11f!important;*/
    margin: 0 auto;
    right: 0;
    left: 0;
    transition: all .3s ease-in-out;
    position: absolute;
}
.owl-carousel.demo-2 .owl-nav button.owl-prev::before,
.owl-carousel.product-demo-2 .owl-nav button.owl-prev::before {
    content: "\f053";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #e80645;
}
.owl-carousel.demo-2 .owl-nav button.owl-next::before,
.owl-carousel.product-demo-2 .owl-nav button.owl-next::before {
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #e80645;
}
.owl-carousel.demo-2 .owl-nav
 {
    display: flex;
    flex-direction: column;
    position: absolute;
    right: -34px;
    bottom: 0;
}

.owl-carousel.product-demo-2 .owl-nav{
    display: flex;
    position: absolute;

}

.owl-carousel.demo-2 .owl-nav button.owl-next,
.owl-carousel.demo-2 .owl-nav button.owl-prev {
    background: #e1f8f4;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    box-shadow: -8px 0px 11px -6px #e8064582 !important;
    font-size: 14px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #e1f8f4 !important;
    border: 4px solid #fff !important;
    /* margin-right: -30px; */
    color: #fff !important;
    z-index: 1 !important;
    /* margin-top: -20px; */
}
.owl-carousel.product-demo-2 .owl-nav button.owl-next,
.owl-carousel.product-demo-2 .owl-nav button.owl-prev {
    background: #e1f8f4;
    width: 30px;
    height: 30px;
    border-radius: 50px;
    box-shadow: -8px 0px 11px -6px #e8064582 !important;
    font-size: 14px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #e1f8f4 !important;
    border: 4px solid #fff !important;
    /* margin-right: -30px; */
    color: #fff !important;
    z-index: 1 !important;
    /* margin-top: -20px; */
}
.head-section {
    color: #0cc7a1;
    font-size: 10px;
    font-style: normal;
    font-weight: 700;
    display: flex;
    align-items: center;
}
.introduction {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.item-demo-2:hover {
    transition: all 0.2s;
    box-shadow: none;
    background: #f3f5f8;
}


.product-demo-two-2 .bg-item-demo::before {
    content: "";
    position: absolute;
    width: 96%;
    height: 100%;
    background: #e80645;
    border-radius: 200px 15px 200px 15px;
    right: 0;
    top: 0;
    padding: 3px 0;
}
.sec-category-demo2 .item-cat-2 {
    display: flex;
    align-items: center;
    /* flex-direction: column; */
    justify-content: space-evenly;
    margin: 10px;
    transition: .3s ease-in-out;
    position: relative;
    width: 21%;
    padding: 0px 5px 5px 5px;
    float: right;
    padding: 20px;
    border-radius: 10px;
    position: relative;
}

.sec-category-demo2 .item-cat-2 .bg-cat-2 {
    inset: 5% 3% 0% 4%;
    background-color: #fff;
    position: absolute;
    border-radius: 10px;
}
.sec-category-demo2 .item-cat-2 .image {
    max-width: 34%;
    transition: 0.4s;
    z-index: 2;
    padding: 0px 10px 0px 10px;
}
.sec-category-demo2 .item-cat-2 .image a {
    text-align: center;
    display: flex;
    width: 100%;
    justify-content: center;
}
.sec-category-demo2 .item-cat-2 .image img {
    transition: transform 0.5s;
    border-radius: 10px;
    width: 100%;
}
.sec-category-demo2 .item-cat-2 .content {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    z-index: 2;
    /* margin-top: 25px; */
    /* padding-top: 24px; */
}

.sec-category-demo2 .item-cat-2 .content p, .sec-category .item-cat-2 .content p a {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 12px;
    font-weight: 300;
    color: #0cc7a1;
    font-family: yekanbakh;
    padding: 2px 0;
}
.sec-category-demo2 .item-cat-2 .content h5 a.title-category {
    color: #0b3d6f;
}

.sec-category-demo2 .item-cat-2::before {
    content: "";
    position: absolute;
    width: 96%;
    height: 107%;
    background: #e80645;
    border-radius: 200px 15px 200px 15px;
    right: 0;
    top: 0;
    padding: 3px 0;
}
.category-demo-2{
   margin-top: 40px;
    margin-bottom: 40px;
}
.box-brand.brand-demo-2 {
    background: #FFFFFF;
    border-radius: 15px;
    /*box-shadow: 0px 4px 90px 0px #D3D3D333;*/
    /* margin: 0 10px; */
    width: 100%;
    /* padding: 18px; */
    margin: 14px;
}
.box-brand.brand-demo-2 .inner-brand {
    width: 88%;
    margin: auto;
}
.box-brand.brand-demo-2 .inner-brand .brand-item.brand-item-demo {
    display: flex;
    justify-content: center;
    height: 94px;
    align-items: center;
    /* background: #edf5e1; */
    /* gap: 10px; */
}
.box-brand.brand-demo-2 .inner-brand .brand-item.brand-item-demo img {
    max-width: 100px;
    height: 100px;
    padding: 10px;
}
.bg-brand-demo2 {
    position: relative;
    margin: 40px 0;
}
.bg-brand-demo2::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 109%;
    background: #e80645;
    border-radius: 200px 15px 200px 15px;
    right: 0;
    top: 0;
    padding: 3px 0;
    z-index: -1;
}
.hero-product.brand-demo{
    margin: 40px 0;
}
.slider-them-two .demo-two-slider .item {
    /* aspect-ratio: 16/9; */
    overflow: hidden;
    border-radius: 90px;
    /* margin: 0 20px; */
}

.bg-my-slider {
    /* width: 96%; */
    height:80px;
    background: #e80645;
    border-radius: 0px 100px 0px 100px!important;
    right: 0;
    top: 0;
}
.owl-carousel.demo-two-slider .owl-nav button.owl-next,
.owl-carousel.demo-two-slider .owl-nav button.owl-prev {
    background: #e1f8f4;
    width: 25px;
    height: 25px;
    border-radius: 50px;
    box-shadow: -8px 0px 11px -6px #e8064582 !important;
    font-size: 14px !important;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #e1f8f4 !important;
    border: 4px solid #fff !important;
    /* margin-right: -30px; */
    color: #fff !important;
    z-index: 1 !important;
    /* margin-top: -20px; */
    width: 30px;
    height: 30px;
}


.owl-carousel.demo-two-slider .owl-nav button.owl-prev::before,
.owl-carousel.demo-two-slider .owl-nav button.owl-prev::before {
    content: "\f053";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #e80645;
}
.owl-carousel.demo-two-slider .owl-nav button.owl-next::before,
.owl-carousel.demo-two-slider .owl-nav button.owl-next::before {
    content: "\f054";
    font-family: "Font Awesome 6 Free";
    font-weight: 900;
    color: #e80645;
}
.owl-carousel.demo-two-slider .owl-nav {
    /* flex-direction: column; */
    position: absolute;
    right: -53px;
    bottom: -20px;
}
.owl-carousel.demo-two-slider .owl-nav{
    display: none;
}
.owl-carousel.demo-two-slider:hover .owl-nav{
    display: flex;
    transition: all .3s ease-in-out;
}
.owl-carousel.demo-two-slider .owl-nav{
    position: absolute;

}



/**/

.hero-blog {
    margin-bottom: 60px;
}
.card-demo-2 {
    border-radius: 8px;
    /*background: #fff;*/
    /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);*/
    border: none;
    position: relative;
    margin: 40px 10px;
}
.card-weblog-demo .card-images-demo {
    border-radius: 8px;
    width: 100%;
    max-height: 200px;
    background-repeat: no-repeat;
    background-size: cover;
}
.card-images-demo img {
    border-radius: 10px;
    height: 200px !important;
    transition: all .2s ease-in-out;
}
.card-weblog-demo .card-images-demo {
    border-radius: 8px;
    width: 100%;
    max-height: 200px;
    background-repeat: no-repeat;
    background-size: cover;
}
.card-weblog-demo .card-body-demo {
    margin-top: -40px;
    position: relative;
}
.card-weblog-demo .card-body-demo::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 108px;
    background: #e80645;
    border-radius: 15px 100px 15px 146px;
    right: 0px;
    top: 8px;
    padding: 3px 0;
}
.card-body-demo {
    flex: 1 1 auto;
    padding: .14rem 0.50rem !important;
}
.card-body-bg-demo {
    background: #fff;
    filter: drop-shadow(0px 4px 8px rgba(63, 63, 63, 0));
    border-radius: 8px;
    padding: .5rem;
    min-height: 110px;
}
.card-title-demo {
    font-size: 14px;
    color: #05386b;
    font-weight: 450;
    margin-bottom: .5rem;
}
.card-body-demo .down {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 36px;
}
.card-body-demo .down span {
    color: #7E7E7E;
    font-size: 13px;
    font-weight: 300;
}
.card-body-demo .down i {
    background: #0cc7a11f;
    box-shadow: -8px 0px 11px -6px #e8064582 !important;
    padding: 9px;
    color: #05386b;
    border-radius: 50px;
    margin-left: 5px;

}
 .product-item.item-demo-2 .color-dis {
    margin-top: 13px;
}
/**/
/*demo 2*/

/**/
/*دمو 3*/

.rtl.wp-singular.page-template.page-template-elementor_header_footer.page.page-id-889.logged-in.admin-bar.wp-theme-shopAras.theme-shopAras.woocommerce-js.woo-variation-swatches.wvs-behavior-blur-no-cross.wvs-theme-shoparas.wvs-show-label.wvs-tooltip.elementor-default.elementor-template-full-width.elementor-kit-175.elementor-page.elementor-page-889.customize-support.dialog-body.dialog-buttons-body.dialog-container.dialog-buttons-container.e--ua-firefox {
    background-color: #f3eee6;
}
.overlay-domo-3{
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    /*background-color: rgba(0,0,0,.6);*/
    background-color: #723e299e;
}

.hot{
    background: url("image/cofe/hot.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    width: 100%;
    padding: 100px 0;
    height: 300px;
    margin-top:70px;
    position: relative;
    margin-bottom:70px;
}
.hot .hot-title {
    width: 100%;
    color: #fff;
    text-align: center;
    transform: translateY(100px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.hot .hot-title h1 {
    font-size: 60px;
    margin-bottom: 48px;
}
.hot .hot-title p{
    font-size: 30px;

}

.product-new-demo-3 {
position: relative;
}
.product-new-demo-3 .product-background-demo-3::before {
    position: absolute;
    content: "";
    left: 0px;
    top: 0;
    width: 100%;
    z-index: -1;
    height: 100%;
     /*background-image: url("image/cofe/188.webp");*/
     background-image: url("image/cofe/241.webp");
     /*background-image: url("image/cofe/221.png");*/
    background-size:cover;
    background-attachment: fixed;
    background-repeat: repeat;
    /*filter: blur(1px) brightness(80%) grayscale(50%);*/
}




.title-pro-demo3 {
    /* padding: 20px 20px 0 20px; */
    position: relative;
    margin-bottom: 50px;
    display: flex;
    align-items: center;
}
.title-pro-demo3 img {
    max-width: 61px;
}
.title-pro-demo3 h2 {
    font-family: rokh;
    font-size: 25px;
    line-height: unset;
}
.title-pro-demo3 h2 a{
    font-weight: bold;
    color: #c5a059;
}

.title-pro-demo3 h2::after {
    background: #c5a059;
    content: "";
    position: absolute;
    right: 15px;
    bottom: -18px;
    height: 7px;
    width: 70px;
    border-radius: 20px;
    transition: width 0.3s ease;
}
.title-pro-demo3 h2::before {
    background: color-mix(in srgb, #c5a059 55%, transparent);
    content: "";
    position: absolute;
    right: 0px;
    bottom: -15.3px;
    height: 1px;
    width: 19%;
    border-radius: 20px;
    transition: width 0.3s ease;
}



.product-new-demo-3 .product-new-item-demo3 {
    padding: 0px 10px;
    border-radius: 50px;
    float: right;
    width: 96%;
    box-sizing: border-box;
    margin-bottom: 73px;
    border-right: 3px solid #0f5132;
    position: relative;

    background: linear-gradient(
            180deg,
            rgba(78, 52, 32, 0.72),
            rgba(212, 175, 55, 0.55)
    );

    backdrop-filter: blur(12px);
    overflow: hidden;
    transition: .4s ease;
}

.product-new-demo-3 h3 a {
    color: #fff8ef;
    font-size: 14px;
    font-weight: bold;
}

.product-new-demo-3 .product-new-item-demo3::before{
    content: '';
    position: absolute;
    top: -7%;
    left: -7%;
    width: 180px;
    height: 180px;
    background: radial-gradient(
            circle,
            rgba(212,175,55,.22),
            transparent 70%
    );

    pointer-events: none;
}

.product-new-demo-3 .product-new-item-demo3:hover{
    border-right: 0;
    /*border-right: 3px solid rgba(1, 105, 58, 0.4);*/
    border-left: 3px solid #0f5132;
    /*border-top: 3px solid #01693a;*/
}


.product-new-demo-3 .product-new-item-demo3 .color-dis {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 40px;
    padding: 15px;
}
.product-new-demo-3 .product-new-item-demo3 .color-dis .color ul li {
    float: right;
}
.product-new-demo-3 .product-new-item-demo3 .color-dis .color ul li span {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-left: 5px;
    float: right;
    position: relative;
    background: #fff;
    border: 2px solid #fff;
    box-shadow: 0px 2px 4px #cacaca85;
}
.product-new-demo-3 .product-new-item-demo3 .color-dis .color ul li span.mt-color {
    margin-right: -12px;
    transition: all 0.3s ease-out;
}
.product-new-demo-3 .product-new-item-demo3:hover .color-dis .color ul li span.mt-color {
    margin-right:unset;
    transition: all 0.3s ease-out;
}
.product-new-demo-3 .product-new-item-demo3 .color-dis .color {
    position: absolute;
    left: 20px;
}
.product-new-demo-3 .product-new-item-demo3 .color-dis .color ul li span:hover > b {
    visibility: visible;
    opacity: 1;
    bottom: 17px;
}
.product-new-demo-3 .product-new-item-demo3 .color-dis .color ul li span b {
    background: #303030;
    color: #fff;
    font-size: 13px;
    font-weight: 100;
    border-radius: 4px;
    padding: 2px 4px;
    position: absolute;
    bottom: 0px;
    right: -10px;
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease-in-out;
}
.product-new-demo-3 .product-new-item-demo3 .color-dis .discount {
    color: #fff;
    /* text-align: center; */
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 17%;
    height: 15%;
    background: #0f5132;
    /* content: ""; */
    margin-right: 15px;
    top: -7px;
    border-radius: 0px 0px 90px 90px;
    /* padding: 2px; */
}
.color-dis .discount.is-hidden {
    visibility: hidden;
}
.product-new-demo-3 figure
 {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
}
.product-new-demo-3 figure a img
 {
    width: 180px;
    height: 180px;
    object-fit: contain;
    object-position: center;
    transition: all .3s ease-in-out;
}


.product-new-item-demo3:hover figure a img{
    transform: scale(1.08);
}
.product-new-item-demo3::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(114, 62, 41, 0.22);
    opacity: 0;
    transition: .4s;
    border-radius: 50px;
    z-index: -1;
}
.product-new-item-demo3:hover::after{
    opacity: 1;
}

.product-new-demo-3 h3{
    text-align: center;
    margin-top: 22px;
    height: 50px;
}
.product-new-demo-3 h3 a {
    /*color: #082b1b;*/
    color: #fff8ef;
    font-size: 14px;
    font-weight: bold;
}
.product-new-demo-3 .down .addtocart_button a {
    font-size: 18px;
    display: flex;
    background: #0f5132 !important;
    color: #fff;
    /* background: #0cc7a11f !important; */
    /* box-shadow: 3px 1px 4px 0px rgba(241, 69, 89, 0.26); */
    /*box-shadow: -8px 0px 11px -6px #082b1b !important;*/
    padding: 9px;
    border-radius: 50px !important;
    position: unset;
    align-items: center;
    opacity: 1;
}
.product-new-demo-3 .down .addtocart_button a.added {
    display: none;
}
.product-new-demo-3 .down .addtocart_button a.added_to_cart {
    display: inline-block;
    background: #0f5132 !important;
    /* box-shadow: -8px 0px 11px -6px #0f5132; */
    color: #fff;
    font-size: 13px;
    padding: 7px 6px !important;
    /* opacity: 1; */
    right: 32px;
    /*margin-right: -34px;*/
}


.product-new-demo-3 .down {
    display: flex;
    align-items: center;
    /* padding: 0 50px; */
    height: 100px;
    justify-content: space-between;
    margin: unset;
    padding-left: 50px;
    padding-right: 20px;
}

/*price*/
.product-new-demo-3 .down .price, .product-new-demo-3 .down .price {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #082b1b;
    position: relative;
    flex-direction: column;
    font-weight: bold;
}
.product-new-demo-3 .down .price ins span.woocommerce-Price-currencySymbol,
.product-new-demo-3 .down .price ins span.woocommerce-Price-currencySymbol {
    position: unset;
    margin-right: 5px;
}
.product-new-demo-3 .down .price ins,
.product-new-demo-3 .down .price ins {
    display: inline-block;
}
.product-new-demo-3 .down .price > span > bdi > .woocommerce-Price-currencySymbol {
    bottom: -13px;
    left: -35px;
    color: #4e3b18;
    /*background: var(--color_ff4100);*/
    padding: 13px 4px;
    border-radius: 10px;
    margin-right: 10px;
    font-weight: bold;
    transform: rotate(-90deg);
    font-family: rokh;
}
.product-new-demo-3 .down .price del .woocommerce-Price-currencySymbol {
    display: none;
}
.product-new-demo-3 .down .price ins span.woocommerce-Price-currencySymbol {
    display: inline-block;
    rotate: unset;
    color: rgba(255,255,255,.75);
    padding: 13px 0px;
    border-radius: 10px;
    position: absolute;
    bottom: 4px;
    line-height: 1;
    transform: rotate(-90deg);
    /* left: -24px; */
    font-weight: bold;
    font-family: rokh;
}
.product-new-demo-3 .down .price ins {
    color: #082b1b;
    text-decoration: none;
}
.down .not_stock {
    display: inline-flex;
    padding: 0px 5px;
    align-items: center;
    color: red;
}
.product-new-demo-3 .down .contact-us-price {
    text-align: center;
    /*padding: 13px;*/
    justify-content: center;
    margin: auto;
    color: #c5a059;
    /*font-weight: 700;*/
    font-size: 15px;
    font-family: yekanbakh;
    font-weight: bold;
}
.product-new-demo-3 .down .not-stock {
    margin: auto;
    color: #c00;
    font-weight: 700;
    font-size: 15px;
    font-family: yekanbakh;
}
.product-new-demo-3 .down .price > span.woocommerce-Price-amount.amount > bdi > .woocommerce-Price-currencySymbol {
    /* left: 31px; */
}
.product-new-demo-3 .down .price > span > bdi > .woocommerce-Price-currencySymbol {
    bottom: -13px;
    left: -43px;
    color: rgba(255,255,255,.75);
    padding: 13px 0px;
    border-radius: 10px;
    margin-right: 10px;
    position: absolute;
    line-height: 1;
    transform: rotate(-90deg);
    font-weight: bold;
    font-family: rokh;
    /* left: -24px; */
}
.product-new-demo-3 .down .price span[aria-hidden="true"] {
    line-height: .9;
}

/*price*/


.rtl.home.blog.wp-theme-shopAras.theme-shopAras.woocommerce-js.woo-variation-swatches.wvs-behavior-blur-no-cross.wvs-theme-shoparas.wvs-show-label.wvs-tooltip.elementor-default.elementor-kit-175 {
    background-color: #f3eee6;
}



/*product demo 3*/

.product-demo-3 {
    position: relative;
}
.product-demo-3 .product-bg-demo-3::before {
    position: absolute;
    content: "";
    right: 0px;
    top: 0;
    width: 450px;
    z-index: -1;
    height: 100%;
    background-image: url("image/cofe/250.2.webp");
    /* background-image: url("image/cofe/221.png"); */
    background-size: cover;
    background-attachment: fixed;
    background-repeat: repeat;
    /* filter: blur(1px) brightness(80%) grayscale(50%); */
}

.product-demo-3 .product-item-demo3 {
    padding: 0px 10px;
    border-radius: 50px;
    float: right;
    width: 96%;
    box-sizing: border-box;
    margin-bottom: 73px;
    border-left: 3px solid #0f5132;
    position: relative;

    background: linear-gradient(
            180deg,
            rgba(212, 175, 55, 0.55),
            rgba(78, 52, 32, 0.72)

    );

    backdrop-filter: blur(12px);
    overflow: hidden;
    transition: .4s ease;
}

.product-demo-3 h3 a {
    color: #fff8ef;
    font-size: 14px;
    font-weight: bold;
}

.product-demo-3 .product-item-demo3::before{
    content: '';
    position: absolute;
    top: -7%;
    left: -7%;
    width: 180px;
    height: 180px;
    background: radial-gradient(
            circle,
            rgba(212,175,55,.22),
            transparent 70%
    );

    pointer-events: none;
}

.product-demo-3 .product-item-demo3:hover{
    border-left: 0;
    border-right: 3px solid #0f5132;
}

.product-demo-3 .product-item-demo3 .color-dis {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 40px;
    padding: 15px;
}
.product-demo-3 .product-item-demo3 .color-dis .color ul li {
    float: right;
}
.product-demo-3 .product-item-demo3 .color-dis .color ul li span {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-left: 5px;
    float: right;
    position: relative;
    background: #fff;
    border: 2px solid #fff;
    box-shadow: 0px 2px 4px #cacaca85;
}
.product-demo-3 .product-item-demo3 .color-dis .color ul li span.mt-color {
    margin-right: -12px;
    transition: all 0.3s ease-out;
}
.product-demo-3 .product-item-demo3:hover .color-dis .color ul li span.mt-color {
    margin-right:unset;
    transition: all 0.3s ease-out;
}
.product-demo-3 .product-item-demo3 .color-dis .color {
    position: absolute;
    left: 20px;
}
.product-demo-3 .product-item-demo3 .color-dis .color ul li span:hover > b {
    visibility: visible;
    opacity: 1;
    bottom: 17px;
}
.product-demo-3 .product-item-demo3 .color-dis .color ul li span b {
    background: #303030;
    color: #fff;
    font-size: 13px;
    font-weight: 100;
    border-radius: 4px;
    padding: 2px 4px;
    position: absolute;
    bottom: 0px;
    right: -10px;
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease-in-out;
}
.product-demo-3 .product-item-demo3 .color-dis .discount {
    color: #fff;
    /* text-align: center; */
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 17%;
    height: 15%;
    background: #0f5132;
    /* content: ""; */
    margin-right: 15px;
    top: -7px;
    border-radius: 0px 0px 90px 90px;
    /* padding: 2px; */
}
.product-item-demo3 figure
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.product-item-demo3 figure a img
{
    width: 180px;
    height: 180px;
    object-fit: contain;
    object-position: center;
    transition: all .3s ease-in-out;
}

.product-item-demo3:hover figure a img{
    transform: scale(1.08);
}
.product-item-demo3::after {
    content: '';
    position: absolute;
    inset: 0;
    background: rgba(114, 62, 41, 0.22);
    opacity: 0;
    transition: .4s;
    border-radius: 50px;
    z-index: -1;
}
.product-item-demo3:hover::after{
    opacity: 1;
}

.product-item-demo3 h3{
    text-align: center;
    margin-top: 22px;
    height: 50px;
}
.product-item-demo3 h3 a {
    /*color: #082b1b;*/
    color: #fff8ef;
    font-size: 14px;
    font-weight: bold;
}
.product-item-demo3 .down .addtocart_button a {
    font-size: 18px;
    display: flex;
    background: #0f5132 !important;
    color: #fff;
    /* background: #0cc7a11f !important; */
    /* box-shadow: 3px 1px 4px 0px rgba(241, 69, 89, 0.26); */
    /*box-shadow: -8px 0px 11px -6px #082b1b !important;*/
    padding: 9px;
    border-radius: 50px !important;
    position: unset;
    align-items: center;
    opacity: 1;
}
.product-item-demo3 .down .addtocart_button a.added {
    display: none;
}
.product-item-demo3 .down .addtocart_button a.added_to_cart {
    display: inline-block;
    background: #0f5132 !important;
    /* box-shadow: -8px 0px 11px -6px #0f5132; */
    color: #fff;
    font-size: 13px;
    padding: 7px 6px !important;
    /* opacity: 1; */
    right: 32px;
    /*margin-right: -34px;*/
}

.product-item-demo3 .down {
    display: flex;
    align-items: center;
    /* padding: 0 50px; */
    height: 100px;
    justify-content: space-between;
    margin: unset;
    padding-left: 50px;
    padding-right: 20px;
}

/*price*/
.product-demo-3 .down .price, .product-demo-3 .down .price {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #082b1b;
    position: relative;
    flex-direction: column;
    font-weight: bold;
}
.product-demo-3 .down .price ins span.woocommerce-Price-currencySymbol,
.product-demo-3 .down .price ins span.woocommerce-Price-currencySymbol {
    position: unset;
    margin-right: 5px;
}
.product-demo-3 .down .price ins,
.product-demo-3 .down .price ins {
    display: inline-block;
}
.product-demo-3 .down .price > span > bdi > .woocommerce-Price-currencySymbol {
    bottom: -13px;
    left: -35px;
    color: #4e3b18;
    /*background: var(--color_ff4100);*/
    padding: 13px 4px;
    border-radius: 10px;
    margin-right: 10px;
    font-weight: bold;
    transform: rotate(-90deg);
    font-family: rokh;
}
.product-demo-3 .down .price del .woocommerce-Price-currencySymbol {
    display: none;
}
.product-demo-3 .down .price ins span.woocommerce-Price-currencySymbol {
    display: inline-block;
    rotate: unset;
    color: rgba(255,255,255,.75);
    padding: 13px 0px;
    border-radius: 10px;
    position: absolute;
    bottom: 4px;
    line-height: 1;
    transform: rotate(-90deg);
    /* left: -24px; */
    font-weight: bold;
    font-family: rokh;
}
.product-demo-3 .down .price ins {
    color: #082b1b;
    text-decoration: none;
}
.down .not_stock {
    display: inline-flex;
    padding: 0px 5px;
    align-items: center;
    color: red;
}
.product-demo-3 .down .contact-us-price {
    text-align: center;
    /*padding: 13px;*/
    justify-content: center;
    margin: auto;
    color: #c5a059;
    /*font-weight: 700;*/
    font-size: 15px;
    font-family: yekanbakh;
    font-weight: bold;
}
.product-demo-3 .down .not-stock {
    margin: auto;
    color: #c00;
    font-weight: 700;
    font-size: 15px;
    font-family: yekanbakh;
}
.product-demo-3 .down .price > span.woocommerce-Price-amount.amount > bdi > .woocommerce-Price-currencySymbol {
    /* left: 31px; */
}
.product-demo-3 .down .price > span > bdi > .woocommerce-Price-currencySymbol {
    bottom: -13px;
    left: -43px;
    color: rgba(255,255,255,.75);
    padding: 13px 0px;
    border-radius: 10px;
    margin-right: 10px;
    position: absolute;
    line-height: 1;
    transform: rotate(-90deg);
    font-weight: bold;
    font-family: rokh;
    /* left: -24px; */
}
.product-demo-3 .down .price span[aria-hidden="true"] {
    line-height: .9;
}
.hot-3{
    background: url("image/cofe/bnr207.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    width: 100%;
    padding: 100px 0;
    height:700px;
    margin-top:70px;
    position: relative;
    margin-bottom:70px;
}
/*price*/
/*product demo 3*/





/*product demo 4*/

.product-demo-3-4 {
    position: relative;
}
.product-demo-3-4 .product-background-demo-3-4::before {
    position: absolute;
    content: "";
    right: 0px;
    top: 0;
    width: 100%;
    z-index: -1;
    height: 100%;
    background-image: url("image/cofe/bg-coffeo-coffew.webp");
    background-size: cover;
    background-attachment: fixed;
    background-repeat: repeat;
     /*filter: blur(1px) brightness(80%) grayscale(50%); */
}

.product-demo-3-4 .product-item-demo3-4 {
    padding: 0px 10px;
    border-radius: 50px;
    float: right;
    width: 96%;
    box-sizing: border-box;
    margin-bottom: 73px;
    border-left: 3px solid #0f5132;
    position: relative;

    background: linear-gradient(
            180deg,
            rgba(212, 175, 55, 0.55),
            rgba(78, 52, 32, 0.72)

    );

    backdrop-filter: blur(12px);
    overflow: hidden;
    transition: .4s ease;
}

.product-demo-3-4 h3 a {
    color: #fff8ef;
    font-size: 14px;
    font-weight: bold;
}

.product-demo-3-4 .product-item-demo3-4::before{
    content: '';
    position: absolute;
    top: -7%;
    left: -7%;
    width: 180px;
    height: 180px;
    background: radial-gradient(
            circle,
            rgba(212,175,55,.22),
            transparent 70%
    );

    pointer-events: none;
}

.product-demo-3-4 .product-item-demo3-4:hover{
    border-left: 0;
    border-right: 3px solid #0f5132;
}

.product-demo-3-4 .product-item-demo3-4 .color-dis {
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 40px;
    padding: 15px;
}
.product-demo-3-4 .product-item-demo3-4 .color-dis .color ul li {
    float: right;
}
.product-demo-3-4 .product-item-demo3-4 .color-dis .color ul li span {
    width: 15px;
    height: 15px;
    border-radius: 50%;
    margin-left: 5px;
    float: right;
    position: relative;
    background: #fff;
    border: 2px solid #fff;
    box-shadow: 0px 2px 4px #cacaca85;
}
.product-demo-3-4 .product-item-demo3-4 .color-dis .color ul li span.mt-color {
    margin-right: -12px;
    transition: all 0.3s ease-out;
}
.product-demo-3-4 .product-item-demo3-4:hover .color-dis .color ul li span.mt-color {
    margin-right:unset;
    transition: all 0.3s ease-out;
}
.product-demo-3-4 .product-item-demo3-4 .color-dis .color {
    position: absolute;
    left: 20px;
}
.product-demo-3-4 .product-item-demo3-4 .color-dis .color ul li span:hover > b {
    visibility: visible;
    opacity: 1;
    bottom: 17px;
}
.product-demo-3-4 .product-item-demo3-4 .color-dis .color ul li span b {
    background: #303030;
    color: #fff;
    font-size: 13px;
    font-weight: 100;
    border-radius: 4px;
    padding: 2px 4px;
    position: absolute;
    bottom: 0px;
    right: -10px;
    visibility: hidden;
    opacity: 0;
    transition: all .2s ease-in-out;
}
.product-demo-3-4 .product-item-demo3-4 .color-dis .discount {
    color: #fff;
    /* text-align: center; */
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 17%;
    height: 15%;
    background: #0f5132;
    /* content: ""; */
    margin-right: 15px;
    top: -7px;
    border-radius: 0px 0px 90px 90px;
    /* padding: 2px; */
}
.product-demo-3-4 figure
{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    position: relative;
}

.product-demo-3-4 figure a img
{
    width: 180px;
    height: 180px;
    object-fit: contain;
    object-position: center;
    transition: all .3s ease-in-out;
}

.product-demo-3-4:hover figure a img{
    transform: scale(1.08);
}

.product-demo-3-4:hover::after{
    opacity: 1;
}

.product-demo-3-4 h3{
    text-align: center;
    margin-top: 22px;
    height: 50px;
}
.product-demo-3-4 h3 a {
    /*color: #082b1b;*/
    color: #fff8ef;
    font-size: 14px;
    font-weight: bold;
}
.product-demo-3-4 .down .addtocart_button a {
    font-size: 18px;
    display: flex;
    background: #0f5132 !important;
    color: #fff;
    /* background: #0cc7a11f !important; */
    /* box-shadow: 3px 1px 4px 0px rgba(241, 69, 89, 0.26); */
    /*box-shadow: -8px 0px 11px -6px #082b1b !important;*/
    padding: 9px;
    border-radius: 50px !important;
    position: unset;
    align-items: center;
    opacity: 1;
}
.product-demo-3-4 .down .addtocart_button a.added {
    display: none;
}
.product-demo-3-4 .down .addtocart_button a.added_to_cart {
    display: inline-block;
    background: #0f5132 !important;
    /* box-shadow: -8px 0px 11px -6px #0f5132; */
    color: #fff;
    font-size: 13px;
    padding: 7px 6px !important;
    /* opacity: 1; */
    right: 32px;
    /*margin-right: -34px;*/
}

.product-demo-3-4 .down {
    display: flex;
    align-items: center;
    /* padding: 0 50px; */
    height: 100px;
    justify-content: space-between;
    margin: unset;
    padding-left: 50px;
    padding-right: 20px;
}

/*price*/
.product-demo-3-4 .down .price, .product-demo-3 .down .price {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #082b1b;
    position: relative;
    flex-direction: column;
    font-weight: bold;
}
.product-demo-3-4 .down .price ins span.woocommerce-Price-currencySymbol,
.product-demo-3-4 .down .price ins span.woocommerce-Price-currencySymbol {
    position: unset;
    margin-right: 5px;
}
.product-demo-3-4 .down .price ins,
.product-demo-3-4 .down .price ins {
    display: inline-block;
}
.product-demo-3-4 .down .price > span > bdi > .woocommerce-Price-currencySymbol {
    bottom: -13px;
    left: -35px;
    color: #4e3b18;
    /*background: var(--color_ff4100);*/
    padding: 13px 4px;
    border-radius: 10px;
    margin-right: 10px;
    font-weight: bold;
    transform: rotate(-90deg);
    font-family: rokh;
}
.product-demo-3-4 .down .price del .woocommerce-Price-currencySymbol {
    display: none;
}
.product-demo-3-4 .down .price ins span.woocommerce-Price-currencySymbol {
    display: inline-block;
    rotate: unset;
    color: rgba(255,255,255,.75);
    padding: 13px 0px;
    border-radius: 10px;
    position: absolute;
    bottom: 4px;
    line-height: 1;
    transform: rotate(-90deg);
    /* left: -24px; */
    font-weight: bold;
    font-family: rokh;
}
.product-demo-3-4 .down .price ins {
    color: #082b1b;
    text-decoration: none;
}
.down .not_stock {
    display: inline-flex;
    padding: 0px 5px;
    align-items: center;
    color: red;
}
.product-demo-3-4 .down .contact-us-price {
    text-align: center;
    /*padding: 13px;*/
    justify-content: center;
    margin: auto;
    color: #c5a059;
    /*font-weight: 700;*/
    font-size: 15px;
    font-family: yekanbakh;
    font-weight: bold;
}
.product-demo-3-4 .down .not-stock {
    margin: auto;
    color: #c00;
    font-weight: 700;
    font-size: 15px;
    font-family: yekanbakh;
}
.product-demo-3-4 .down .price > span.woocommerce-Price-amount.amount > bdi > .woocommerce-Price-currencySymbol {
    /* left: 31px; */
}
.product-demo-3-4 .down .price > span > bdi > .woocommerce-Price-currencySymbol {
    bottom: -13px;
    left: -43px;
    color: rgba(255,255,255,.75);
    padding: 13px 0px;
    border-radius: 10px;
    margin-right: 10px;
    position: absolute;
    line-height: 1;
    transform: rotate(-90deg);
    font-weight: bold;
    font-family: rokh;
    /* left: -24px; */
}
.product-demo-3-4 .down .price span[aria-hidden="true"] {
    line-height: .9;
}
.hot-3{
    background: url("image/cofe/gb-hot3.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    width: 100%;
    padding: 100px 0;
    height:700px;
    margin-top:70px;
    position: relative;
    margin-bottom:70px;
}


.hot-4{
    background: url("image/cofe/bg-hot4.webp");
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    width: 100%;
    padding: 100px 0;
    height:700px;
    margin-top:70px;
    position: relative;
    margin-bottom:70px;
}
/*price*/



/*sec category demo3*/
.sec-category-demo3{
    margin-top: 40px;
    background-size: 9%;
    background-repeat: no-repeat;

}
.product-sec-item-3 {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 20px;
}
.sec-category-demo3 .item-cat-3 {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: space-evenly;
    margin: 10px;
    transition: .3s ease-in-out;
    position: relative;
    width: 16%;
    padding: 0px 5px 5px 5px;
}

.sec-category-demo3 .item-cat-3 .bg-cat-3 {
    inset: 30% 0% 3% 0%;
    border-radius: 20px 60px 20px 20px;
    background: linear-gradient( 180deg, rgba(78, 52, 32, 0.72) , rgba(212, 175, 55, 0.55));
    position: absolute;
    border-left: 3px solid #0f5132;
}
.sec-category-demo3 .item-cat-3:hover .bg-cat-3{
    border-right: 3px solid #0f5132;
    border-left: 0;
}
.sec-category-demo3 .item-cat-3:hover img {
    transform: scale(.95) perspective(10px);
}
.sec-category-demo3 .item-cat-3 .image {
    max-width: 50%;
    transition: 0.4s;
    z-index: 2;
    padding: 0px 8px 0px 10px;
}
.sec-category-demo3 .item-cat-3 .image a {
    text-align: center;
    display: flex;
    width: 100%;
    justify-content: center;
}
.sec-category-demo3 .item-cat-3 .image img {
    transition: transform 0.5s;
    border-radius: 10px;
    width: 100%;
}

.sec-category-demo3 .item-cat-3 .content {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    width: 100%;
    z-index: 2;
}
.sec-category-demo3 .item-cat-3 .content h2 {
    font-weight: 500;
    font-size: 14px;
    margin-top: 10px;
    transition: 0.4s;
    display: flex;
    justify-content: center;
    color: #ffffff;
    font-family: rokh;
}
.sec-category-demo3 .item-cat-3 .content h5 .title-category {
    color: #fff;
}

.sec-category-demo3 .item-cat-3 .content p, .sec-category-demo3 .item-cat-3 .content p a {
    display: flex;
    align-items: center;
    gap: 7px;
    font-size: 16px;
    color: #0f5132;
    font-family: yekanbakh;
    padding: 5px 0;
    font-weight: bold;
}
.sec-category-demo3 .item-cat-3 .content i {
    transition: 0.3s transform;
    transition-delay: 0.15s;
    color: #0f5132;
}
/*sec category*/

/**/

.card-demo-3 {
    position: relative;
    border-radius: 39px;
    overflow: hidden;
    height: 372px;
    margin: 0 10px;
}
.card-weblog-demo-3 .card-images-demo {
    border-radius: 8px;
    width: 100%;
    max-height: 200px;
    background-repeat: no-repeat;
    background-size: cover;
}
.card-weblog-demo-3 img {
    /* border-radius: 10px; */
    /* height: 200px !important; */
    /* transition: all .2s ease-in-out; */
    width: 100%;
    object-fit: cover;
    min-height: 472px;
}

.card-weblog-demo-3::before img{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
            180deg,
            rgba(78, 52, 32, 0.72),
            rgba(212, 175, 55, 0.55)
    );
    z-index: 1;
}
.card-weblog-demo-3 .card-images-demo-3-blog {
    border-radius: 8px;
    width: 100%;
    max-height: 200px;
    background-repeat: no-repeat;
    background-size: cover;
}
.card-weblog-demo-3 .card-body-demo-3 {
    margin-top: -40px;
    position: relative;
}

.card-weblog-demo-3 {
    flex: 1 1 auto;
}
.card-body-bg-demo-3 {
    background: #fff;
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    background: linear-gradient( 180deg, rgba(212, 175, 55, 0.55), rgba(78, 52, 32, 0.72) );
    height: 100%;
    transition: 0.3s;
    z-index: 2;
    color: #fff;
    /* flex-direction: column; */
}

.card-body-bg-demo-3 .texts {
    border-inline-start: 3px solid #0f5132;
    padding-inline-start: 8px;
    margin-inline-start: 12px;
    margin-bottom: 60px;
    transition: 0.3s;
    position: relative;
    z-index: 2;
    width: 100%;
}


/*.card-title-demo {*/
/*    font-size: 14px;*/
/*    color: #fff;*/
/*    font-weight: 450;*/
/*    margin-bottom: .5rem;*/
/*}*/
.card-title-demo h3 {
    color: #fff;
    font-size: 18px;
    line-height: 40px;
    font-weight: 800;
    font-family: Rokh;
    text-align: right;
}


.card-body-demo-3-blog .down {
    display: flex;
    justify-content: right;
    align-items: center;
    margin-top: 36px;
    position: absolute;
    top: 0;
    width: 100%;
}
.card-body-demo-3-blog .down span {
    color: #fff;
    font-size: 13px;
    font-weight: 300;
    top: 41px;
    border-inline-start: 3px solid #0f5132;
    padding-inline-start: 8px;
    margin-inline-start: 12px;
    text-align: right;
}
.card-body-demo-3-blog .down i {
    background: #0f5132;
    color: #fff;
    border-radius: 50px;
    margin-inline-start: 118px;
    width: 26px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.product-item.item-demo-2 .color-dis {
    margin-top: 13px;
}
/**/
/*demo 2*/



/*product demo 4*/