@font-face {
    font-family: Vazir;
    src: url('../fonts/vazir/Vazir-Regular-FD.eot');
    src: url('../fonts/vazir/Vazir-Regular-FD.eot?#iefix') format('embedded-opentype'), url('../fonts/vazir/Vazir-Regular-FD.woff2') format('woff2'), url('../fonts/vazir/Vazir-Regular-FD.woff') format('woff'), url('../fonts/vazir/Vazir-Regular-FD.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: Vazir;
    src: url('../fonts/vazir/Vazir-Bold-FD.eot');
    src: url('../fonts/vazir/Vazir-Bold-FD.eot?#iefix') format('embedded-opentype'), url('../fonts/vazir/Vazir-Bold-FD.woff2') format('woff2'), url('../fonts/vazir/Vazir-Bold-FD.woff') format('woff'), url('../fonts/vazir/Vazir-Bold-FD.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: Vazir;
    src: url('../fonts/vazir/Vazir-Black-FD.eot');
    src: url('../fonts/vazir/Vazir-Black-FD.eot?#iefix') format('embedded-opentype'), url('../fonts/vazir/Vazir-Black-FD.woff2') format('woff2'), url('../fonts/vazir/Vazir-Black-FD.woff') format('woff'), url('../fonts/vazir/Vazir-Black-FD.ttf') format('truetype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: Vazir;
    src: url('../fonts/vazir/Vazir-Medium-FD.eot');
    src: url('../fonts/vazir/Vazir-Medium-FD.eot?#iefix') format('embedded-opentype'), url('../fonts/vazir/Vazir-Medium-FD.woff2') format('woff2'), url('../fonts/vazir/Vazir-Medium-FD.woff') format('woff'), url('../fonts/vazir/Vazir-Medium-FD.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: Vazir;
    src: url('../fonts/vazir/Vazir-Light-FD.eot');
    src: url('../fonts/vazir/Vazir-Light-FD.eot?#iefix') format('embedded-opentype'), url('../fonts/vazir/Vazir-Light-FD.woff2') format('woff2'), url('../fonts/vazir/Vazir-Light-FD.woff') format('woff'), url('../fonts/vazir/Vazir-Light-FD.ttf') format('truetype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: Vazir;
    src: url('../fonts/vazir/Vazir-Thin-FD.eot');
    src: url('../fonts/vazir/Vazir-Thin-FD.eot?#iefix') format('embedded-opentype'), url('../fonts/vazir/Vazir-Thin-FD.woff2') format('woff2'), url('../fonts/vazir/Vazir-Thin-FD.woff') format('woff'), url('../fonts/vazir/Vazir-Thin-FD.ttf') format('truetype');
    font-weight: 100;
    font-style: normal;
}


body{
    background: #FDF9F5;;
}
body,
h1, h2, h3, h4, h5, h6{
    font-family: 'Vazir' !important;
}


.header-logo img{
    height: 65px;
}
.header-center {
    padding: 10px 0;}


    .mobile-header-wrapper {
    padding-top: 5px;
    padding-bottom: 5px;
}
.mobile-logo-img{
    height: 55px;

}
.mobile-menu{
    border: 0;
}
/* #FFFFFF17 */
.elay-bg{
        background-image: url("../images/banner_images/bg.jpg");
    
    background-repeat: no-repeat;
    background-size: cover;
}

.elay-content{
    position: relative !important;
    transform:none !important;
    top: auto;
    left: auto;
    padding: 100px 0;
}
.elay-content .elay-glass-container.container{
    background-color:#FFFFFF17 ;
    border: 1px solid rgba(255,255,255,0.35);
    border-radius: 30px;
padding: 50px;
direction: rtl;
text-align: right;
color: #FFFFFF;

    padding-top: 150px;
}
.elay-content .elay-glass-container.container >*{
color: #FFFFFF;
}
.hero-area-wrapper .hero-area-single.slick-active .h5, .hero-area-wrapper .hero-area-single.slick-active h5 {
    -webkit-animation: fadeInBottom 1s ease 0s 1 backwards !important;
    animation: fadeInBottom 1s ease 0s 1 backwards !important;
}
.hero-area-wrapper .hero-area-single.slick-active .h2, .hero-area-wrapper .hero-area-single.slick-active h2{
        -webkit-animation: fadeInBottom 1s ease 0s 1 backwards !important;
    animation: fadeInBottom 1s ease 0s 1 backwards !important;
}
.hero-area-wrapper .hero-area-single.slick-active p {
    -webkit-animation: fadeInBottom 1s ease .5s 1 backwards;
    animation: fadeInBottom 1s ease .5s 1 backwards;
}
.hero-area-wrapper .hero-area-single.slick-active .hero-button {
    -webkit-animation: fadeInBottom 1s ease .7s 1 backwards;
    animation: fadeInBottom 1s ease .7s 1 backwards;
}
@keyframes fadeInBottom {
  0% {
    opacity: 0;
    transform: translateY(30px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.hero-content .h2::after, .hero-content h2::after {
    left: auto;
    right: 0;
}
.main-menu nav>ul>.has-dropdown {
    margin-right: 0px;
    margin-left: 5px;
}

.sub-menu {
    right: 0;
    left: auto;
    text-align: right;
}
.mega-menu > *{
    text-align: right;
    direction: rtl;
}
.mega-menu-sub>li>a:hover, .sub-menu>li>a:hover {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
}
.mega-menu-sub>li>a::after, .sub-menu>li>a::after {
    left:auto;
    right:-20px;
}

.hero-button{
    background: #FFFFFF;
    color: #A57E60 !important;
    border-radius: 50px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,0);

}

.hero-button::after{
    background: #A57E60;
}
.hero-button:hover{
    color: #FFFFFF !important;
    border: 1px solid rgba(255,255,255,0.35);
}

.default-search-style-input-box {
    padding: 10px 20px 10px 90px;
}
.default-search-style-input-btn {
    border-radius:  5px 0 0 5px;
    left: 0;
    right: auto;
}
.border-left-none {
    border-left: transparent;
}

/* .offcanvas-rightside {
    left: 0;
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
} */
/* .offcanvas {
    z-index: 999999;
    position: fixed;
    top: 0;
    overflow: auto;
    height: 100vh;
    padding: 20px;
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s;
    -webkit-transform: translateX(0%);
    transform: translateX(0%);
    -webkit-box-shadow: none;
    box-shadow: none;
    background: #fff;
    width: 300px;
    overflow-x: hidden;
    visibility: visible;
} */
.offcanvas-cart-item-image-link {
    margin-right: 0;
    margin-left: 20px;
}
.offcanvas-cart-item-details,
.offcanvas-cart-total-price{
    font-family: 'Vazir' !important;
}
.sticky-header{
    top:200px;
    z-index: 1000000;
        background: transparent;
}

.hero-area.elay-bg .sticky-header:not(.sticky) .main-menu nav{
    text-align: right;
}
   
.hero-area.elay-bg .sticky-header:not(.sticky)  .main-menu nav>ul{
    display: inline-block;
}
    
.hero-area.elay-bg .sticky-header:not(.sticky)  .main-menu nav>ul{
background-color: white;
border-radius: 50px;
overflow: hidden;
padding: 5px;
}


.hero-area.elay-bg .sticky-header:not(.sticky)  .main-menu nav>ul>li>a{
    color: #666;
        border-radius: 40px;

}
.hero-area.elay-bg   .main-menu nav>ul>li>a.active {
    background: #593C2D;
}

.hero-area.elay-bg   .main-menu nav>ul>li>a:hover {
    background: #A57E60;
}
.hero-area.elay-bg .sticky-header:not(.sticky)  .main-menu nav>ul>li>a.active,
.hero-area.elay-bg .sticky-header:not(.sticky)  .main-menu nav>ul>li>a:hover{
    color: white;
}

.main-menu nav>ul>li>a {
    font-size: 14.5px;
    line-height: 16px;}

    .elay-glass-container *{
        color: white;
    }

    .sticky-header.sticky {
    background: #ffffff;}

    .sticky-header.sticky  .main-menu nav>ul>li>a:not(.active, :hover){
color: #666;
    }

  .elay-ads{
    background-color: #F7F1EA;
  }
  .elay-collection{
    background-color: #F7F1EA !important;
    padding-top: 10px;
    padding-bottom: 10px;
    border-radius: 40px;
  }

  .banner-text-tiny {
    display: block;
    font-size: 16px;
    color: #939292;
    font-weight: 300;
    text-align: justify;
}
.banner-text-large {
    font-size: 28px;
    /* font-family: 'Vazir' !important; */
    font-weight: 400;
    margin-top: 6px;
    margin-bottom: 30px;
}
.banner-desc{
    padding: 20px 20px 20px 10px;
}
.elay-collection .banner-content{
        position: absolute;
    left: 50%;
    top:auto;
    bottom: -55px;
    -webkit-transform: translateY(-0%);
    transform: translateY(-0%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.elay-collection .banner-img-link{
    border-radius: 20px;
    overflow: hidden;
}
.elay-collection .banner-single {
        padding-top: 25px;
}
.banner-wrapper>.container>.row>.col-12{
    margin-bottom: 10px;
}
.section-title::after {
    right: 0;
    left: auto;
}
.product-details-content-tab-btn>li, .product-tab-btn>li, .sort-tab-btn>li {
    margin-right: 0px;
    margin-left: 40px;
}

.product-details-content-tab-btn>li:last-child, .product-tab-btn>li:last-child, .sort-tab-btn>li:last-child {
    margin-left: 0;
}

.product-default-link{
    text-align: right;
}
.blog-feed-single{
    border-radius: 25px;
    padding: 15px;
    background-color: #F5EBDE;
}
.blog-feed-content{
    background: transparent !important;
}
.blog-feed-img{
    border-radius: 20px;
}
.elay-head ,
.elay-head *
{
    color: #593C2D;
    
}
.elay-video{
    width: 100%;
    border-radius: 40px;
}
.mb-2{
    margin-bottom: 2rem !important;
}
.choose-box {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    gap: 5px;
    padding: 20px;
    border-radius: 100px;
}

.choose-box1 {
    background-color: #EBDBC2 ;
}
.choose-box2 {
    background-color: #F5EBDE ;
}
.choose-box3 {
    background-color: #F7F1EA ;
}
.choose-container{
    display: flex;
    gap: 10px;
    justify-content: space-between;
}
.choose-box img{
    width: 120px;
    border-radius: 100%;
    margin-bottom: 20px;
}
.choose-box{
    color: #A57E60;
    font-size: 20px;
}

.product-default-img{
    border-radius: 16px;
}

.product-default-single.border-around.slick-slide{
    border-radius: 20px;
    padding-top: 24px;
}

.footer-top.section-inner-bg{
    background-color: #593C2D;
    color: white;
}
.footer-top.section-inner-bg *{
    color: white;
}
.footer-logo img{
width: 120px;
}
.footer-widget-title{
        font-weight: 300;
    font-size: 16px;
    line-height: 2rem;
    /* text-align: center; */
}

@media (min-width: 1200px) {
    .hero-content .h2, .hero-content h2 {
        font-size: 56px !important;
    }
}

@media (min-width: 992px) {
    .hero-content .h2, .hero-content h2 {
        font-size: 46px !important;
    }
}

@media (min-width: 768px) {
    .hero-content .h2, .hero-content h2 {
        font-size: 40px;
    }
}

@media (min-width: 576px) {
    .hero-content .h2, .hero-content h2 {
        font-size: 35px;
    }
}

.offcanvas-menu-expand::after {
    right: auto;
    left: 0;
}
.mobile-action-icon-item {
    margin-left: 40px;
    margin-right: 0;
}
.mobile-action-icon-item:last-child {
    margin-left: 0;
}
.header-action-icon>li{
     margin-left: 40px;
    margin-right: 0;
}
.header-action-icon>li:last-child {
   margin-left: 0;
}

.elay-categories h2::after{
display: none !important;
}
@media (min-width: 768px) {
    .product-list-img-link {
        width: 25%;
    }
}
@media (min-width: 1200px) {
    .product-list-img-link {
        width: 20%;
    }
}
 .product-list-img-link{
    
        margin-right: 0!important;
        margin-bottom: 0!important;
        margin-left: 30px;
 }
 
 
/* .breadcrumb-nav li::after {
    position: absolute;
    content: "/";
    left: calc(100% + 15px)
} */

.breadcrumb-nav li:first-child {
    margin-right: 0;
}
.breadcrumb-nav li:last-child {
    margin-right: 30px;
}

.breadcrumb-nav li:last-child::after {
    display: inline
}

.breadcrumb-nav li:first-child::after {
    display: none
}
.nice-select{
    text-align: right !important;
        padding-right: 18px;
    padding-left: 30px;
}

.nice-select:after {   
    left: 12px;
    right: auto;
}

.nice-select .option {
    padding-right: 18px;
    padding-left: 29px;
    text-align: right !important;
}

.product-variable-color label .product-color-silver{
background-color: #939292;
}

.product-variable-color label .product-color-gold{
background-color: #eec81f;
}
.faq-accordian label,
.faq-accordian .item-content p{
    text-align: right   !important;
}
    .breadcrumb-wrapper {
        margin-bottom: 0px !important;
    }

    .contact-details-icon
 {
    margin-right: 0;
    margin-left: 20px;
}
.contact-details-wrapper{
    background-color: #F7F1EA;
    border-radius: 20px;
    margin-top:20px;
    margin-bottom:20px;
}
.contact-form{
    background-color: #A57E60;
    border-radius: 20px;
}
.default-form-box label{
    color: #FFFFFF;
}
.default-form-box input[type=date], .default-form-box input[type=email], .default-form-box input[type=number], .default-form-box input[type=password], .default-form-box input[type=text], .default-form-box textarea

 {
     background-color: #F7F1EA !important;
     
}
.contact-submit-btn {
    background-color: #593C2D;
    width: 100%;
    border-radius: 50px;
}
.contact-submit-btn:hover {
     border: 1px solid white !important;
    background: transparent !important;
}
.breadcrumb-wrapper {
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 20px !important;
    background: #f7f3f0;}


     .checkout_btn {
   text-align: left;
}
    .checkout_btn button {
    background: #593C2D;
    font-size: 15px;
    padding: 3px 30px;
    line-height: 30px;
    font-weight: 500;
    display: inline-block;
    text-transform: capitalize;
    margin:10px;
    
    color: #fff !important
}

.checkout_btn button:hover {
    background: #333
}
.cart_subtotal{
    width: 90%;
    margin: 20px auto;
    margin-bottom: 0;
}
.table-responsive table thead {
    background: #A57E60;

}

.table_page table thead tr th {
    color: #fff !important
}
.table-responsive table tbody tr td {
    border-left: 1px solid #eee;
    border-right: 0;

}

.table_desc table tbody tr td:last-child, .table_page table thead tr:last-child th {
    border-left: 0;
}
.dashboard_tab_button ul li a.active, .dashboard_tab_button ul li a:hover{
    color: #FFFFFF;
}
.profile-item-icon {
    margin-left: 20px;
    margin-right: 0;
}
.profile-wrapper{
    margin-top:60px
}
.customer_login label{
    color: #333 !important;
}
.register input[type="radio"]{
    width: auto !important;
}

/*----------------new------------------*/
.mobile-sub-menu>li>a,
.mega-menu-sub>li>a{
    display: flex;
    gap: 10px;
    align-items: center;
    justify-content: flex-start;
}
.mobile-sub-menu>li>a img,
.mega-menu-sub>li>a img{
    width: 70px;
    height: 70px;
    border-radius: 50%;
    object-fit: cover;
    border: 1px solid #f3f3d3;
}
.mega-menu-sub>li{
    padding-top: 5px;
    padding-bottom: 5px;
}

.product-action-icon-link li{
    visibility: visible !important;
    opacity: 0.8;
        -webkit-transform: scale(.86);
    transform: scale(.86);
}
.elay-sticky-display{
    float: left !important;
    display: none !important;
}
.header-bottom.sticky-header.sticky .elay-sticky-display{
    display: block !important;
}
 .elay-multi-icon .contact-details-icon{
    width: 30px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 5px;
}
 .elay-multi-icon .contact-details-icon i{
    font-size: 18px;
 }

.elay-multi-icon .contact-details-content a{
    margin-bottom: 5px;

}
.contact-details-wrapper.elay-multi-icon{
    padding-top: 33px !important;
    padding-bottom: 33px !important;
}
.mega-menu{
transform: none !important; 
    -webkit-transform:none !important
}

.elay-subcategory-add-cart{
    cursor: pointer;
}

.elay-subcategory-add-cart:hover{
    color: #A57E60;
}

/*----------------new-------------------*/
.elay-quantity-right-btn{
        left: auto !important;
    right: 0 !important;
    border-radius: 0 4px 4px 0 !important;
}
.elay-quantity-left-btn{
    border-radius:  4px 0 0 4px  !important;
}

.elay-quantity-style-input-box {
    padding: 8px 80px 8px 40px;
}
.elay-quantity-box{
    margin:8px 5px 0
}

.main-menu nav>ul>li .mega-menu, .main-menu nav>ul>li .sub-menu{
    height: 2px !important;
    
    height: 0px !important;
    padding: 0 !important;
}
.main-menu nav>ul>li:hover .mega-menu, .main-menu nav>ul>li:hover .sub-menu{
    height: auto !important;
        padding: 25px 30px 30px 30px !important;
}

.hidden {
  display: none;
}

/* static/css/product.css */
.radio-size {
    position: relative;
    cursor: pointer;
    user-select: none;
}

.radio-size input {
    display: none;
}

.radio-size span {
    display: flex; /* Flex container */
    justify-content: center; /* وسط افقی */
    align-items: center;    /* وسط عمودی */
    width: 48px;   
    height: 38px;
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 10px;
    font-weight: 500;
    transition: all 0.2s ease-in-out;
    background: #fff;
    text-align: center; /* مطمئن شدن از وسط بودن متن اگر چند خط بود */
}

.radio-size span:hover {
    border-color: #999;
}

.radio-size input:checked + span {
    border: 2px solid #593C2D;
    background: #ecd9d110;
    color: #593C2D;
    font-weight: bold;
}


/* رادیو و چک‌باکس */
.account_form.edit-profile input[type="radio"],
.account_form.edit-profile input[type="checkbox"] {
    width: auto;       /* پهنای طبیعی */
    display: inline-block;
    margin-right: 5px; /* فاصله کمی با لیبل */
    vertical-align: middle;
}

/* لیبل کنار رادیو/چک‌باکس */
.account_form.edit-profile label.radio-label {
    display: inline-block;
    margin-bottom: 0;  /* حذف فاصله اضافی */
    margin-right: 10px; /* فاصله بین گزینه‌ها */
    font-weight: normal; /* اختیاری */
}