/* Custom Reset / Basic Styles */
*,
*::before,
*::after {
    box-sizing: border-box;
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    font-size: 14px;
    scroll-behavior: auto !important;
}

body {
    margin: 0;
    padding: 0;
    font-family: IRANYekanXFaNum, Arial, sans-serif;
    direction: rtl;
    text-align: right;
    line-height: 1.6;
    color: var(--color-main-black);
    background-color: #FDFDFD;
    font-weight: 500;
    overflow-x: hidden;
    overflow-anchor: none;
}

p,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
blockquote,
figure,
hr {
    margin-top: 0;
    margin-bottom: 1rem;
}

ul,
ol {
    list-style: none;
    padding: 0;
    margin: 0;
}

img {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

a,
a:hover {
    text-decoration: none;
}

.img-fluid {
    max-width: 100%;
    height: auto;
    vertical-align: middle;
}

/* Tables */
table {
    border-collapse: collapse;
    width: 100%;
}

th,
td {
    padding: 0.75rem;
    vertical-align: top;
    border-top: 1px solid #dee2e6;
}

:root {
    /* Main & Secondary Black */
    --color-main-black: #222543;
    --color-second-black: #494960;

    /* Grays */
    --color-gray-01: #82849E;
    --color-gray-02: #ABAABC;
    --color-gray-03: #E1E1EA;
    --color-gray-04: #EEEEF3;
    --color-gray-05: #F5F5F7;
    --color-gray-06: #F8F8FA;

    /* Main Tints (Warm Tones / Orange/Brown) */
    --color-main-tint-1: #D6874F;
    --color-main-tint-2: #E8D7BB;
    --color-main-tint-3: #F8F2EA;
    --color-main-tint-4: #FBF7F2;

    /* Footer Colors */
    --color-footer-bg: #151627;
    --color-footer-second-bg: #1B1C2D;
    --color-footer-arrow-up-bg: #252637;
    --color-footer-text: #CFCBE2;

    /* BTN SHOP */
    --color-shop-btn: #39D267;

    /* Hover bg color */
    --color-main-tint-hover-bg: #BF703E;
    --color-main-black-hover-bg: #2C2F5A;
    --color-gray-hover-bg: #EEEEF3;
    --color-btn-shop-hover-bg: #29C257;

    /* Hover box */
    --hover-shadow-box-1: 0 8px 40px rgba(69, 85, 164, 0.06);
    --hover-shadow-box-2: 0 8px 40px rgba(69, 85, 164, 0.16);
    --hover-border-box-1: 1px solid var(--color-main-tint-1);
}

/* IRANYekanXFaNum */

@font-face {
    font-family: IRANYekanXFaNum;
    font-style: normal;
    font-weight: 100;
    src: url('../fonts/woff/IRANYekanXFaNum-Thin.woff') format('woff'),
        url('../fonts/woff2/IRANYekanXFaNum-Thin.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: IRANYekanXFaNum;
    font-style: normal;
    font-weight: 200;
    src: url('../fonts/woff/IRANYekanXFaNum-UltraLight.woff') format('woff'),
        url('../fonts/woff2/IRANYekanXFaNum-UltraLight.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: IRANYekanXFaNum;
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/woff/IRANYekanXFaNum-Light.woff') format('woff'),
        url('../fonts/woff2/IRANYekanXFaNum-Light.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: IRANYekanXFaNum;
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/woff/IRANYekanXFaNum-Medium.woff') format('woff'),
        url('../fonts/woff2/IRANYekanXFaNum-Medium.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: IRANYekanXFaNum;
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/woff/IRANYekanXFaNum-DemiBold.woff') format('woff'),
        url('../fonts/woff2/IRANYekanXFaNum-DemiBold.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: IRANYekanXFaNum;
    font-style: normal;
    font-weight: 800;
    src: url('../fonts/woff/IRANYekanXFaNum-ExtraBold.woff') format('woff'),
        url('../fonts/woff2/IRANYekanXFaNum-ExtraBold.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: IRANYekanXFaNum;
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/woff/IRANYekanXFaNum-Black.woff') format('woff'),
        url('../fonts/woff2/IRANYekanXFaNum-Black.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: IRANYekanXFaNum;
    font-style: normal;
    font-weight: 950;
    src: url('../fonts/woff/IRANYekanXFaNum-ExtraBlack.woff') format('woff'),
        url('../fonts/woff2/IRANYekanXFaNum-ExtraBlack.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: IRANYekanXFaNum;
    font-style: normal;
    font-weight: 1000;
    src: url('../fonts/woff/IRANYekanXFaNum-Heavy.woff') format('woff'),
        url('../fonts/woff2/IRANYekanXFaNum-Heavy.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: IRANYekanXFaNum;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/woff/IRANYekanXFaNum-Bold.woff') format('woff'),
        url('../fonts/woff2/IRANYekanXFaNum-Bold.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: IRANYekanXFaNum;
    font-style: normal;
    font-weight: normal;
    src: url('../fonts/woff/IRANYekanXFaNum-Regular.woff') format('woff'),
        url('../fonts/woff2/IRANYekanXFaNum-Regular.woff2') format('woff2');
    font-display: swap;
}

/* ROKH */
@font-face {
    font-family: Rokh;
    font-style: normal;
    font-weight: bold;
    src: url('../fonts/rokh/eot/Rokh-Bold.eot') format('eot'),
        url('../fonts/rokh/woff/Rokh-Bold.woff') format('woff'),
        url('../fonts/rokh/woff2/Rokh-Bold.woff2') format('woff2');
    font-display: swap;
}

@font-face {
    font-family: Rokh;
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/rokh/eot/Rokh-UltraBold.eot') format('eot'),
        url('../fonts/rokh/woff/Rokh-UltraBold.woff') format('woff'),
        url('../fonts/rokh/woff2/Rokh-UltraBold.woff2') format('woff2');
    font-display: swap;
}

/* Header Styles */
.site-header {
    padding: 18px 0;
}

.site-header .search-form-index {
    position: relative;
}

.site-header .search-form-index input {
    width: 100%;
    height: 44px;
    border: 0;
    background: var(--color-gray-05);
    color: var(--color-gray-01);
    font-size: 0.9rem;
    text-align: right;
    line-height: 1.6;
    font-weight: normal;
    font-family: IRANYekanXFaNum, Arial, sans-serif;
    border-radius: 16px;
    padding: 0 16px;
}

.site-header .search-form-index input:focus {
    outline: 0;
}

.site-header .search-form-index .search-btn {
    position: absolute;
    left: 16px;
    top: 10px;
    cursor: pointer;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: center;
    border: 0;
    padding: 0;
}

.site-header .search-form-index.active input {
    box-shadow: 0 8px 40px rgba(49, 85, 164, 0.16);
    background: #fff;
    border-radius: 16px 16px 0 0;
}

.site-header .search-form-index .search_result {
    position: absolute;
    width: 100%;
    min-height: 160px;
    right: 0;
    top: 44px;
    background: #ffffff;
    box-shadow: 0 37px 40px rgba(49, 85, 164, 0.16);
    border-radius: 0 0 14px 14px;
    z-index: 99;
    display: none;
}

.site-header .search-form-index.active .search_result {
    display: block;
    padding: 24px 16px 16px 16px;
}

.site-header .search-form-index.active .search_result .search-product-list {
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}

.site-header .search-form-index.active .search_result .search-product-list .product-item a {
    padding: 14px;
    background: var(--color-gray-06);
    border-radius: 16px;
    column-gap: 15px;
    transition: all ease 300ms;
}

.site-header .search-form-index.active .search_result .search-product-list .product-item a:hover {
    box-shadow: var(--hover-shadow-box-2);
}

.site-header .search-form-index.active .search_result .search-product-list .product-item a img {
    border-radius: 10px;
    width: 50px;
    height: 50px;
}

.site-header .search-form-index.active .search_result .search-product-list .product-item .product-details {
    display: flex;
    flex: 1;
    align-items: center;
    justify-content: space-between;
}

.site-header .search-form-index.active .search_result .search-product-list .product-item .product-title {
    font-size: 12px;
    color: var(--color-main-black);
    font-weight: 500;
}

.site-header .search-form-index.active .search_result .search-product-list .product-item a:hover .product-title {
    color: var(--color-main-tint-1);
}

.site-header .search-form-index.active .search_result .no-results {
    text-align: center;
    font-size: 12px;
    color: var(--color-gray-01);
    font-weight: 500;
}

.site-header .search-form-index .search_result::before {
    content: " ";
    width: calc(100% - 32px);
    height: 1px;
    right: 0;
    left: 0;
    margin: 0 auto;
    top: 0;
    background: var(--color-main-tint-1);
    position: absolute;
}

.site-header .search-form-index .search_result .popular_search {
    margin-bottom: 24px;
}

.site-header .search-form-index .search_result .popular_search a {
    font-size: 13px;
    font-weight: 500;
    color: var(--color-main-black);
}

.site-header .search-form-index .search_result .popular_search svg {
    margin-left: 8px;
}

.site-header .search-form-index .search_result .popular_category {
    column-gap: 8px;
}

.site-header .search-form-index .search_result .recent_searches_terms {
    border-bottom: 1px solid var(--color-gray-05);
    padding-bottom: 10px;
    margin-bottom: 10px;
    flex-direction: column;
    align-items: start !important;
    justify-content: start !important;
    row-gap: 15px;
}

.site-header .search-form-index .search_result .popular_category a,
.site-header .search-form-index .search_result .recent_searches_terms a {
    border: 1px solid var(--color-gray-04);
    border-radius: 24px;
    padding: 11px;
    margin-left: 1px;
    color: var(--color-second-black);
    font-size: 12px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.site-header .search-form-index .search_result .recent_searches_terms a {
    border: 0 !important;
    padding: 0 !important;
    column-gap: 10px;
}

.site-header .search-form-index .search_result .popular_category a:hover {
    background: var(--color-main-tint-hover-bg);
    color: #fff;
}

.site-header .search-form-index .search_result .recent_searches_terms a:hover {
    color: var(--color-main-tint-1);
}

.site-header .search-form-index .search_result .popular_category a:hover path {
    stroke: #fff;
}

.site-header .search-form-index .search_result.searching .popular_search,
.site-header .search-form-index .search_result.searching .popular_category {
    display: none !important;
}

.site-header .main_menu {
    border-top: 1px solid var(--color-gray-06);
    margin-top: 16px;
    padding-top: 16px;
}

.site-header .header_cta {
    display: flex;
    align-items: center;
    justify-content: end;
    height: 100%;
    column-gap: 12px;
    position: relative;
}

.site-header .header_cta .btn-account {
    background: var(--color-main-tint-1);
    color: #fff;
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px;
    font-weight: normal;
    height: 44px;
}

.site-header .header_cta .btn-account svg {
    margin-left: 8px;
}

.site-header .header_cta .btn-account.logged-in svg {
    margin-left: 0;
    margin-right: 8px;
    transition: all ease 300ms;
}

.site-header .header_cta .btn-account.logged-in.open svg {
    transform: rotate(180deg);
}

.site-header .header_cta .btn_item {
    width: 44px;
    height: 44px;
    background: var(--color-gray-05);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    transition: all ease 300ms;
}

.site-header .header_cta .btn_item:hover {
    background: var(--color-gray-hover-bg);
}

.site-header .header_cta .btn_item .cart_count {
    position: absolute;
    top: 5px;
    right: 5px;
    width: 14px;
    height: 14px;
    border-radius: 5px;
    background: var(--color-main-tint-1);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    text-align: center;
    padding-left: 1px;
    line-height: 1;
    font-weight: 600;
}

.site-header .header_cta .btn_item .user-wishlist-count {
    position: absolute;
    top: 5px;
    right: 5px;
    background: red;
    border-radius: 5px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    text-align: center;
    padding-left: 1px;
    line-height: 1;
    width: 14px;
    height: 14px;
    font-weight: 600;
}

.site-header .header_cta .mini_account_menu {
    position: absolute;
    left: 0;
    top: 57px;
    background: #fff;
    border-radius: 16px;
    width: 200px;
    padding: 16px;
    box-shadow: var(--hover-shadow-box-2);
    z-index: 99;
    display: none;
}

.site-header .header_cta .mini_account_menu .menu-item a {
    height: 40px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: start;
    column-gap: 8px;
    padding: 0 12px;
    color: var(--color-second-black);
    font-size: 11px;
    border-radius: 10px;
    transition: all ease 300ms;
}

.site-header .header_cta .mini_account_menu .menu-item a:hover {
    background: var(--color-main-tint-3);
    color: var(--color-main-tint-1);
}

.site-header .header_cta .mini_account_menu .menu-item a:hover path {
    stroke: var(--color-main-tint-1);
}

.site-header .main_menu .category_btn {
    font-size: 1rem;
    color: var(--color-main-black);
    font-weight: 400;
    border-left: 1px solid var(--color-gray-05);
    height: 34px;
    margin-left: 32px;
    cursor: pointer;
    padding-left: 32px;
    transition: all ease 300ms;
}

.site-header .main_menu .category_btn:hover {
    color: var(--color-main-tint-1)
}

.site-header .main_menu .category_btn>svg {
    margin-right: 8px;
}

.site-header .main_menu .category_btn:hover>svg path {
    fill: var(--color-main-tint-1);
}

.site-header .main_menu .category_btn.open>svg {
    transform: rotate(0);
}

.site-header .main_menu .header_menu #menu-header {
    column-gap: 32px;
}

#menu-header li a {
    font-weight: 400;
    font-size: 0.9rem;
    color: var(--color-main-black);
    height: 38px;
    padding: 0 12px;
    transition: all ease 300ms;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
}

#menu-header li.current-menu-item a,
#menu-header li a:hover {
    color: var(--color-main-tint-1);
    background: var(--color-main-tint-3);
}

/* Subcategories Styles */
.site-header .main_menu .category_btn {
    position: relative;
}

.site-header .main_menu .category_dropdown_menu {
    position: absolute;
    right: 0;
    min-width: 690px;
    background-color: #fff;
    z-index: 1000;
    display: none;
    border-radius: 16px;
    top: calc(100% + 32px);
    overflow: hidden;
    cursor: auto;
    max-width: 1224px;
}

.site-header .main_menu .category_dropdown_menu .category_dropdown_right {
    padding: 37px 0 37px 16px;
    background: var(--color-gray-06);
    width: 230px;
}

.main_menu .category_dropdown_menu .category_dropdown_right .category_dropdown_parent {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.category_dropdown_right .category_dropdown_parent .category_dropdown_parent_link {
    padding: 15px 36px;
    position: relative;
    border-radius: 12px 0 0 12px;
    transition: all ease 300ms;
    font-size: 13px;
    color: var(--color-main-black);
    display: block;
    font-weight: 400;
}

.category_dropdown_right .category_dropdown_parent .category_dropdown_parent_link.active,
.category_dropdown_right .category_dropdown_parent .category_dropdown_parent_link:hover {
    background: #fff;
    color: var(--color-main-tint-1);
}

.category_dropdown_right .category_dropdown_parent .category_dropdown_parent_link.active::before,
.category_dropdown_right .category_dropdown_parent .category_dropdown_parent_link:hover::before {
    content: " ";
    width: 4px;
    height: 100%;
    background: var(--color-main-tint-1);
    right: 0;
    top: 0;
    position: absolute;
}

.site-header .main_menu .category_dropdown_menu .category_dropdown_left {
    padding: 24px 40px;
    flex: 1;
}

.category_dropdown_left .category_dropdown_left_title {
    color: var(--color-main-black);
    font-size: 13px;
    font-weight: 600;
    padding-bottom: 16px;
    margin-bottom: 20px;
    border-bottom: 1px solid var(--color-gray-04);
    width: 100%;
    position: relative;
}

.category_dropdown_left .category_dropdown_left_title::after {
    content: " ";
    height: 3px;
    width: 16px;
    border-radius: 4px;
    background: var(--color-main-tint-1);
    position: absolute;
    right: 0;
    bottom: -2px;
}

.category_dropdown_left .category_dropdown_left_title svg {
    margin-left: 8px;
}

.category_dropdown_left .subcategory_column {
    display: grid;
    grid-template-rows: repeat(5, auto);
    grid-auto-flow: column;
    max-height: 170px;
    min-height: 170px;
    column-gap: 96px;
    row-gap: 18px;
}

.category_dropdown_left .subcategory_column li a {
    font-weight: normal;
    font-size: 12px;
    color: var(--color-second-black);
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    transition: all ease 300ms;
}

.category_dropdown_left .subcategory_column li a:hover {
    color: var(--color-main-tint-1);
}

/* Home Main Styles */
/* Hero Section */
.site-main .index-section .index_section_title h2 {
    column-gap: 8px;
    font-size: 20px;
    font-family: Rokh;
    font-weight: bold;
    color: var(--color-main-black);
    margin: 0;
}

.site-main .index-section .index_section_title .index_section_title_more {
    column-gap: 8px;
    font-size: 14px;
    font-weight: 500;
    color: var(--color-main-black);
    position: relative;
}

.site-main .index-section .index_section_title .index_section_title_more svg {
    position: relative;
    z-index: 2;
}

.site-main .index-section .index_section_title .index_section_title_more::before {
    content: " ";
    width: 16px;
    height: 16px;
    border-radius: 50%;
    background: var(--color-main-tint-2);
    left: -5px;
    top: 3px;
    position: absolute;
    display: block;
}

.site-main .hero-section {
    margin-bottom: 96px;
    position: relative;
}

.site-main .hero-section.show_categories::before,
main.show_categories::before {
    content: " ";
    position: absolute;
    width: 100%;
    height: var(--before-height);
    top: 0;
    right: 0;
    background: #222543;
    opacity: 0.4;
    z-index: 99;
    transition: all ease 200ms;
}

main.show_categories::before {
    height: var(--before-height);
    ;
    top: 182px;
}

.site-main .hero-section .hero_right_section {
    padding-top: 115px;
    padding-bottom: 51px;
}

.about_site .hero-section .hero_right_section {
    padding-top: 95px;
}

.site-main .hero-section .hero_right_section .main_title {
    font-size: 44px;
    font-family: Rokh;
    font-weight: 900;
    color: var(--color-main-black);
    margin-bottom: 29px;
    line-height: 1;
}

.design-main .hero-section .hero_right_section .main_title {
    font-size: 40px;
    margin-bottom: 20px;
}

.site-main .hero-section .hero_right_section .main_title span {
    color: var(--color-main-tint-1);
}

.site-main .hero-section .hero_right_section .main_description {
    font-size: 13px;
    color: var(--color-second-black);
    margin-bottom: 29px;
    font-weight: 400;
    line-height: 1.9;
}

.about_site .hero-section .hero_right_section .main_description {
    font-weight: normal;
    line-height: 28px;
    text-align: justify;
    font-size: 12px;
    margin-bottom: 28px;
}

.design-main .hero-section .hero_right_section .main_description {
    margin-bottom: 20px;
}

.site-main .hero-section .hero_right_section .design_cta {
    column-gap: 14px;
}

.site-main .hero-section .hero_right_section .main_btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background: var(--color-main-black);
    color: #ffffff;
    border-radius: 16px;
    font-size: 1rem;
    font-weight: 400;
    padding: 15px 24px;
    transition: all ease 300ms;
}

.site-main .hero-section .hero_right_section .main_btn svg {
    margin-right: 8px;
}

.site-main .hero-section .hero_right_section .main_btn:hover {
    background: var(--color-main-black-hover-bg);
}

.site-main .hero-section .hero_right_section .secound_btn {
    background: var(--color-main-tint-1);
}

.site-main .hero-section .hero_right_section .secound_btn:hover {
    background: var(--color-main-tint-hover-bg);
}

.site-main .hero-section .hero_left_section {
    background-image: url(../images/hero-bg.png);
    background-repeat: no-repeat;
    padding-left: 118px;
    padding-top: 74px;
    text-align: left;
    background-position: 0 -20px;
}

.design-main .hero-section .hero_left_section {
    background: none;
    padding-left: 0;
    padding-top: 114px;
}

.about_site .hero-section .hero_left_section {
    background: none;
    padding-left: 0;
}

.site-main .hero-section .hero_left_section .hero_left_image {
    position: relative;
}

.site-main .hero-section .hero_left_section .hero_left_image .hero_left_text {
    position: absolute;
    display: flex;
    flex-direction: column;
    background: var(--color-gray-05);
    border-radius: 24px;
    height: 88px;
    padding: 17px 35px;
    top: 95px;
    right: 81px;
}

.hero-section .hero_left_section .hero_left_image .hero_left_text .number {
    font-size: 34px;
    color: var(--color-main-tint-1);
    font-weight: 900;
    font-family: Rokh;
    line-height: 1;
}

.hero-section .hero_left_section .hero_left_image .hero_left_text .text {
    font-size: 1rem;
    color: var(--color-main-black);
    font-weight: 400;
}

.hero-section .sub_hero_box {
    height: 104px;
    background-image: url(../images/hero-sub-image.png);
    background-repeat: no-repeat;
    background-size: 100% 104px;
    margin: 0 auto;
    border-radius: 32px;
    margin-top: -83px;
    padding: 14px 16px;
    position: relative;
}

.hero-section .sub_hero_box .customer_review {
    border-radius: 24px;
    background: var(--color-main-tint-3);
    height: 76px;
    padding: 0 40px 0 44px;
    width: 412px;
}

.hero-section .sub_hero_box .customer_review .customers li {
    border-radius: 50%;
    background: #fff;
    position: relative;
    margin-right: -20px;
    width: 49px;
    height: 49px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all ease 300ms;
}

.hero-section .sub_hero_box .customer_review .customers li:first-child {
    z-index: 4;
    margin-right: 0;
}

.hero-section .sub_hero_box .customer_review .customers li:nth-child(2) {
    z-index: 3;
}

.hero-section .sub_hero_box .customer_review .customers li:nth-child(3) {
    z-index: 2;
}

.hero-section .sub_hero_box .customer_review .customers li:nth-child(4) {
    z-index: 1;
}

.hero-section .sub_hero_box .customer_review .customer_more_btn {
    font-size: 14px;
    font-weight: 400;
    color: var(--color-main-black);
    display: flex;
    align-items: center;
}

.hero-section .sub_hero_box .customer_review .customer_more_btn svg {
    margin-right: 5px;
    transition: all ease 300ms;
}

.hero-section .sub_hero_box .customer_review .customer_more_btn:hover svg {
    transform: translateX(-5px);
}

.hero-section .sub_hero_box .scroll_btn {
    position: absolute;
    right: 0;
    left: 0;
    bottom: -11px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 36px;
    height: 36px;
    margin: 0 auto;
    animation: bounce 1.5s infinite;
}

.hero-section .sub_hero_box .scroll_btn:hover {
    animation-play-state: paused;
}

/* Categories Section */
.site-main .categories-section {
    margin-bottom: 78px;
}

.categories-section .slider_container {
    position: relative;
}

.categories-section .slider_container .swiper {
    overflow: visible;
}

.categories-section .slider_container .swiper .swiper-slide,
.categories-section .slider_container .swiper .swiper-slide-prev {
    opacity: 0;
    visibility: hidden;
    transition: all ease 300ms;
}

.categories-section .slider_container .swiper .swiper-slide-active,
.categories-section .slider_container .swiper .swiper-slide-next,
.categories-section .slider_container .swiper .swiper-slide-next+div,
.categories-section .slider_container .swiper .swiper-slide-next+div+div,
.categories-section .slider_container .swiper .swiper-slide-next+div+div+div,
.categories-section .slider_container .swiper .swiper-slide-next+div+div+div+div,
.categories-section .slider_container .swiper .swiper-slide-next+div+div+div+div+div {
    visibility: visible;
    opacity: 1;
}

.categories-section .slider_container .categories_slider {
    max-width: 936px;
    padding: 10px 0;
}

.site-main .categories-section .categories-title {
    font-family: Rokh;
    font-size: 18px;
    font-weight: bold;
    color: var(--color-main-black);
    margin-bottom: 22px;
    text-align: center;
}

.categories-section .category-card {
    padding: 12px;
    border-radius: 24px;
    border: 1px solid var(--color-gray-04);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    row-gap: 14px;
    background: #ffffff;
    transition: all ease 300ms;
    position: relative;
}

.categories-section .category-card .category-card-cta {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.categories-section .category-card:hover {
    box-shadow: var(--hover-shadow-box-1);
}

.categories-section .category-card .img-fluid {
    border-radius: 18px;
}

.categories-section .category-card .category-card-title {
    margin-bottom: 0;
}

.categories-section .category-card .category-card-title .category-card-title-link {
    font-size: 14px;
    font-weight: 400;
    color: var(--color-main-black);
    white-space: nowrap;
}

.categories-section .categories-swiper-pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px;
    column-gap: 4px;
}

.categories-section .categories-swiper-pagination .swiper-pagination-bullet {
    width: 7px;
    height: 6px;
    border-radius: 24px;
    background: var(--color-gray-02);
    transition: all ease 300ms;
    margin: 0;
}

.categories-section .categories-swiper-pagination .swiper-pagination-bullet-active {
    background: var(--color-main-black);
    width: 22px;
}

.categories-section .categories-swiper-navigation {
    position: absolute;
    top: 40%;
    width: 96%;
    right: 0;
    display: flex;
    align-items: center;
    z-index: 99;
    justify-content: space-between;
    left: 0;
    margin: auto;
    height: 0;
}

.categories-section .categories-swiper-navigation .cat-nav {
    width: 40px;
    height: 40px;
    border-radius: 14px;
    background: var(--color-gray-05);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all ease 300ms;
}

.categories-section .categories-swiper-navigation .cat-nav:hover {
    background: var(--color-main-black);
}

.categories-section .categories-swiper-navigation .cat-nav:hover svg path {
    stroke: #ffffff;
}

.categories-section .categories-swiper-navigation .swiper-button-disabled {
    opacity: 0.4;
    pointer-events: none;
}

/* Specials Products Styles */
.specials-section .specials_products {
    background: var(--color-main-tint-3);
    border-radius: 40px;
    height: 380px;
    margin-bottom: 81px;
}

.specials-section .specials_products .specials_product_right {
    width: 280px;
    height: 100%;
    background: url('../images/specials_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 0 40px 40px 0;
    padding-top: 103px;
    display: flex;
    flex-direction: column;
    align-items: center;
    row-gap: 15px;
    line-height: 1;
    position: relative;
    z-index: 5;
}

.specials_products .specials_product_right .specials_title {
    font-family: Rokh;
    font-size: 34px;
    font-weight: 900;
    color: #fff;
    margin: 0;
}

.specials_products .specials_product_right .specials_text {
    font-family: Rokh;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 4px;
}

.specials_products .specials_product_right .specials_slider_navigations {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 9px;
    margin-bottom: 8px;
}

.specials_product_right .specials_slider_navigations .nav_specials {
    width: 40px;
    height: 40px;
    border-radius: 14px;
    border: 1px solid #fff;
    background: #E6B795;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all ease 300ms;
}

.specials_product_right .specials_more {
    background: #fff;
    color: var(--color-main-tint-1);
    width: 120px;
    height: 36px;
    border-radius: 12px;
    text-align: center;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 12px;
    font-weight: 400;
    transition: all ease 300ms;
}

.specials_product_right .specials_slider_navigations .nav_specials:hover,
.specials_product_right .specials_more:hover {
    background: var(--color-main-tint-hover-bg);
}

.specials_product_right .specials_more:hover {
    color: #fff;
}

.specials-section .specials_products .specials_product_left {
    width: calc(100% - 280px);
    padding: 0 36px;
    height: 100%;
    overflow: hidden;
}

.specials-section .specials_products .specials_product_left .swiper {
    overflow: visible;
}

.specials-section .specials_products .specials_product_left .swiper-slide,
.specials-section .specials_products .specials_product_left .swiper-slide.swiper-slide-prev {
    padding: 33px 10px;
    opacity: 0;
    visibility: hidden;
    transition: all ease 300ms;
}

.specials-section .specials_products .specials_product_left .swiper-slide.swiper-slide-active,
.specials-section .specials_products .specials_product_left .swiper-slide.swiper-slide-next,
.specials-section .specials_products .specials_product_left .swiper-slide-next+div {
    opacity: 1;
    visibility: visible;
}

/* Newest Products Styles */
.newest-section,
.best-section,
.popular-section {
    margin-bottom: 51px;
}

.newest-section .newest_slider,
.best-section .best_slider,
.popular-section .popular_slider {
    position: relative;
}

.newest-section .newest_slider .newest_swiper_navigations,
.best-section .best_slider .best_swiper_navigations,
.popular-section .popular_slider .popular_swiper_navigations,
.design-main .review-section .review_design_swiper_navigation,
.about_site .review-section .review_design_swiper_navigation {
    position: absolute;
    right: 0;
    left: 0;
    height: 1px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    top: 40%;
    z-index: 3;
}

.newest-section .newest_slider .newest_swiper_navigations .newest_nav,
.best-section .best_slider .best_swiper_navigations .best_nav,
.popular-section .popular_slider .popular_swiper_navigations .popular_nav,
.design-main .review-section .review_design_swiper_navigation div,
.about_site .review-section .review_design_swiper_navigation div {
    width: 40px;
    height: 40px;
    border-radius: 14px;
    background: var(--color-gray-04);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all ease 300ms;
}

.newest-section .newest_slider .newest_swiper_navigations .newest-swiper-button-prev,
.best-section .best_slider .best_swiper_navigations .best-swiper-button-prev,
.popular-section .popular_slider .popular_swiper_navigations .popular-swiper-button-prev {
    transform: translateX(12px);
}

.design-main .review-section .review_design_swiper_navigation .review-design-swiper-button-prev,
.about_site .review-section .review_design_swiper_navigation .review-design-swiper-button-prev {
    transform: translateX(22px);
}

.newest-section .newest_slider .newest_swiper_navigations .newest-swiper-button-next,
.best-section .best_slider .best_swiper_navigations .best-swiper-button-next,
.popular-section .popular_slider .popular_swiper_navigations .popular-swiper-button-next {
    transform: translateX(-12px);
}

.design-main .review-section .review_design_swiper_navigation .review-design-swiper-button-next,
.about_site .review-section .review_design_swiper_navigation .review-design-swiper-button-next {
    transform: translateX(-22px);
}

.newest-section .newest_slider .newest_swiper_navigations .newest_nav:hover,
.best-section .best_slider .best_swiper_navigations .best_nav:hover,
.popular-section .popular_slider .popular_swiper_navigations .popular_nav:hover,
.design-main .review-section .review_design_swiper_navigation div:hover,
.about_site .review-section .review_design_swiper_navigation div:hover {
    background-color: var(--color-main-black-hover-bg);
}

.newest-section .newest_slider .newest_swiper_navigations .newest_nav:hover svg path,
.best-section .best_slider .best_swiper_navigations .best_nav:hover svg path,
.popular-section .popular_slider .popular_swiper_navigations .popular_nav:hover svg path,
.design-main .review-section .review_design_swiper_navigation div:hover svg path,
.about_site .review-section .review_design_swiper_navigation div:hover svg path {
    stroke: #ffffff;
}

.newest-section .swiper,
.best-section .swiper,
.popular-section .swiper {
    overflow: visible;
}

.newest-section .swiper .swiper-slide,
.newest-section .swiper .swiper-slide.swiper-slide-prev,
.best-section .swiper .swiper-slide,
.best-section .swiper .swiper-slide.swiper-slide-prev,
.popular-section .swiper .swiper-slide,
.popular-section .swiper .swiper-slide.swiper-slide-prev {
    opacity: 0;
    visibility: hidden;
    transition: all ease 300ms;
}

.newest-section .swiper .swiper-slide.swiper-slide-active,
.best-section .swiper .swiper-slide-active,
.popular-section .swiper .swiper-slide-active,
.newest-section .swiper .swiper-slide.swiper-slide-next,
.best-section .swiper .swiper-slide-next,
.popular-section .swiper .swiper-slide-next,
.newest-section .swiper .swiper-slide-next+div,
.best-section .swiper .swiper-slide-next+div,
.popular-section .swiper .swiper-slide-next+div,
.newest-section .swiper .swiper-slide-next+div+div,
.best-section .swiper .swiper-slide-next+div+div,
.popular-section .swiper .swiper-slide-next+div+div {
    opacity: 1;
    visibility: visible;
}

.newest-section .swiper-wrapper,
.best-section .swiper-wrapper,
.popular-section .swiper-wrapper {
    padding: 17px 0 50px 0;
}

.newest-section .product_card,
.best-section .product_card,
.popular-section .product_card,
.related_slider .product_card {
    box-shadow: 0 8px 40px rgba(69, 85, 164, 0.04);
    max-width: 264px;
    height: 340px;
}

.newest-section .product_card .product_card_image .img-fluid,
.best-section .product_card .img-fluid,
.popular-section .product_card .img-fluid,
.related_slider .product_card .img-fluid {
    height: 170px;
}

.best-section .product_card .product_card_price .old-price,
.popular-section .product_card .product_card_price .old-price,
.related_slider .product_card .product_card_price .old-price {
    margin-top: 21px;
}

.newest-section .swiper-slide,
.best-section .swiper-slide,
.popular-section .swiper-slide {
    padding: 10px;
}

/* Banner Section Styles */
.banner-section {
    margin-bottom: 94px;
    background-image: url('../images/banner_section_bgr.png'), url('../images/banner_section_bgl.png');
    background-position: right center, left center;
    background-repeat: no-repeat, no-repeat;
}

.banner-section .img-fluid {
    display: block;
    margin: 0 auto;
    border-radius: 32px;
}

.banner-section .banner_right,
.banner-section .banner_left {
    position: relative;
}

.banner-section .banner_right .banner_right_title,
.banner-section .banner_left .banner_left_title {
    position: absolute;
    font-family: Rokh;
    font-weight: bold;
    color: #fff;
    font-size: 28px;
    right: 73px;
    top: 61px;
}

.banner-section .banner_left .banner_left_title {
    right: 78px;
}

.banner-section .banner_right .banner_right_btn,
.banner-section .banner_left .banner_left_btn {
    position: absolute;
    right: 73px;
    top: 118px;
    background: url('../images/banner_btn_bg.png');
    background-size: cover;
    background-repeat: no-repeat;
    height: 40px;
    width: 132px;
    text-align: center;
    column-gap: 6px;
    font-size: 13px;
    font-weight: 400;
    color: var(--color-main-black);
}

.banner-section .banner_left .banner_left_btn {
    right: 86px;
}

.banner-section .banner_right .banner_right_btn::before,
.banner-section .banner_left .banner_left_btn::before {
    content: " ";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    top: 16px;
    right: -9px;
    position: absolute;
    transition: all ease 300ms;
}

.banner-section .banner_left .banner_left_btn::before {
    right: -8px;
}

.banner-section .banner_right .banner_right_btn:hover svg rect,
.banner-section .banner_left .banner_left_btn:hover svg rect {
    fill: var(--color-main-tint-hover-bg);
}

.banner-section .banner_right .banner_right_btn:hover::before,
.banner-section .banner_left .banner_left_btn:hover::before {
    background: var(--color-main-tint-hover-bg);
}

/* Used Categories Styles */
.usedcats-section {
    margin-bottom: 160px;
    position: relative;
}

.usedcats-section .used_categories {
    height: 200px;
    background: url(../images/used-categories-bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    max-width: 1128px;
    margin: 0 auto;
    position: relative;
    z-index: 3;
    padding: 37px 83px;
    column-gap: 57px;
}

.usedcats-section .used_categories::before,
.usedcats-section .used_categories::after {
    content: " ";
    width: 22px;
    height: 22px;
    border-radius: 50%;
    background: var(--color-main-tint-1);
    top: 93px;
    right: 0;
    position: absolute;
}

.usedcats-section .used_categories::after {
    right: unset;
    left: 0;
}

.usedcats-section .bg_cover {
    position: absolute;
    height: 40px;
    width: 914px;
    background: var(--color-main-tint-2);
    bottom: -13px;
    z-index: 2;
    right: 0;
    left: 0;
    margin: auto;
    border-radius: 14px;
}

.used_categories .used_categories_right .used_categories_title {
    font-size: 24px;
    font-family: Rokh;
    font-weight: bold;
    color: #fff;
    max-width: 140px;
    margin-bottom: 16px;
    line-height: 32px;
}

.used_categories .used_categories_right .used_categories_title span {
    color: var(--color-main-tint-1);
}

.used_categories .used_categories_right .cats_swiper_navigations {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 8px;
}

.used_categories .used_categories_right .cats_swiper_navigations .cats_nav {
    width: 36px;
    height: 36px;
    border-radius: 14px;
    background: var(--color-main-tint-2);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all ease 300ms;
}

.used_categories .used_categories_right .cats_swiper_navigations .cats_nav:hover {
    background: var(--color-main-black-hover-bg);
}

.used_categories .used_categories_right .cats_swiper_navigations .cats_nav:hover svg path {
    stroke: #fff;
}

.used_categories .used_categories_left {
    width: 740px;
}

.used_categories .used_categories_left .used_category {
    position: relative;
}

.used_categories .used_categories_left .used_category p {
    position: absolute;
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    bottom: 13px;
    right: 0;
    left: 0;
    margin: 0 auto;
    width: 100%;
    text-align: center;
    opacity: 0;
    transition: all ease 300ms;
}

.used_categories .used_categories_left .used_category a {
    display: block;
    border-radius: 20px;
    overflow: hidden;
    position: relative;
}

.used_categories .used_categories_left .used_category a::before {
    content: " ";
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #fff;
    mix-blend-mode: color;
}

.used_categories .used_categories_left .used_category:hover p {
    opacity: 1;
}

.used_categories .used_categories_left .used_category:hover a::before {
    background: linear-gradient(to bottom,
            rgba(188, 138, 94, 0.01),
            rgba(188, 138, 94, 1) 50%);
}

/* About Section Styles */
.about-section {
    margin-bottom: 125px;
}

.about-section .container,
.design-main .review-section .container,
.about_site .review-section .container {
    max-width: 1080px;
}

.design-main .about-section .about_section_right {
    text-align: center;
    max-width: 404px;
}

.design-main .about-section .about_section_right .about_slider {
    position: relative;
}

.design-main .about-section .about_section_right .about_slider .about_swiper_navigation {
    position: absolute;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    top: 40%;
    z-index: 3;
}

.design-main .about-section .about_section_right .about_slider .about_swiper_navigation div {
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-gray-05);
    border-radius: 14px;
    cursor: pointer;
}

.design-main .about-section .about_section_right .about_slider .about_swiper_navigation div:hover {
    background: var(--color-main-black-hover-bg);
}

.design-main .about-section .about_section_right .about_slider .about_swiper_navigation div:hover svg path {
    stroke: #fff;
}

.about-section .about_section_right .about_title,
.design-main .about-section .about_section_left .about_title,
.about_site .hero-section .hero_right_section .main_title {
    font-size: 30px;
    font-family: Rokh;
    font-weight: 900;
    color: var(--color-main-black);
    margin-bottom: 28px;
}

.about-section .about_section_right .about_title span,
.design-main .about-section .about_section_left .about_title span,
.about_site .hero-section .hero_right_section .main_title span {
    color: var(--color-main-tint-1);
    position: relative;
    z-index: 2;
}

.about-section .about_section_right .about_title span::before,
.design-main .about-section .about_section_left .about_title span::before,
.about_site .hero-section .hero_right_section .main_title span::before {
    position: absolute;
    content: " ";
    width: 100%;
    bottom: 0;
    height: 19px;
    background: #F7F1E9;
    border-bottom: 1px solid var(--color-main-tint-1);
    z-index: -1;
}

.about-section .about_section_right .about_text,
.design-main .about-section .about_section_left .about_text {
    font-size: 12px;
    font-weight: 500;
    color: var(--color-second-black);
    text-align: justify;
    text-align-last: right;
    margin-bottom: 20px;
    line-height: 27px;
}

.about-section .about_section_right .about_items {
    column-gap: 12px;
}

.about-section .about_section_right .about_items .item {
    background: var(--color-gray-05);
    border-radius: 12px;
    padding: 13px 25px;
    column-gap: 12px;
}

.about-section .about_section_right .about_items .item .about_item_value {
    color: var(--color-main-tint-1);
    font-size: 28px;
    font-family: Rokh;
    font-weight: 900;
    line-height: 0;
    transform: translateY(4px);
}

.about-section .about_section_right .about_items .item .about_item_title {
    font-size: 13px;
    font-weight: 500;
    color: var(--color-main-black);
    line-height: 1.5;
}

.about-section .about_section_left {
    text-align: left;
}

.design-main .about_section_left {
    text-align: right;
}

.design-main .about-section .about_swiper_pagination,
.design-main .review-section .review_design_swiper_pagination,
.about_site .review-section .review_design_swiper_pagination {
    margin-top: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 4px;
}

.design-main .review-section .review_design_swiper_pagination,
.about_site .review-section .review_design_swiper_pagination {
    margin-top: 38px;
}

.design-main .about-section .about_swiper_pagination .swiper-pagination-bullet,
.design-main .review-section .review_design_swiper_pagination .swiper-pagination-bullet,
.about_site .review-section .review_design_swiper_pagination .swiper-pagination-bullet {
    margin: 0;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: var(--color-gray-03);
    transition: all ease 300ms;
    opacity: 1;
}

.design-main .about-section .about_swiper_pagination .swiper-pagination-bullet:hover,
.design-main .review-section .review_design_swiper_pagination .swiper-pagination-bullet:hover,
.about_site .review-section .review_design_swiper_pagination .swiper-pagination-bullet:hover {
    background: var(--color-main-black);
}

.design-main .about-section .about_swiper_pagination .swiper-pagination-bullet-active,
.design-main .review-section .review_design_swiper_pagination .swiper-pagination-bullet-active,
.about_site .review-section .review_design_swiper_pagination .swiper-pagination-bullet-active {
    width: 22px;
    background: var(--color-main-black);
    border-radius: 23px;
}

/* Popular Products Section Styles */
.popular-section {
    margin-bottom: 129px;
}

/* Customer Reviews Section Styles */
.review-section {
    margin-bottom: 108px;
}

.review-section .review_section_title {
    color: var(--color-main-black);
    font-family: Rokh;
    font-size: 30px;
    font-weight: 900;
    text-align: right;
    margin-bottom: 23px;
}

.review-section .review_section_title span {
    display: block;
    color: var(--color-main-tint-1);
    position: relative;
    max-width: fit-content;
}

.review-section .review_section_title span::before {
    position: absolute;
    content: " ";
    width: 100%;
    bottom: 0;
    height: 19px;
    background: #F7F1E9;
    border-bottom: 1px solid var(--color-main-tint-1);
    z-index: -1;
}

.review-section .review_section_text {
    font-size: 12px;
    font-weight: 500;
    color: var(--color-second-black);
    line-height: 27px;
    text-align: justify;
    text-align-last: right;
    margin-bottom: 30px;
}

.review-section .review_section_left {
    position: relative;
}

.review-section .review_section_left .swiper {
    overflow: visible;
}

.review-section .review_section_left .swiper .swiper-slide {
    opacity: 0;
    visibility: hidden;
    transition: all ease 300ms;
}

.review-section .review_section_left .swiper .swiper-slide-active,
.review-section .review_section_left .swiper .swiper-slide-next {
    opacity: 1;
    visibility: visible;
}

.review-section .review_section_left .review_section_left_bg {
    height: 114px;
    width: 100%;
    display: block;
    background: var(--color-main-tint-1);
    border-radius: 24px;
    position: absolute;
    right: 0;
    top: 0;
}

.review-section .review_section_left .review_slider {
    padding: 32px 72px;
    position: relative;
    margin-bottom: 4px;
}

.review-section .review_section_left .review_slider .review_swiper_navigations {
    position: absolute;
    bottom: 80px;
    right: 0;
    left: 0;
    width: calc(100% - 16px);
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    z-index: 99;
}

.review-section .review_section_left .review_slider .review_swiper_navigations .review_nav {
    width: 40px;
    height: 40px;
    border-radius: 14px;
    background: var(--color-gray-04);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all ease 300ms;
}

.review-section .review_section_left .review_slider .review_swiper_navigations .review_nav:hover {
    background: var(--color-main-black-hover-bg);
}

.review-section .review_section_left .review_slider .review_swiper_navigations .review_nav:hover svg path {
    stroke: #ffffff;
}

.review-section .review_section_left .review_swiper_pagination {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 4px;
}

.review-section .review_section_left .review_swiper_pagination .swiper-pagination-bullet {
    width: 7px;
    height: 6px;
    border-radius: 24px;
    background: var(--color-gray-02);
    transition: all ease 300ms;
    margin: 0;
}

.review-section .review_section_left .review_swiper_pagination .swiper-pagination-bullet-active {
    background: var(--color-main-black);
    width: 22px;
}

/* ‌Blog Section Styles*/
.blog-section .posts-grid-container {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(6, 1fr);
    grid-column-gap: 24px;
    grid-row-gap: 24px;
    margin-bottom: 112px;
    margin-top: 23px;
}

.blog-section .grid-item:nth-child(1) {
    grid-area: 1 / 1 / 4 / 2;
}

.blog-section .grid-item:nth-child(2) {
    grid-area: 4 / 1 / 7 / 2;
}

.blog-section .grid-item:nth-child(3) {
    grid-area: 1 / 2 / 7 / 3;
}

.blog-section .grid-item:nth-child(4) {
    grid-area: 1 / 3 / 3 / 4;
}

.blog-section .grid-item:nth-child(5) {
    grid-area: 3 / 3 / 5 / 4;
}

.blog-section .grid-item:nth-child(6) {
    grid-area: 5 / 3 / 7 / 4;
}

.blog-section .grid_box .post-card {
    background: #fff;
    border-radius: 32px;
    box-shadow: var(--hover-shadow-box-1);
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: start;
    column-gap: 16px;
    position: relative;
    transition: all ease 300ms;
}

.blog-section .grid_box .post-card img {
    border-radius: 24px;
    min-height: 80px;
    min-width: 80px;
}

.blog-section .grid_box .post-card .medium_box {
    min-width: 140px;
    min-height: 140px;
}

.blog-section .grid_box .post-card .small_box {
    min-width: 80px;
    min-height: 80px;
}

.blog-section .grid_box .post-card .blog-tag {
    display: flex;
    align-items: center;
    justify-content: start;
    column-gap: 3px;
    margin-bottom: 5px;
}

.blog-section .grid_box .post-card .blog-tag .cat_link {
    background: var(--color-main-tint-1);
    border-radius: 16px;
    color: #fff;
    line-height: 1;
    padding: 5px 12px;
    font-size: 12px;
    font-weight: normal;
}

.blog-section .grid_box .post-card h3 {
    font-size: 14px;
    color: var(--color-main-black);
    font-weight: normal;
    margin-bottom: 0;
}

.blog-section [data-index="3"] h3,
.blog-section [data-index="4"] h3,
.blog-section [data-index="5"] h3 {
    display: -webkit-box;
    line-clamp: 2;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}

.blog-section .grid_box .post-card .post-meta {
    color: var(--color-gray-01);
    font-size: 12px;
    font-weight: normal;
    margin-top: 5px;
}

.blog-section .big_box .post-card {
    position: relative;
    box-shadow: var(--hover-shadow-box-1);
    border-radius: 32px;
    overflow: hidden;
    transition: all ease 300ms;
}

.blog-section .big_box .post-card .post-thumbnail {
    position: relative;
}

/* .blog-section .big_box .post-card .post-thumbnail::before{
    position: absolute;
} */
.blog-section .big_box .post-card img {
    width: 100%;
    height: 400px;
    border-radius: 32px;
    object-fit: cover;
    filter: brightness(0.8);
}

.blog-section .big_box .post-card .post-content {
    position: absolute;
    width: calc(100% - 48px);
    margin: 0 auto;
    right: 0;
    left: 0;
    bottom: 40px;
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}

.blog-section .big_box .post-card .post-content .blog-tag {
    display: flex;
    align-items: center;
    justify-content: start;
    column-gap: 3px;
}

.blog-section .big_box .post-card .post-content .blog-tag .cat_link {
    background: #fff;
    border-radius: 16px;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: normal;
    color: var(--color-main-tint-1);
    width: fit-content;
    line-height: 1;
}

.blog-section .big_box .post-card .post-content h3 {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.7;
    /* max-width: 85%; */
    margin: 0;
}

.blog-section .big_box .post-card .post-content .post-meta {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
}

.blog-section .post-card:hover {
    box-shadow: var(--hover-shadow-box-2);
}

.blog-section .post-card .link_box {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

/* Attributes Section Styles */
.attributes-section {
    margin-bottom: 72px;
}

.attributes-section .main_attributes {
    background: var(--color-gray-06);
    border-radius: 24px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.attributes-section .main_attributes .attr {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    column-gap: 12px;
    position: relative;
    height: 80px;
}

.attributes-section .main_attributes .attr::before {
    content: " ";
    width: 1px;
    background: #E5E5F5;
    height: 60px;
    left: -77px;
    top: 10px;
    position: absolute;
}

.attributes-section .main_attributes .attr:last-child::before {
    display: none;
}

.attributes-section .main_attributes .attr .attr_info_title {
    font-size: 14px;
    color: var(--color-main-black);
    margin: 0;
    font-weight: 600;
}

.attributes-section .main_attributes .attr .attr_info_desc {
    color: var(--color-gray-02);
    font-size: 11px;
    font-weight: 500;
    margin: 0;
}

/* Footer Styles */
.site-footer {
    padding: 42px 0 56px 0;
    background: var(--color-footer-bg);
    background-image: url('../images/footer_bgr.png'), url('../images/footer_bgl.png');
    background-position: right top, left top;
    background-repeat: no-repeat, no-repeat;
    background-size: 8%, 8%;
}

.site-footer .top_footer {
    padding-bottom: 26px;
}

.site-footer .top_footer .top_footer_text {
    font-size: 12px;
    font-weight: 400;
    color: var(--color-footer-text);
    margin: 0;
}

.site-footer .top_footer_line {
    position: relative;
    text-align: center;
    margin-bottom: 59px;
}

.site-footer .top_footer_line .top_footer_btn {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    background: var(--color-footer-arrow-up-bg);
    right: 0;
    left: 0;
    top: -23px;
    margin: 0 auto;
    transition: all ease 300ms;
}

.site-footer .top_footer_line .top_footer_btn:hover {
    background: var(--color-main-black-hover-bg);
}

.site-footer .middle_about_footer {
    font-size: 12px;
    font-weight: 400;
    color: var(--color-footer-text);
    text-align: justify;
    text-align-last: right;
    line-height: 27px;
}

.site-footer .middle_nav_footer .footer_menu {
    margin-bottom: 61px;
}

.site-footer .middle_nav_footer #menu-footer {
    column-gap: 24px;
}

.site-footer .middle_nav_footer .footer_menu .menu-item a {
    color: #fff;
    font-size: 13px;
    font-weight: 400;
}

.site-footer .middle_nav_footer .footer_menu .menu-item a:hover {
    color: var(--color-main-tint-hover-bg);
}

.site-footer .footer_socials {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 10px;
}

.site-footer .footer_socials li a {
    width: 38px;
    height: 38px;
    background: var(--color-main-tint-1);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all ease 300ms;
}

.site-footer .footer_socials li a:hover {
    background: var(--color-main-tint-hover-bg);
}

.site-footer .contact_footer {
    display: flex;
    flex-direction: column;
    row-gap: 20px;
}

.site-footer .contact_footer .item {
    font-size: 12px;
}

.site-footer .contact_footer .item .item_name,
.contact_footer .item .item_value {
    color: var(--color-footer-text);
    column-gap: 12px;
    text-align: left;
}

.site-footer .contact_footer .item .item_value a {
    color: var(--color-footer-text);
}

.site-footer .contact_footer .item .item_value a:hover {
    color: var(--color-main-tint-1);
}

.site-footer .copyright_footer {
    padding: 16px 28px;
    background: var(--color-footer-second-bg);
    border-radius: 24px;
    margin-top: 70px;
}

.site-footer .copyright_footer .copyright_footer_text {
    font-size: 12px;
    color: var(--color-gray-01);
    font-weight: 400;
    margin: 0;
}

/* Auth Page Styles */
.auth-main {
    height: 100vh;
}

.auth-main .auth_right {
    width: 59%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.auth-main .auth_right .auth_form {
    width: 382px;
    border-radius: 40px;
    background: #fff;
    border: 1px solid var(--color-gray-04);
    padding: 45px 32px;
    position: relative;
}

.auth-main .auth_right .auth_form::before {
    content: " ";
    width: 180px;
    height: 180px;
    position: absolute;
    right: 0;
    left: 0;
    top: -90px;
    margin: 0 auto;
    background: url('../images/auth_bg_form.png');
    background-repeat: no-repeat;
    background-size: cover;
    z-index: -1;
}

.auth-main .auth_right .auth_form .auth_form_logo {
    display: block;
    text-align: center;
    margin-bottom: 39px;
}

.auth_right .auth_form .auth_form_title {
    margin-bottom: 30px;
}

.auth_right .auth_form .auth_form_title h1 {
    margin: 0;
    font-family: Rokh;
    font-size: 20px;
    font-weight: 900;
    color: var(--color-main-tint-1);
}

.auth_right .auth_form .auth_form_title p {
    font-size: 11px;
    font-weight: normal;
    color: var(--color-gray-01);
    margin-bottom: 0;
}

.auth_right .auth_form .auth_form_title .auth_form_left {
    border: 1px solid var(--color-gray-03);
    border-radius: 16px;
    height: 46px;
    width: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.auth_rozha_form .auth_input {
    padding: 16px;
    border: 1px solid var(--color-gray-03);
    border-radius: 16px;
    column-gap: 8px;
    margin-bottom: 8px;
}

.auth_rozha_form .auth_input .auth_rozha_form_right {
    width: calc(100% - 36px);
}

.auth_rozha_form .auth_input .auth_phone_number {
    font-family: IRANYekanXFaNum;
    border: 0;
    height: 100%;
    text-align: left;
    font-size: 14px;
    color: var(--color-gray-01);
    width: 100%;
    letter-spacing: 1px;
    font-weight: normal;
    direction: ltr;
    vertical-align: bottom;
}

.auth_rozha_form .auth_input .auth_phone_number:focus,
.auth_rozha_form .auth_input .auth_phone_number:hover,
.auth_rozha_form .auth_input .auth_phone_number:active {
    outline: 0;
}

input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
input:-webkit-autofill:active {
    background-color: transparent !important;
    -webkit-text-fill-color: var(--color-main-black) !important;
    -webkit-box-shadow: 0 0 0px 1000px white inset !important;
    box-shadow: 0 0 0px 1000px white inset !important;
}

.auth_rozha_form .auth_input .auth_phone_number:-internal-autofill-selected {
    background-color: #ffffff;
}

.auth_rozha_form .auth_input.is-invalid {
    border-color: #FF002A;
}

.auth_rozha_form .auth_input .auth_rozha_form_left {
    height: 20px;
    border-right: 1px solid var(--color-gray-04);
    padding-right: 15px;
}

.auth_rozha_form .auth_error,
.form_error_message {
    color: #FF002A;
    font-size: 10px;
    margin-bottom: 8px;
}

.auth_rozha_form .send_auth_form {
    height: 56px;
    border-radius: 16px;
    background: var(--color-main-black);
    border: 0;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    font-family: IRANYekanXFaNum;
    margin-bottom: 24px;
    cursor: pointer;
}

.auth-main .auth_left {
    width: 41%;
    height: 100%;
    background: url('../images/auth_bg.png');
    background-size: cover;
    background-repeat: no-repeat;
}

.auth_right .auth_form .auth_rules {
    text-align: center;
    font-size: 12px;
    font-weight: normal;
    color: var(--color-second-black);
    margin: 0;
}

.auth_right .auth_form .auth_rules a {
    color: var(--color-main-tint-1);
}

.auth_right .auth_step_two .otp_form .otp_inputs {
    margin-bottom: 39px;
    position: relative;
}

.auth_right .auth_step_two .otp_form .otp_inputs .otp_field {
    font-family: IRANYekanXFaNum;
    border: 1px solid var(--color-gray-03);
    height: 56px;
    text-align: center;
    font-size: 18px;
    color: var(--color-main-black);
    width: 56px;
    font-weight: normal;
    border-radius: 18px;
}

.auth_right .auth_step_two .otp_form .otp_inputs .otp_field::-webkit-inner-spin-button,
.auth_right .auth_step_two .otp_form .otp_inputs .otp_field::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.auth_right .auth_step_two .otp_form .otp_inputs .otp_field {
    -moz-appearance: textfield;
}

.auth_right .auth_step_two .otp_form .otp_inputs .otp_field {
    appearance: textfield;
}

.auth_right .auth_step_two .otp_form .otp_inputs .otp_field.is-invalid {
    border-color: #FF002A;
}

.auth_right .auth_step_two .otp_form .otp_inputs .otp_field:focus {
    outline: 0;
}

.auth_right .auth_step_two .otp_form .resend_code_timer {
    text-align: center;
    margin-bottom: 14px;
    color: var(--color-gray-01);
    font-size: 12px;
    font-weight: normal;
}

.auth_right .auth_step_two .otp_form .verify_auth_code {
    height: 56px;
    border-radius: 16px;
    background: var(--color-main-black);
    border: 0;
    text-align: center;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    font-family: IRANYekanXFaNum;
    margin-bottom: 8px;
    cursor: pointer;
}

.auth_right .auth_step_two .otp_form .auth_success {
    color: var(--color-main-black);
    font-size: 11px;
    margin-bottom: 0;
}

.auth_right .auth_step_two .otp_form .resend_otp_btn {
    color: var(--color-main-tint-1);
}

.auth_right .auth_step_two .otp_form .otp_inputs .auth_error {
    color: #FF002A;
    font-size: 10px;
    position: absolute;
    bottom: -26px;
    right: 0;
    margin: 0;
}

/* Review Card Styles */
.review_card {
    background: #fff;
    padding: 22px 28px;
    border-radius: 32px;
    box-shadow: 0 8px 60px 0 rgba(69, 85, 164, 0.08);
}

.review_card .review_card_header {
    margin-bottom: 19px;
}

.review_card .review_card_header .review_card_avatar {
    column-gap: 16px;
}

.review_card .review_card_header .review_card_avatar img {
    border-radius: 50%;
}

.review_card .review_card_header .review_card_avatar .review_card_username {
    font-size: 14px;
    font-weight: 400;
    color: var(--color-main-black);
}

.review_card .review_card_text {
    font-size: 11px;
    font-weight: 400;
    line-height: 25px;
    margin-bottom: 18px;
    text-align: justify;
    text-align-last: right;
}

.review_card .review_card_score {
    column-gap: 1px;
}

/* Product CARD Styles */
.product_card {
    background: #ffffff;
    border-radius: 28px;
    padding: 29px;
    max-width: 240px;
    height: 314px;
    transition: all ease 300ms;
    position: relative;
}

.product_card .product_wide_link {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
}

.product_card .product_card_image {
    position: relative;
}

.product_card .product_card_image .product_card_like {
    position: absolute;
    right: 8px;
    top: 8px;
    background: #fff;
    width: 28px;
    height: 28px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 11px;
    z-index: 2;
    cursor: pointer;
}

.product_card .product_card_image .product_card_like:hover svg path,
.product_card .product_card_image .product_card_like.added svg path {
    fill: #FF002B;
    stroke: #FF002B;
}

.product_card .product_card_image .product_card_like .wishlist_message {
    position: absolute;
    width: max-content;
    font-size: 11px;
    background: rgba(255, 255, 255, 0.9);
    padding: 3px 5px;
    right: 31px;
    top: 3px;
    border-radius: 15px;
    font-weight: 400;
    color: var(--color-main-tint-1);
}

.product_card .product_card_image .img-fluid {
    display: block;
    border-radius: 20px;
    width: 100%;
    height: 148px;
    margin: 0 auto;
    margin-bottom: 16px;
}

.product_card .product_card_title {
    font-size: 14px;
    font-weight: 400;
    color: var(--color-main-black);
    margin-bottom: 2px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.product_card .product_card_terms {
    display: flex;
    align-items: center;
    justify-content: start;
    column-gap: 2px;
    margin-bottom: 6px;
}

.product_card .product_card_terms a {
    font-size: 12px;
    color: var(--color-gray-02);
    font-weight: 400;
}

.product_card .product_card_price {
    display: flex;
    flex-direction: column;
    align-items: end;
    row-gap: 4px;
}

.product_card .product_card_price .discount-badge {
    width: fit-content;
    height: 20px;
    color: #fff;
    background: var(--color-main-tint-1);
    font-size: 12px;
    font-weight: 600;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    margin-left: 10px;
    line-height: 1;
    padding: 2px 7px 0 7px;
    direction: ltr;
}

.product_card .product_card_price .sale-price,
.product_card .product_card_price .regular-price {
    font-size: 16px;
    font-weight: 600;
    color: var(--color-main-black);
    margin: 0;
}

.product_card .product_card_price .old-price {
    font-size: 14px;
    font-weight: 400;
    color: var(--color-gray-02);
    margin: 0;
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    min-height: 22px;
}

.product_card .product_card_price .old-price del {
    text-decoration: none;
    position: relative;
}

.product_card .product_card_price .old-price del::after {
    content: '';
    position: absolute;
    left: 0;
    height: 1px;
    width: 100%;
    background: var(--color-gray-02);
    bottom: 11px;
}

.product_card .product_card_price .out-of-stock {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    color: var(--color-gray-02);
}

.product_card:hover {
    box-shadow: var(--hover-shadow-box-2);
}

/* Modal Styles */
.roza-modal-container,
.roza-modal-address,
.roza-modal-address-edit {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    justify-content: center;
    align-items: center;
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease, visibility 0.3s ease;
}

.roza-modal-container.is-visible,
.roza-modal-address.is-visible,
.roza-modal-address-edit.is-visible {
    display: flex;
    visibility: visible;
    opacity: 1;
}

.roza-modal-overlay,
.roza-modal-address-overlay,
.rozhaco-notification-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(34, 37, 67, 0.4);
    backdrop-filter: blur(0.8px);
    -webkit-backdrop-filter: blur(0.8px);
}

.roza-modal-content-wrapper,
.roza-modal-content-address-wrapper {
    position: relative;
    background-color: #fff;
    padding: 27px 32px;
    border-radius: 24px;
    max-width: 90%;
    width: 412px;
    z-index: 10000;
    box-shadow: 0 8px 40px 0 rgba(69, 85, 164, 0.1);
    transform: translateY(20px) scale(0.7);
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.product_edit_box {
    position: fixed;
    width: 408px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    box-shadow: 0 8px 40px 0 rgba(69, 85, 164, 0.1);
    transition: transform 0.3s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    padding: 27px 32px;
    border-radius: 24px;
    max-width: 90%;
    z-index: 10000;
    display: none;
}

.roza-modal-content-address-wrapper {
    width: 648px;
}

.roza-modal-container.is-visible .roza-modal-content-wrapper,
.roza-modal-address.is-visible .roza-modal-content-address-wrapper,
.roza-modal-address-edit.is-visible .roza-modal-content-address-wrapper {
    transform: translateY(0) scale(1);
}

.roza-modal-close,
.roza-modal-address-close,
.product_edit_box .close_edit_box {
    background: none;
    border: none;
    cursor: pointer;
}

.rozha-modal-header,
.rozha-modal-address-header,
.product_edit_box .product_edit_box_title {
    border-bottom: 1px solid var(--color-gray-04);
    padding-bottom: 16px;
    margin-bottom: 22px;
}

.rozha-modal-header .rozha-modal-title,
.rozha-modal-address-header .rozha-modal-address-title,
.product_edit_box .product_edit_box_title {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-main-black);
    margin-bottom: 0;
    position: relative;
}

.product_edit_box .product_edit_box_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.rozha-modal-header .rozha-modal-title::after,
.rozha-modal-address-header .rozha-modal-address-title::after,
.product_edit_box .product_edit_box_title::after {
    content: " ";
    width: 100%;
    position: absolute;
    right: 0;
    bottom: -20px;
    height: 3px;
    border-radius: 4px;
    background: var(--color-main-tint-1);
}

.product_edit_box .product_edit_box_title::after {
    width: 95px;
    bottom: -2px;
}

/* Form Styles */
.form_group {
    margin-bottom: 16px;
    display: flex;
    flex-direction: column;
    row-gap: 8px;
    line-height: 1;
}

.form_group label {
    font-size: 12px;
    color: var(--color-gray-02);
    font-weight: normal;
}

.form_group .nice-select {
    background: var(--color-gray-06);
    border: 0;
    font-size: 13px;
    font-weight: normal;
    color: var(--color-main-black);
    border-radius: 14px;
    height: 48px;
}

.form_group .nice-select .current {
    vertical-align: sub;
}

.form_group textarea,
.form_group .form_input {
    background: var(--color-gray-06);
    border-radius: 16px;
    color: var(--color-main-black);
    font-size: 13px;
    font-weight: normal;
    resize: none;
    border: 0;
    padding: 14px 16px;
    line-height: 1.5;
    font-family: IRANYekanXFaNum;
    border: 1px solid transparent;
}

.form_group textarea.is-invalid,
.form_group .form_input.is-invalid {
    border-color: red;
}

.form_group .form_input:read-only {
    opacity: 0.9;
    background: var(--color-gray-04);
}

.form_group textarea::-webkit-input-placeholder {
    color: var(--color-gray-02);
}

.form_group textarea:focus,
.form_group .form_input:focus {
    outline: 0;
    border-color: var(--color-main-tint-1);
}

.form_upload {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 16px;
    background: var(--color-gray-06);
    border-radius: 16px;
    margin-bottom: 24px;
}

.form_upload .form_upload_text {
    display: flex;
    align-items: center;
    column-gap: 8px;
    color: var(--color-gray-01);
    font-size: 12px;
    font-weight: normal;
}

.form_upload label {
    border-radius: 12px;
    border: 1px solid #126CE9;
    padding: 9px 12px;
    color: #126CE9;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    cursor: pointer;
    transition: all ease 300ms;
}

.form_upload .input_upload {
    display: none;
}

.form_upload label:hover {
    background: var(--color-main-black-hover-bg);
    border-color: var(--color-main-black-hover-bg);
    color: #fff;
}

.form_submit {
    background: var(--color-main-tint-1);
    border: 0;
    border-radius: 16px;
    padding: 18px 0;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    font-family: IRANYekanXFaNum;
    cursor: pointer;
    transition: all ease 300ms;
}

.form_submit:focus {
    outline: 0;
}

.form_submit:hover {
    background: var(--color-main-black-hover-bg);
}

.ticket_file {
    background: var(--color-gray-05);
    border-radius: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 27px 0;
    row-gap: 10px;
    position: relative;
}

.ticket_file_text {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 11px;
    font-size: 12px;
    font-weight: normal;
    color: var(--color-gray-01);
}

.ticket_file label {
    border: 1px solid #126CE9;
    text-align: center;
    color: #126CE9;
    border-radius: 12px;
    padding: 9px 13px;
    font-size: 12px;
    font-weight: normal;
    cursor: pointer;
    ;
}

.ticket_file label:hover {
    background: #126CE9;
    color: #fff;
}

.ticket_file #selected_file_names ul {
    font-size: 11px;
    line-height: 1.7;
    display: flex;
    flex-wrap: wrap;
    align-items: start;
    justify-content: center;
    padding: 0 30px;
    gap: 10px;
    font-weight: normal;
}

.ticket_file #selected_file_names ul li {
    flex: 1 1 31%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    background: var(--color-main-tint-2);
    border-radius: 10px;
    padding: 5px;
    color: var(--color-main-black);
    text-align: center;
}

.progress-bar {
    width: 86%;
    height: 6px;
    background-color: var(--color-gray-03);
    border-radius: 5px;
    overflow: hidden;
    margin: 0 auto;
    position: relative;
}

.progress-bar .progress-bar-fill {
    width: 88%;
    height: 100%;
    background-color: var(--color-main-tint-1);
    transition: width 0.2s ease;
    position: absolute;
    left: 0;
    border-radius: 20px;
}

.ticket_file #selected_file_name {
    display: block;
    font-size: 12px;
    color: var(--color-second-black);
    font-weight: normal;
    margin-top: 5px;
}

.alert-danger {
    color: #FF002A;
    background-color: #f8d7da;
    border-color: #f5c6cb;
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    column-gap: 7px;
    border-radius: 24px;
}

.alert-success {
    color: var(--color-main-black);
    background-color: var(--color-main-tint-3);
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    display: flex;
    align-items: center;
    column-gap: 7px;
    border-radius: 24px;
}

.checkbox_form label {
    color: var(--color-main-black);
    font-size: 12px;
    font-weight: normal;
    column-gap: 5px;
}

.checkbox_form input {
    width: 18px;
    height: 18px;
}

/* BreadCrumbs Styles */
.breadcrumb {
    column-gap: 7px;
    margin-bottom: 16px;
}

.breadcrumb .breadcrumb-item a,
.breadcrumb .breadcrumb-item.active {
    display: flex;
    align-items: center;
    column-gap: 5px;
    color: var(--color-gray-02);
    font-size: 12px;
    font-weight: normal;
}

.breadcrumb .breadcrumb-item.active {
    color: var(--color-second-black);
}

.breadcrumb .breadcrumb-item a:hover {
    color: var(--color-main-tint-1);
}

/* Cart Page Styles */
.cart_roadmap {
    margin-bottom: 36px;
    column-gap: 16px;
}

.cart_roadmap .cart_roadmap_item {
    display: flex;
    flex-direction: column;
    row-gap: 4px;
    color: var(--color-gray-02);
    font-size: 12px;
    font-weight: normal;
    align-items: center;
    justify-content: center;
    height: 80px;
    width: 70px;
    border-radius: 56px;
    transition: all ease 300ms;
}

.cart_roadmap .cart_roadmap_item.active {
    background: var(--color-main-tint-1);
    color: #fff;
}

.cart_roadmap .cart_roadmap_item.active svg path {
    stroke: #fff;
}

.cart_roadmap .cart_roadmap_item.passed {
    color: var(--color-main-tint-1)
}

.cart_roadmap .cart_roadmap_item.passed svg path {
    stroke: var(--color-main-tint-1);
}

.cart_roadmap .cart_line {
    width: 44px;
    height: 1px;
    background-image: linear-gradient(to right, var(--color-gray-02) 60%, transparent 40%);
    background-position: top;
    background-size: 10px 1px;
    background-repeat: repeat-x;
}

.cart_roadmap .cart_line.passed {
    background-image: linear-gradient(to right, #d6874f 60%, transparent 40%);
}

.main-cart .cart_section {
    padding-bottom: 125px;
}

.main-cart .cart_section section {
    display: none;
}

.main-cart .cart_section section.active {
    display: block;
}

.main-cart .cart_section_title {
    column-gap: 8px;
    background: var(--color-gray-06);
    border-radius: 14px;
    padding: 20px 24px;
    margin-bottom: 24px;
    font-size: 14px;
    font-weight: bold;
    color: var(--color-main-black);
    position: relative;
}

.main-cart .cart_section_title::before {
    content: " ";
    position: absolute;
    right: -6px;
    width: 6px;
    height: 30px;
    top: 17px;
    background: var(--color-main-tint-1);
    border-radius: 0 6px 6px 0;
}

.main-cart .product_cart {
    column-gap: 24px;
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--color-gray-04);
}

.main-cart .product_cart:last-child {
    margin-bottom: 0;
    border-bottom: 0;
}

.main-cart .product_cart .product_cart_image img {
    border-radius: 24px;
}

.main-cart .product_cart .product_cart_info {
    position: relative;
    flex: 1;
}

.main-cart .product_cart .product_cart_info .product_cart_info_title {
    font-size: 14px;
    font-weight: 500;
    color: var(--color-main-black);
    margin-bottom: 16px;
}

.main-cart .product_cart .product_cart_info .product_cart_info_quantity,
.main-cart .product_cart .product_cart_info .product_cart_info_price {
    display: flex;
    align-items: center;
    column-gap: 3px;
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 5px;
    color: var(--color-second-black);
}

.main-cart .product_cart .product_cart_info .product_cart_info_price {
    margin-bottom: 0;
}

.main-cart .product_cart .product_cart_info .product_cart_info_quantity .value,
.main-cart .product_cart .product_cart_info .product_cart_info_price .value {
    color: var(--color-main-black);
    font-weight: 500;
}

.main-cart .product_cart .product_cart_info .product_cart_cta {
    position: absolute;
    left: 0;
    top: -20px;
    display: flex;
    flex-direction: column;
    row-gap: 46px;
    align-items: end;
}

.main-cart .product_cart .product_cart_info .product_cart_cta span {
    cursor: pointer;
    font-size: 12px;
    font-weight: normal;
    color: var(--color-gray-02);
}

.main-cart .product_cart .product_cart_info .product_cart_cta .edit_cart_item {
    column-gap: 8px;
}

.main-cart .product_cart .product_cart_info .product_cart_cta .remove_cart_item:hover svg path,
.main-cart .product_cart .product_cart_info .product_cart_cta .edit_cart_item:hover svg path {
    stroke: var(--color-main-tint-hover-bg);
}

.main-cart .product_cart .product_cart_info .product_cart_cta .edit_cart_item:hover {
    color: var(--color-main-tint-hover-bg);
}

.main-cart .cart_summery {
    background: var(--color-gray-06);
    border-radius: 24px;
    padding: 24px 28px;
    border: 1px solid var(--color-gray-04);
}

.main-cart .cart_summery .cart_summery_title {
    font-size: 14px;
    font-weight: bold;
    color: var(--color-main-black);
    margin-bottom: 32px;
}

.main-cart .cart_summery .cart_summery_items {
    border-bottom: 1px solid var(--color-gray-04);
    margin-bottom: 24px;
    padding-bottom: 24px;
}

.main-cart .cart_summery .cart_summery_items .cart_summery_product,
.main-cart .cart_summery .cart_summery_items .cart_summery_sendway {
    margin-bottom: 24px;
    color: var(--color-main-black);
    font-size: 14px;
    font-weight: normal;
}

.main-cart .cart_summery .cart_summery_items .cart_summery_discount {
    margin-bottom: 0;
    color: var(--color-main-black);
    font-size: 14px;
    font-weight: normal;
}

.main-cart .cart_summery .cart_summery_items .cart_summery_discount .name {
    column-gap: 15px;
}

.main-cart .cart_summery .cart_summery_items .cart_summery_discount .add_discount,
.main-cart .cart_summery .cart_summery_items .cart_summery_discount .remove_discount,
.add_discount_step {
    color: var(--color-main-tint-1);
}

.main-cart .cart_summery .cart_summery_items .cart_summery_discount .add_discount:hover,
.main-cart .cart_summery .cart_summery_items .cart_summery_discount .remove_discount:hover,
.add_discount_step:hover {
    color: var(--color-main-tint-hover-bg);
}

.main-cart .cart_summery .cart_total {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-main-black);
    margin-bottom: 26px;
}

.main-cart .cart_summery .discount_code_box {
    position: relative;
    margin-top: 24px;
    display: none;
}

.discount_code_box_print {
    position: relative;
    margin-bottom: 12px;
    display: none;
}

.main-cart .cart_summery .discount_code_box .discount_input,
.discount_code_box_print .discount_input_print {
    background: #fff;
    border: 1px solid var(--color-gray-05);
    border-radius: 14px;
    padding: 15px 16px 15px 96px;
    text-align: right;
    font-family: IRANYekanXFaNum;
    color: var(--color-gray-02);
    font-size: 12px;
    font-weight: normal;
    width: 100%;
}

.main-cart .cart_summery .discount_code_box .discount_code_check,
.discount_code_box_print .discount_code_check_print {
    background: var(--color-main-tint-1);
    color: #fff;
    border-radius: 10px;
    position: absolute;
    top: 8px;
    left: 10px;
    width: 66px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 11px;
    font-weight: normal;
    cursor: pointer;
    border: 0;
    font-family: IRANYekanXFaNum;
}

.main-cart .cart_summery .discount_code_box .discount_code_check:focus,
.main-cart .cart_summery .discount_code_box .discount_input:focus,
.discount_code_box_print .discount_code_check_print:focus,
.discount_code_box_print .discount_input_print:focus {
    outline: 0;
    border-color: var(--color-main-tint-1);
}

.main-cart .cart_summery .discount_code_box .discount_code_check:hover,
.discount_code_box_print .discount_code_check_print:hover {
    background: var(--color-main-tint-hover-bg);
}

.main-cart .cta_cart {
    column-gap: 16px;
}

.main-cart .cta_cart .back_cart {
    display: none;
    width: 52px;
    height: 52px;
    border-radius: 16px;
    background: #fff;
    border: 1px solid var(--color-gray-03);
    cursor: pointer;
    padding-top: 4px;
}

.main-cart .continue_cart {
    background: var(--color-main-black);
    border-radius: 16px;
    text-align: center;
    color: #fff;
    width: 100%;
    height: 52px;
    border: 0;
    font-family: IRANYekanXFaNum;
    font-size: 14px;
    font-weight: normal;
    column-gap: 6px;
    cursor: pointer;
    transition: all ease 300ms;
}

.main-cart .continue_cart:hover {
    background: var(--color-main-black-hover-bg);
}

.main-cart .continue_cart.confirm-payment {
    background: #39D267;
}

.main-cart .continue_cart.confirm-payment:hover {
    background: #20a749;
}

.main-cart .address_cart {
    cursor: pointer;
    transition: all ease 300ms;
}

.main-cart .address_cart:hover,
.main-cart .address_cart.selected {
    border-color: var(--color-main-tint-hover-bg);
    box-shadow: 0 0 16px 0 rgba(69, 85, 164, 0.1);
}

.main-cart .send_way {
    border-radius: 16px;
    background: #fff;
    border: 1px solid var(--color-gray-04);
    margin-bottom: 16px;
    padding: 19px 24px;
    transition: all ease 300ms;
    cursor: pointer;
}

.main-cart .send_way .send_way_name {
    column-gap: 16px;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-main-black);
}

.main-cart .send_way .send_way_desc {
    font-size: 12px;
    font-weight: 400;
    color: var(--color-second-black);
    flex-direction: column;
    row-gap: 5px;
    align-items: end;
    display: flex;
}

.main-cart .send_way:hover,
.main-cart .send_way.selected {
    border-color: var(--color-main-tint-1);
    box-shadow: 0 0 16px 0 rgba(69, 85, 164, 0.1);
}

.main-cart .payment_methods {
    display: flex;
    flex-wrap: wrap;
    column-gap: 16px;
    align-items: start;
}

.main-cart .payment_method {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    border: 1px solid var(--color-gray-04);
    background: #fff;
    cursor: pointer;
    width: 165px;
    height: 90px;
    transition: all ease 300ms;
}

.main-cart .payment_method:hover,
.main-cart .payment_method.selected {
    border-color: var(--color-main-tint-1);
    box-shadow: 0 0 16px 0 rgba(69, 85, 164, 0.1);
}

.product_edit_box_form p {
    margin-bottom: 8px;
    font-size: 12px;
    font-weight: normal;
    color: var(--color-gray-02);
}

.update_edit_product {
    background: var(--color-main-tint-1);
    border-radius: 14px;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 150px;
    height: 40px;
    font-size: 12px;
    font-weight: 500;
    cursor: pointer;
    transition: all ease 300ms;
}

.update_edit_product:hover {
    background: var(--color-main-tint-hover-bg);
}

/* No Content Styles */
.no_content {
    padding: 30px 0;
}

.no_content p {
    color: var(--color-main-black);
    font-size: 12px;
    font-weight: normal;
    margin-bottom: 20px;
}

.no_content a {
    padding: 14px 17px;
    text-align: center;
    color: var(--color-main-tint-1);
    border-radius: 14px;
    border: 1px solid var(--color-main-tint-1);
    font-size: 12px;
    font-weight: 500;
    transition: all ease 300ms;
}

.no_content a:hover {
    background: var(--color-main-tint-1);
    color: #fff;
}

.no_content a:hover svg path {
    stroke: #fff;
}

/* Your Design Page Styles */
.design-main .attributes-section {
    margin-bottom: 92px;
}

.design-main .about-section {
    margin-bottom: 114px;
}

.design-main .roadmap-section {
    margin-bottom: 136px;
}

.design-main .roadmap-section .roadmap-title,
.design-main .calculate-section .calculate-title,
.design-main .review-section .review-title,
.design-main .faq-section .faq_design_title,
.about_site .review-section .review-title {
    font-family: Rokh;
    font-size: 24px;
    font-weight: 900;
    color: var(--color-main-black);
    margin-bottom: 65px;
    text-align: center;
}

.design-main .calculate-section .calculate-title,
.design-main .review-section .review-title {
    margin-bottom: 31px;
}

.design-main .faq-section .faq_design_title {
    margin-bottom: 48px;
}

.about_site .review-section .review-title {
    margin-bottom: 40px;
}

.design-main .roadmap-section .roadmap-title span,
.design-main .calculate-section .calculate-title span,
.design-main .review-section .review-title span,
.design-main .faq-section .faq_design_title span,
.about_site .review-section .review-title span {
    color: var(--color-main-tint-1);
    position: relative;
    z-index: 2;
}

.design-main .roadmap-section .roadmap-title span::before,
.design-main .calculate-section .calculate-title span::before,
.design-main .review-section .review-title span::before,
.design-main .faq-section .faq_design_title span::before,
.about_site .review-section .review-title span::before {
    position: absolute;
    content: " ";
    width: 100%;
    bottom: 0;
    height: 19px;
    background: #F7F1E9;
    border-bottom: 1px solid var(--color-main-tint-1);
    z-index: -1;
}

.design-main .roadmap-section .roadmap_items .item {
    width: 264px;
    background: #fff;
    border-radius: 20px;
    box-shadow: 0 8px 32px 0 rgba(69, 85, 164, 0.05);
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    row-gap: 13px;
    padding: 37px 0 29px 0;
}

.design-main .roadmap-section .roadmap_items .item .item_count {
    background: var(--color-main-tint-1);
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-family: Rokh;
    font-size: 24px;
    font-weight: bold;
    margin-top: -60px;
    padding-top: 9px;
}

.design-main .roadmap-section .roadmap_items .item .item_title {
    margin: 0;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-main-black);
}

.design-main .roadmap-section .roadmap_items .item .item_desc {
    margin: 0;
    font-size: 12px;
    font-weight: normal;
    color: var(--color-gray-02);
}

.design-main .design_calculate {
    background: #fff;
    border-radius: 24px;
    border: 1px solid var(--color-gray-04);
    padding: 40px 30px;
    margin-bottom: 140px;
    display: flex;
    align-items: start;
    justify-content: space-between;
    column-gap: 67px;
}

.design-main .design_calculate .design_calculate_left {
    flex: 1;
}

.design-main .design_calculate .design_calculate_left .nice-select {
    background: #fff;
    border: 1px solid var(--color-gray-03);
}

.design-main .design_calculate .design_calculate_left .form_group {
    margin-bottom: 24px;
}

.design-main .design_calculate .design_calculate_left .meter-input-container {
    margin: 0;
}

.design-main .design_calculate .design_calculate_left .meter-input-container .unit {
    top: 17px;
}

.design-main .result_calculate {
    background: #F3F7FE;
    border: 1px solid #126CE9;
    border-radius: 16px;
    color: #126CE9;
    font-size: 14px;
    font-weight: normal;
    padding: 20px 24px;
    margin-bottom: 24px;
}

.design-main .form_submit {
    background: var(--color-shop-btn);
}

.design-main .form_submit:hover {
    background: var(--color-btn-shop-hover-bg);
}

.design-main .review-section .review_deisgn_slider,
.about_site .review-section .review_deisgn_slider {
    position: relative;
}

.design-main .review-section .review_deisgn_slider .swiper,
.about_site .review-section .review_deisgn_slider .swiper {
    overflow: visible;
}

.review_deisgn_slider .swiper .swiper-slide {
    opacity: 0;
    visibility: hidden;
    transition: all ease 300ms;
}

.review_deisgn_slider .swiper .swiper-slide-active,
.review_deisgn_slider .swiper .swiper-slide-next,
.review_deisgn_slider .swiper .swiper-slide-next+div {
    opacity: 1;
    visibility: visible;
}

.design-main .review-section {
    margin-bottom: 160px;
}

.design-main .faq_design,
.about_site .faq_design {
    background: var(--color-gray-06);
    border-radius: 24px;
    border: 1px solid var(--color-gray-04);
    padding: 47px 40px;
    margin-bottom: 124px;
    position: relative;
}

.design-main .faq_design::before,
.about_site .faq_design::before {
    content: " ";
    width: 200px;
    height: 200px;
    position: absolute;
    right: 0;
    left: 0;
    top: -100px;
    margin: auto;
    background: url('../images/faq-bg.png');
    z-index: -1;
}

.design-main .faq_design .faqs,
.about_site .faq_design .faqs {
    column-gap: 24px;
    row-gap: 14px;
    flex-wrap: wrap;
}

.design-main .faq_design .faqs .faq,
.about_site .faq_design .faqs .faq {
    background: #fff;
    padding: 15px 16px 15px 30px;
    border-radius: 16px;
    width: calc(50% - 12px);
    column-gap: 16px;
}

.design-main .faq_design .faqs .faq .faq_icon,
.about_site .faq_design .faqs .faq .faq_icon {
    width: 34px;
    height: 34px;
    background: var(--color-main-tint-1);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.design-main .faq_design .faqs .faq .faq_content,
.about_site .faq_design .faqs .faq .faq_content {
    flex: 1;
    padding-top: 7px;
}

.design-main .faq_design .faqs .faq .faq_content .faq_title,
.about_site .faq_design .faqs .faq .faq_content .faq_title {
    font-size: 12px;
    font-weight: 500;
    color: var(--color-main-black);
    margin: 0;
    cursor: pointer;
    touch-action: manipulation;
}

.design-main .faq_design .faqs .faq .faq_content .faq_title:hover,
.about_site .faq_design .faqs .faq .faq_content .faq_title:hover {
    color: var(--color-main-black-hover-bg);
}

.design-main .faq_design .faqs .faq .faq_content .faq_answer,
.about_site .faq_design .faqs .faq .faq_content .faq_answer {
    font-size: 12px;
    font-weight: 400;
    color: var(--color-second-black);
    margin-top: 10px;
    text-align: justify;
    text-align-last: right;
    line-height: 1.8;
    /* display: none; */
    /* min-height: 44px; */
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.3s ease-out, opacity 0.3s ease-out; /* برای انیمیشن آرام در صورت نیاز */
    opacity: 0;
}
.about_site .faq_design .faqs .faq .faq_content .faq_answer.is-open,
.design-main .faq_design .faqs .faq .faq_content .faq_answer.is-open {
    max-height: 500px;
    opacity: 1;
}
/* NEW DESIGN SUBMIT PAGE STYLES */
/* New Design Form */
.new_design {
    margin-bottom: 55px;
}

.new_design .new_design_title {
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    font-family: Rokh;
    color: var(--color-main-black);
    margin-bottom: 24px;
    margin-top: 24px;
}

.new_design .cart_roadmap .cart_roadmap_item {
    width: 80px;
    height: 90px;
}

.new_design .cart_roadmap .cart_roadmap_item.passed {
    color: var(--color-main-tint-1);
}

.new_design .cart_roadmap .cart_roadmap_item.passed svg path {
    stroke: var(--color-main-tint-1);
}

.new_design .new_design_section {
    background: #fff;
    border: 1px solid var(--color-gray-04);
    border-radius: 24px;
    margin-top: 24px;
    padding: 32px 26px;
}

.new_design .meter-input-container .unit {
    top: 17px;
}

.new_design .new_submit {
    background: var(--color-main-black);
}

.new_design .new_submit:hover {
    background: vaR(--color-main-black-hover-bg);
}

.new_design .checkbox_desc {
    border-radius: 14px;
    color: #08AC39;
    background: #EDF9F1;
    font-size: 12px;
    font-weight: normal;
    padding: 16px;
    display: none;
}

.new_design .error-message {
    font-size: 12px;
    font-weight: normal;
}

/* Keyframes */
@keyframes bounce {

    0%,
    100% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(6px);
    }
}

.loading {
    animation: pulseFade 1s infinite;
    pointer-events: none;
    cursor: wait;
}

@keyframes pulseFade {
    0% {
        opacity: 1;
    }

    50% {
        opacity: 0.4;
    }

    100% {
        opacity: 1;
    }
}


/* Loading Spinner */
.loading-spinner {
    display: inline-block;
    width: 24px;
    height: 24px;
    border: 3px solid var(--color-gray-03);
    border-top: 3px solid var(--color-main-tint-1);
    border-radius: 50%;
    animation: spin 1s linear infinite;
    vertical-align: middle;
    margin: 0 auto;
}

/* Optional: Centering a spinner within a block */
.loading-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 50px;
    width: 100%;
    color: var(--color-second-black);
    font-size: 14px;
}

/* Keyframe animation for spinning */
@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    /* Semi-transparent white overlay */
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100;
    /* Ensure it's above other content */
}

/* Notifications */
.rozhaco-notification {
    background: #fff;
    position: fixed;
    width: 408px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 auto;
    max-width: 90%;
    z-index: 10000;
    box-shadow: 0 8px 40px 0 rgba(69, 85, 164, 0.1);
    padding: 21px 32px;
    border-radius: 24px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    row-gap: 10px;
}

.rozhaco-notification .close_notification_manual {
    position: absolute;
    left: 24px;
    top: 24px;
    background: none;
    border: 0;
    cursor: pointer;
}

.rozhaco-notification .message_main {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-main-black);
}

.rozhaco-notification .message_sub {
    font-size: 12px;
    font-weight: 500;
    color: var(--color-gray-01);
}

.rozhaco-notification .close-notification {
    margin-top: 22px;
    width: 100%;
    height: 40px;
    color: #fff;
    background: #39D267;
    border-radius: 10px;
    border: 0;
    font-size: 14px;
    font-weight: normal;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: IRANYekanXFaNum;
}

.rozhaco-notification.error .close-notification {
    background: var(--color-main-tint-1);
}

.rozhaco-notification-overlay {
    position: fixed;
}

/* Login Required */
.login-required {
    text-align: center;
    padding: 20px;
    background: var(--color-main-tint-4);
    border: 1px solid var(--color-gray-04);
    border-radius: 16px;
    display: flex;
    flex-direction: column;
    row-gap: 8px;
}

.login-required p {
    margin-bottom: 0;
    color: var(--color-second-black);
}

.login-required .login-link {
    background: var(--color-main-tint-1);
    color: #fff;
    border-radius: 16px;
    font-size: 14px;
    font-weight: bold;
    height: 56px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all ease 300ms;
}

.login-required .login-link:hover {
    background: var(--color-main-black-hover-bg);
}

/* Meter Input Styles */
.meter-input-container {
    position: relative;
    margin-bottom: 14px;
}

.meter-input-container .minus-btn {
    position: absolute;
    width: 28px;
    height: 28px;
    top: 10px;
    right: 8px;
    border-radius: 9px;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-main-tint-1);
    color: #fff;
    font-size: 22px;
    cursor: pointer;
    z-index: 3;
}

.meter-input-container .plus-btn {
    position: absolute;
    width: 28px;
    height: 28px;
    top: 10px;
    left: 8px;
    border-radius: 9px;
    border: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--color-main-tint-1);
    color: #fff;
    font-size: 22px;
    cursor: pointer;
    z-index: 3;
}

.meter-input-container .minus-btn.is-disabled,
.meter-input-container .plus-btn.is-disabled {
    opacity: 0.7;
    pointer-events: none;
}

.meter-input-container .meter-input {
    width: 100%;
    border-radius: 16px;
    border: 1px solid var(--color-gray-04);
    height: 48px;
    font-family: 'IRANYekanXFaNum';
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-main-black);
}

.meter-input-container .unit {
    position: absolute;
    top: 13px;
    right: 0;
    left: -65px;
    margin: auto;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-main-black);
}

.meter-input-container .minus-btn:focus,
.meter-input-container .plus-btn:focus,
.meter-input-container .meter-input:focus {
    outline: 0;
}

.meter-input-container .minus-btn:hover,
.meter-input-container .plus-btn:hover {
    background: var(--color-main-black);
}

.meter-input-container .meter-input[type="number"]::-webkit-outer-spin-button,
.meter-input-container .meter-input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.meter-input-container .meter-input[type="number"] {
    -moz-appearance: textfield;
    appearance: textfield;
}

/* Step Design Styles */
.step_design_title {
    font-size: 12px;
    font-weight: normal;
    color: var(--color-gray-02);
    margin-bottom: 16px;
}

.step-main .address_cart_step {
    border: 1px solid var(--color-gray-04);
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 16px;
}

.step-main .address_cart_step:last-of-type {
    margin-bottom: 24px;
}

.step-main .address_cart_step .address_cart_top {
    margin-bottom: 18px;
}

.step-main .address_cart_step .address_cart_top .exactly_address {
    font-size: 12px;
    font-weight: 400;
    color: var(--color-main-black);
}

.step-main .address_cart_step .address_cart_top .remove_address {
    cursor: pointer;
}

.step-main .address_cart_step .address_cart_top .remove_address:hover svg path {
    stroke: var(--color-main-tint-1);
}

.step-main .address_cart_step .address_cart_bottom .address_info {
    column-gap: 23px;
}

.step-main .address_cart_step .address_cart_bottom .address_info .address_info_item {
    column-gap: 7px;
    font-size: 12px;
    font-weight: 400;
    color: var(--color-main-black);
}

.step-main .address_cart_step .address_cart_bottom .address_edit_step {
    column-gap: 2px;
    color: var(--color-second-black);
    font-size: 12px;
    font-weight: 400;
    padding: 9px 12px;
    border-radius: 12px;
    border: 1px solid #E4E4E9;
    cursor: pointer;
}

.step-main .address_cart_step .address_cart_bottom .address_edit_step:hover {
    border-color: var(--color-main-tint-1);
    color: var(--color-main-tint-1);
}

.step-main .address_cart_step .address_cart_bottom .address_edit_step:hover svg path {
    stroke: var(--color-main-tint-1);
}

.step-main .address_cart_step {
    cursor: pointer;
    transition: all ease 300ms;
}

.step-main .address_cart_step:hover,
.step-main .address_cart_step.selected {
    border-color: var(--color-main-tint-hover-bg);
    box-shadow: 0 0 16px 0 rgba(69, 85, 164, 0.1);
}

.has-address-step {
    background: var(--color-main-tint-1);
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    border-radius: 12px;
    padding: 11px 23px;
    width: fit-content;
    column-gap: 6px;
}

.has-address-step:hover {
    background: var(--color-main-black-hover-bg);
    color: #fff;
}

.new_design_section {
    display: none;
}

.new_design_section.active {
    display: block;
}

.step-main .send_way_step {
    border-radius: 16px;
    background: #fff;
    border: 1px solid var(--color-gray-04);
    margin-bottom: 16px;
    padding: 19px 24px;
    transition: all ease 300ms;
    cursor: pointer;
}

.step-main .send_way_step .send_way_name {
    column-gap: 16px;
    font-size: 14px;
    font-weight: 600;
    color: var(--color-main-black);
}

.step-main .send_way_step .send_way_desc {
    font-size: 12px;
    font-weight: 400;
    color: var(--color-second-black);
    flex-direction: column;
    row-gap: 5px;
    align-items: end;
}

.step-main .send_way_step .send_way_desc small,
.main-cart .send_way .send_way_desc small {
    font-size: 12px;
    font-weight: 600;
    color: var(--color-main-tint-1);
    border-radius: 16px;
}

.step-main .send_way_step:hover,
.step-main .send_way_step.selected {
    border-color: var(--color-main-tint-1);
    box-shadow: 0 0 16px 0 rgba(69, 85, 164, 0.1);
}

.step-main .payment_methods {
    display: flex;
    flex-wrap: wrap;
    column-gap: 16px;
    align-items: start;
}

.step-main .payment_method_step {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    border: 1px solid var(--color-gray-04);
    background: #fff;
    cursor: pointer;
    width: 165px;
    height: 90px;
    transition: all ease 300ms;
}

.step-main .payment_method_step:hover,
.step-main .payment_method_step.selected {
    border-color: var(--color-main-tint-1);
    box-shadow: 0 0 16px 0 rgba(69, 85, 164, 0.1);
}

.step-main .summery_design {
    background: var(--color-gray-06);
    border-radius: 16px;
    padding: 20px 32px;
    margin-top: 24px;
}

.step-main .summery_design .summery_design_title {
    font-size: 16px;
    font-weight: bold;
    color: var(--color-main-black);
}

.step-main .summery_design .summery_design_item {
    font-size: 14px;
    font-weight: normal;
    color: var(--color-main-black);
    margin-bottom: 12px;
}

.step-main .summery_design .summery_design_item .value {
    font-size: 16px;
}

.step-main .summery_design .summery_design_item .name {
    column-gap: 15px;
}

.step-main .summery_design .summery_design_total {
    margin-top: 13px;
    padding-top: 18px;
    border-top: 1px solid var(--color-gray-04);
    font-size: 14px;
    font-weight: bold;
    color: var(--color-main-black);
}

.step-main .summery_design .summery_design_total .value {
    font-size: 16px;
    font-weight: 800;
}

.step-main .step_buttons {
    column-gap: 21px;
    margin-top: 20px;
}

.step-main .step_buttons .btn {
    border-radius: 16px;
    background: #fff;
    border: 1px solid #E4E4E9;
    height: 56px;
    width: 50%;
    font-size: 14px;
    font-weight: 400;
    color: var(--color-gray-01);
    font-family: IRANYekanXFaNum;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 2px;
}

.step-main .step_buttons .btn-primary {
    background: var(--color-main-black);
    color: #fff;
    border: 1px solid var(--color-main-black);
}

.step-main .step_buttons .new_design_proccess {
    background: var(--color-shop-btn);
    border-color: var(--color-shop-btn);
}

.step-main .step_buttons .btn:hover {
    background: var(--color-gray-hover-bg);
}

.step-main .step_buttons .btn-primary:hover {
    background: var(--color-main-black-hover-bg);
}

.step-main .step_buttons .new_design_proccess:hover {
    background: var(--color-btn-shop-hover-bg);
}

/* Shop Styles */
.main-shop {
    margin-top: 73px;
}

.shop_filters {
    max-width: 90%;
}

.shop_filters .shuop_filters_title {
    position: relative;
    column-gap: 8px;
    font-size: 14px;
    font-weight: 800;
    color: var(--color-main-black);
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid var(--color-gray-04);
}

.shop_filters .shuop_filters_title .remove_filters {
    position: absolute;
    color: #FF0026;
    display: flex;
    align-items: center;
    justify-content: end;
    left: 0;
    top: 5px;
    column-gap: 4px;
    font-size: 12px;
    font-weight: 400;
    cursor: pointer;
    display: none;
    line-height: 1;
}

.shop_filters .filter-option {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 15px;
    margin-bottom: 16px;
}

.shop_filters .switch-toggle-label {
    font-size: 12px;
    color: var(--color-main-black);
    cursor: pointer;
    font-weight: 600;
    user-select: none;
}

.shop_filters .switch-toggle-input {
    display: none;
}

.shop_filters .switch-toggle-button {
    position: relative;
    display: block;
    width: 50px;
    height: 24px;
    background-color: var(--color-gray-05);
    border-radius: 8px;
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.shop_filters .switch-toggle-button::after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 20px;
    height: 16px;
    background-color: #fff;
    border-radius: 6px;
    transition: transform 0.3s ease;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}

.shop_filters .switch-toggle-input:checked+.switch-toggle-button {
    background-color: var(--color-shop-btn);
}

.shop_filters .switch-toggle-input:checked+.switch-toggle-button::after {
    transform: translateX(22px);
}

.shop_filters .filter_box {
    margin-bottom: 24px;
}

.shop_filters .filter_box .filter_box_title {
    background: var(--color-gray-05);
    border-radius: 12px;
    color: var(--color-main-black);
    font-size: 12px;
    font-weight: 600;
    padding: 11px 16px;
    cursor: pointer;
}

.shop_filters .filter_box .filter_box_title svg.rotate {
    transform: rotate(0deg);
}

.shop_filters .filter_box .filter_box_content {
    padding-top: 16px;
    display: flex;
    flex-direction: column;
    row-gap: 12px;
    padding: 16px 10px 0 10px;
}

.shop_filters .filter_box .filter_box_content .category_item {
    font-size: 12px;
    font-weight: normal;
    color: var(--color-main-black);
    padding-right: 34px;
    position: relative;
    user-select: none;
    cursor: pointer;
}

.shop_filters .filter_box_content input[type="checkbox"] {
    display: none;
}

.shop_filters .filter_box_content .category_item::before {
    content: '';
    position: absolute;
    right: 0;
    top: 48%;
    transform: translateY(-50%);
    width: 18px;
    height: 18px;
    border: 1px solid #E5E6EE;
    background-color: #fff;
    border-radius: 6px;
    transition: all 0.2s ease-in-out;
}

.filter_box_content input[type="checkbox"]:checked+.category_item::before {
    background-color: var(--color-main-tint-1);
    border-color: var(--color-main-tint-1);
}

.filter_box_content input[type="checkbox"]:checked+.category_item::after {
    content: '';
    position: absolute;
    right: 6px;
    top: 43%;
    transform: translateY(-50%) rotate(45deg);
    width: 6px;
    height: 12px;
    border: solid white;
    border-width: 0 2px 2px 0;
}

.shop_products .shop_product_top {
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.shop_products .shop_product_top .shop_product_top_title {
    color: var(--color-main-black);
    font-size: 24px;
    font-family: Rokh;
    font-weight: bold;
    margin: 0;
}

.shop_products .shop_product_top .nice-select {
    width: 200px;
    background: var(--color-gray-05);
    border: 0;
    border-radius: 14px;
    font-size: 12px;
    font-weight: normal;
}

.shop_products .shop_product_top .nice-select .list {
    width: 100%;
}

.shop_products .product_container .product_card {
    max-width: 100%;
    margin-bottom: 24px;
}

.shop_products .load-more-products-container {
    text-align: center;
    margin-bottom: 71px;
}

.shop_products .load-more-products-container .load_more_products {
    background: var(--color-main-tint-1);
    color: #fff;
    border-radius: 16px;
    border: 0;
    padding: 13px 24px;
    font-size: 14px;
    font-weight: normal;
    font-family: IRANYekanXFaNum;
    cursor: pointer;
}

.shop_products .load-more-products-container .load_more_products:hover {
    background: var(--color-main-tint-hover-bg);
}

.shop_products .load-more-products-container .load_more_products:focus {
    outline: 0;
    border: 0;
}

/* Blog Styles */
.archive-page {
    margin-top: 32px;
    margin-bottom: 118px;
}

.archive-page .blog_title {
    margin-bottom: 40px;
    font-size: 30px;
    font-weight: 900;
    font-family: Rokh;
    color: var(--color-main-black);
    text-align: center;
}

.archive-page .blog_title span {
    color: var(--color-main-tint-1);
    position: relative;
    z-index: 2;
}

.archive-page .blog_title span::before {
    position: absolute;
    content: " ";
    width: 100%;
    bottom: 0;
    height: 19px;
    background: #F7F1E9;
    border-bottom: 1px solid var(--color-main-tint-1);
    z-index: -1;
}

.archive-page .pin_posts {
    margin-bottom: 91px;
}

.archive-page .pin_posts .pinned-posts-container {
    display: grid;
    grid-template-columns: 360px 1fr;
    gap: 24px;
    direction: rtl;
}

.archive-page .pin_posts .pinned-posts-container .main-post {
    position: relative;
    border-radius: 32px;
    overflow: hidden;
    box-shadow: var(--hover-shadow-box-1);
    transition: all ease 300ms;
}

.archive-page .pin_posts .pinned-posts-container .main-post img {
    object-fit: cover;
    height: 100%;
    filter: brightness(0.7);
}

.archive-page .pin_posts .pinned-posts-container .main-post .pinned-post-wide-link {
    position: absolute;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

.archive-page .pin_posts .pinned-posts-container .main-post:hover {
    box-shadow: var(--hover-shadow-box-2);
}

.archive-page .pin_posts .pinned-posts-container .main-post .main-post-content {
    position: absolute;
    width: calc(100% - 48px);
    margin: 0 auto;
    right: 0;
    left: 0;
    bottom: 40px;
    display: flex;
    flex-direction: column;
    row-gap: 12px;
}

.pin_posts .pinned-posts-container .main-post .main-post-content .category-name {
    background: #fff;
    border-radius: 16px;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: normal;
    color: var(--color-main-tint-1);
    width: fit-content;
    line-height: 1;
}

.pin_posts .pinned-posts-container .main-post .main-post-content .main_title {
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.7;
    margin: 0;
}

.pin_posts .pinned-posts-container .main-post .main-post-content .post-date {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
}

.archive-page .pin_posts .pinned-posts-container .small-posts {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
}

.pin_posts .pinned-posts-container .small-posts .small-post-item {
    display: flex;
    align-items: start;
    justify-content: start;
    column-gap: 16px;
    background: #fff;
    border-radius: 32px;
    box-shadow: var(--hover-shadow-box-1);
    padding: 24px;
    transition: all ease 300ms;
    position: relative;
}

.pin_posts .pinned-posts-container .small-posts .small-post-item img {
    width: 140px;
    height: 140px;
    min-width: 140px;
    border-radius: 30px;
    object-fit: cover;
}

.pin_posts .pinned-posts-container .small-posts .small-post-item .small_link {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    font-size: 0;
}

.pin_posts .pinned-posts-container .small-posts .small-post-item .small-post-content {
    display: flex;
    flex-direction: column;
    row-gap: 14px;
}

.pin_posts .small-posts .small-post-item .small-post-content .category-name span {
    background: var(--color-main-tint-1);
    border-radius: 16px;
    color: #fff;
    padding: 5px 12px;
    font-size: 12px;
    font-weight: normal;
}

.pin_posts .small-posts .small-post-item .small-post-content .small_title {
    font-size: 14px;
    font-weight: normal;
    margin: 0;
    line-height: 1.7;
    color: var(--color-main-black);
}

.pin_posts .small-posts .small-post-item .small-post-content .post-date {
    color: var(--color-gray-01);
    font-size: 12px;
    font-weight: normal;
}

.pin_posts .pinned-posts-container .small-posts .small-post-item:hover {
    box-shadow: var(--hover-shadow-box-2);
}

.archive-page .posts_list .posts_list_title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 27px;
}

.archive-page .posts_list .posts_list_title h2 {
    font-size: 22px;
    font-weight: 900;
    font-family: Rokh;
    color: var(--color-main-black);
    margin: 0;
}

.archive-page .posts_list .posts_list_title .new-select {
    width: 200px;
    background: var(--color-gray-05);
    font-size: 12px;
    font-weight: normal;
    color: var(--color-main-black);
    border: 0;
    border-radius: 14px;
}

.archive-page .posts_list .posts_list_title .new-select .list {
    width: 100%;
}

.post_card {
    background: #fff;
    padding: 24px;
    border-radius: 32px;
    box-shadow: var(--hover-shadow-box-1);
    transition: all ease 300ms;
    display: flex;
    flex-direction: column;
    row-gap: 16px;
    position: relative;
    margin-bottom: 24px;
}

.post_card:hover {
    box-shadow: var(--hover-shadow-box-2);
}

.post_card .attachment-full {
    width: 339px;
    height: 245px;
    object-fit: cover;
    border-radius: 20px;
    overflow: hidden;
}

.post_card .category_post {
    border-radius: 16px;
    color: #fff;
    background: var(--color-main-tint-1);
    padding: 5px 12px;
    font-size: 12px;
    font-weight: normal;
    width: fit-content;
}

.post_card .title_post {
    font-weight: 600;
    font-size: 16px;
    margin: 0;
    color: var(--color-main-black);
    line-height: 1.7;
    min-height: 55px;
}

.post_card .post_info {
    column-gap: 15px;
    color: var(--color-gray-01);
    font-size: 12px;
    font-weight: normal;
}

.post_card .post_info .post_info_item {
    column-gap: 5px;
    margin: 0;
    line-height: 0;
}

.post_card .post_link {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    top: 0;
    font-size: 0;
}

.pagination-container .nav-links {
    display: flex;
    align-items: center;
    width: 100%;
    justify-content: center;
    column-gap: 16px;
    margin-top: 80px;
}

.pagination-container .nav-links span,
.pagination-container .nav-links a {
    width: 42px;
    height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 14px;
    font-size: 16px;
    font-weight: normal;
    line-height: 0;
}

.pagination-container .nav-links span {
    background: var(--color-main-tint-1);
    color: #fff;
}

.pagination-container .nav-links a {
    background: var(--color-gray-05);
    color: var(--color-second-black);
}

.pagination-container .nav-links .next,
.pagination-container .nav-links .prev {
    background: none;
}

.pagination-container .nav-links a:hover {
    background: var(--color-main-tint-1);
    color: #fff;
}

/* Single Blog Styles */
.blog-single {
    padding-bottom: 110px;
}

.blog-single .post_info {
    background: #fff;
    border-radius: 32px;
    box-shadow: var(--hover-shadow-box-1);
    padding: 36px 40px;
    margin-bottom: 24px;
}

.blog-single .post_info .single_post_title {
    font-size: 24px;
    font-weight: 600;
    color: var(--color-main-black);
    margin-bottom: 16px;
}

.blog-single .post_info .post_info_item {
    column-gap: 23px;
    color: var(--color-gray-01);
    font-size: 12px;
    font-weight: normal;
    line-height: 1;
    margin-bottom: 24px;
}

.blog-single .post_info .post_info_item .item {
    column-gap: 5px;
}

.blog-single .post_info .post_info_excerpt {
    font-size: 12px;
    font-weight: 500;
    color: var(--color-second-black);
    line-height: 28px;
    margin-bottom: 25px;
}

.blog-single .post_info .post_info_cats {
    column-gap: 10px;
}

.blog-single .post_info .post_info_cats .cats_title {
    font-size: 14px;
    font-weight: 600;
    color: var(--color-main-black);
    margin: 0;
}

.blog-single .post_info .post_info_cats .cat_link {
    background: var(--color-main-tint-3);
    color: var(--color-main-tint-1);
    border-radius: 24px;
    margin-left: 10px;
    padding: 10px 12px;
    font-size: 12px;
    font-weight: normal;
}

.blog-single .post_info .post_info_image {
    text-align: left;
}

.blog-single .post_info .post_info_image .img-fluid {
    border-radius: 24px;
    width: 400px;
    height: 290px;
    object-fit: cover;
}

.blog-single .post_content {
    background: #fff;
    border-radius: 32px;
    box-shadow: var(--hover-shadow-box-1);
    padding: 36px 40px;
    margin-bottom: 24px;
}

.blog-single .post_content table thead {
    border: 0;
}

.blog-single .post_content table thead tr td {
    background-color: #f2f2f2;
    border: 0;
    border-bottom: 2px solid #ddd;
    vertical-align: middle;
    padding: 0.75rem;
}

.blog-single .post_content table tbody tr td {
    border: 0;
    border-bottom: 1px solid #eee;
    vertical-align: middle;
    padding: 0.75rem;
    font-weight: 400;
}

.blog-single .post_content table tbody tr td strong {
    color: var(--color-main-tint-1);
    font-weight: 500;
}

.blog-single .post_content table tbody tr:nth-child(even) {
    background-color: #f9f9f9;
}

.blog-single .post_content p {
    font-size: 13px;
    font-weight: 500;
    color: var(--color-second-black);
    line-height: 28px;
}

.blog-single .post_content h2.wp-block-heading {
    color: var(--color-main-black);
    font-weight: 600;
    font-size: 16px;
}

.blog-single .post_content h3.wp-block-heading {
    font-size: 15px;
    font-weight: 500;
}

.blog-single .post_content a {
    color: var(--color-main-tint-1);
}

.blog-single .post_content .wp-block-list {
    list-style: inherit;
    line-height: 28px;
    margin-bottom: 20px;
    list-style-position: inside;
    font-size: 13px;
    color: var(--color-second-black);
}

.blog-single .post_content .wp-block-image {
    margin-bottom: 48px;
}

.blog-single .post_content .wp-block-image img {
    border-radius: 24px;
}

.blog-single .post_sidebar .widget {
    background: #fff;
    border-radius: 32px;
    box-shadow: var(--hover-shadow-box-1);
    padding: 36px 40px;
    margin-bottom: 24px;
}

.blog-single .post_sidebar .widget.widget_media_image {
    padding: 0;
}

.blog-single .post_sidebar .widget.widget_media_image img {
    width: 100%;
}

.recent-posts-widget-list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.widgettitle {
    color: var(--color-main-tint-1);
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 24px;
}

.recent-post-link {
    column-gap: 16px;
    margin-bottom: 16px;
}

.recent-post-link img {
    border-radius: 14px;
    width: 80px;
    height: 80px;
    min-width: 80px;
    min-height: 80px;
}

.recent-post-content .recent-post-title {
    font-size: 14px;
    font-weight: normal;
    color: var(--color-main-black);
    line-height: 1.7;
    margin-bottom: 0;
}

.recent-post-content .recent-post-date {
    font-size: 12px;
    font-weight: normal;
    color: var(--color-gray-01);
    margin-bottom: 0;
}

.blog-single .post_send_review,
.blog-single .post_list_review {
    background: #fff;
    border-radius: 32px;
    box-shadow: var(--hover-shadow-box-1);
    padding: 36px 40px;
    margin-bottom: 24px;
}

.blog-single .post_banner {
    margin-bottom: 24px;
    position: relative;
}

.blog-single .post_banner .post_banner_text {
    position: absolute;
    width: 100%;
    height: 100%;
    padding: 0 30px;
    z-index: 3;
}

.blog-single .post_banner .post_banner_text .post_banner_text_right {
    column-gap: 20px;
}

.blog-single .post_banner .post_banner_text .post_banner_text_right span {
    font-family: Rokh;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    padding-top: 8px;
}

.blog-single .post_banner .post_banner_text .post_banner_text_left {
    direction: ltr;
    flex: 1;
    text-align: left;
    font-size: 33px;
    font-weight: 900;
    color: #fff;
    padding-top: 8px;
}

.blog-single .post_banner .post_banner_link {
    position: absolute;
    z-index: 4;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

.blog-single .post_banner img {
    width: 100%;
    border-radius: 32px;
    box-shadow: var(--hover-shadow-box-1);
    max-height: 110px;
}

.blog-single .post_send_review .post_review_title,
.blog-single .post_list_review .post_review_title {
    color: var(--color-main-tint-1);
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 24px;
}

.blog-single .comment-list .comment {
    padding-bottom: 24px;
    margin-bottom: 24px;
    border-bottom: 1px solid var(--color-gray-04);
}

.blog-single .comment-list .comment:last-child {
    border-bottom: 0;
    margin: 0;
    padding: 0;
}

.blog-single .comment-list .comment .comment-body .comment-author {
    column-gap: 16px;
}

.blog-single .comment-list .comment .comment-body .comment-author .comment_avatar img {
    border-radius: 50%;
}

.blog-single .comment-list .comment .comment-body .comment-author .author-details .fn {
    color: var(--color-main-black);
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 4px;
}

.blog-single .comment-list .comment .comment-body .comment-author .author-details .comment-metadata a {
    color: var(--color-gray-02);
    font-size: 12px;
    font-weight: normal;
}

.blog-single .comment-list .comment .comment-body .comment-author .author-details .comment-content {
    margin-top: 8px;
}

.blog-single .comment-list .comment .comment-body .comment-author .author-details .comment-content p {
    margin: 0;
    font-size: 12px;
    font-weight: 500;
    color: var(--color-second-black);
    line-height: 24px;
}

.blog-single .comment-list .comment .children {
    width: calc(100% - 54px);
    margin-right: auto;
    margin-top: 15px;
}

.blog-single .comment-list .comment .children .comment {
    border-radius: 16px;
    background: var(--color-gray-06);
    padding: 24px;
    position: relative;
    border: 0;
    margin: 0;
}

.blog-single .comment-list .comment .children .comment .author-details {
    width: 100%;
}

.blog-single .comment-list .comment .children .comment .comment-metadata {
    position: absolute;
    left: 24px;
    top: 24px;
}

/* Banner Widget Styles */
.blog-single .post_sidebar .widget_banner_widget {
    padding: 0;
    position: relative;
}

.widget_banner_widget .widgettitle {
    display: none;
}

.widget_banner_widget .banner_widget_image {
    width: 100%;
}

.widget_banner_widget .banner_widget_title {
    color: #fff;
    font-family: Rokh;
    font-size: 30px;
    font-weight: bold;
    margin: 0;
}

.widget_banner_widget .banner_widget_info {
    position: absolute;
    right: 26px;
    top: 43px;
    display: flex;
    flex-direction: column;
    row-gap: 15px;
}

.widget_banner_widget .banner_widget_info .banner_widget_button {
    background: url(../images/banner_btn_bg.png);
    background-size: cover;
    background-repeat: round;
    height: 44px;
    width: 156px;
    text-align: center;
    column-gap: 6px;
    font-size: 13px;
    font-weight: 400;
    color: var(--color-main-black);
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

.widget_banner_widget .banner_widget_info .banner_widget_button::before {
    content: " ";
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: #fff;
    top: 18px;
    right: -9px;
    position: absolute;
    transition: all ease 300ms;
}

.widget_banner_widget .banner_widget_info .banner_widget_button:hover::before {
    background: var(--color-main-tint-hover-bg);
}

.widget_banner_widget .banner_widget_info .banner_widget_button:hover svg rect {
    fill: var(--color-main-tint-hover-bg);
}

/* Contact Us Styles */
.contact_main {
    margin-top: 45px;
    margin-bottom: 120px;
}

.contact_main .container {
    max-width: 1158px;
    margin: 0 auto;
}

.contact_main .contact_ways {
    border-radius: 32px;
    padding: 35px 28px 28px 28px;
    background: url('../images/contact_bg.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.contact_main .contact_ways .contact_us_title {
    margin-bottom: 7px;
    color: #fff;
    font-family: Rokh;
    font-size: 26px;
    font-weight: 900;
    text-align: center;
}

.contact_main .contact_ways .contact_us_desc {
    color: #fff;
    margin-bottom: 21px;
    font-size: 12px;
    font-weight: normal;
    line-height: 28px;
    text-align: center;
}

.contact_main .contact_ways .contact_way_item {
    border-radius: 32px;
    padding: 24px;
    backdrop-filter: blur(28px);
    background: rgba(255, 255, 255, 0.14);
}

.contact_main .contact_ways .contact_way_item .item {
    background: #fff;
    border-radius: 20px;
    padding: 12px 14px;
    column-gap: 12px;
    line-height: 1;
    margin-bottom: 12px;
}

.contact_main .contact_ways .contact_way_item .item .value {
    font-size: 13px;
    font-weight: 400;
    color: var(--color-main-black);
    column-gap: 9px;
    flex: 1;
    margin-top: 3px;
}

.contact_main .contact_ways .contact_way_item .item .value span:nth-child(2) {
    color: var(--color-main-tint-1);
}

.contact_main .contact_ways .contact_way_item .item:last-of-type {
    margin-bottom: 18px;
}

.contact_main .contact_ways .contact_ways_sub {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 20px;
    text-align: center;
}

.contact_main .contact_ways .socials {
    column-gap: 6px;
}

.contact_main .contact_ways .socials .social_link {
    background: #fff;
    border-radius: 50%;
    width: 32px;
    height: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all ease 300ms;
}

.contact_main .contact_ways .socials .social_link:hover {
    background: var(--color-main-tint-hover-bg);
}

.contact_main .contact_ways .socials .social_link:hover svg path {
    fill: #fff;
}

.contact_main .contact_form {
    padding-right: 30px;
}

.contact_main .contact_form .contact_form_title {
    display: flex;
    align-items: center;
    justify-content: start;
    column-gap: 16px;
    margin-bottom: 19px;
}

.contact_main .contact_form .contact_form_title .contact_form_title_text {
    color: var(--color-main-tint-1);
    font-family: Rokh;
    font-size: 20px;
    font-weight: bold;
    margin: 0;
}

.contact_main .contact_form .contact_form_title .line {
    flex: 1;
    height: 1px;
    background: var(--color-gray-04);
}

.contact_main .contact_form .form_group {
    margin-bottom: 20px;
}

.contact_main .contact_form .form_group label {
    padding-right: 8px;
    color: var(--color-gray-01);
}

.contact_main .contact_form .form_group input::placeholder {
    color: var(--color-gray-02);
}

/* About Us Page Styles */
.about_site .hero-section .container {
    max-width: 1108px;
    margin: 0 auto;
}

/* 404 Styles */
.page_404 {
    padding: 10px 0;
    text-align: center;
    margin-bottom: 50px;
}

.page_404 .desc {
    margin: 40px 0;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    color: var(--color-main-black);
}

.page_404 .return {
    border: 1px solid var(--color-main-tint-1);
    color: var(--color-main-tint-1);
    padding: 14px 17px;
    line-height: 1;
    border-radius: 14px;
    font-size: 12px;
    font-weight: normal;
    transition: all ease 300ms;
}

.page_404 .return:hover {
    background: var(--color-main-tint-hover-bg);
    color: #fff;
}

/* Page Styles */
.page_rozha .page_rozha_wrapper {
    margin-top: 91px;
    background: var(--color-gray-06);
    border-radius: 24px;
    border: 1px solid var(--color-gray-04);
    padding: 47px 56px;
    margin-bottom: 64px;
    position: relative;
}

.page_rozha .page_rozha_wrapper::before {
    content: " ";
    width: 200px;
    height: 200px;
    position: absolute;
    right: 0;
    left: 0;
    top: -100px;
    margin: auto;
    background: url(../images/faq-bg.png);
    z-index: -1;
}

.page_rozha .page_rozha_wrapper .page-title {
    text-align: center;
    color: var(--color-main-black);
    font-size: 24px;
    font-weight: 900;
    font-family: Rokh;
    margin-bottom: 40px;
    position: relative;
}

.page_rozha .page_rozha_wrapper .page-title span {
    position: relative;
    z-index: 2;
}

.page_rozha .page_rozha_wrapper .page-title span::before {
    position: absolute;
    content: " ";
    width: 100%;
    bottom: 0;
    height: 19px;
    background: #F7F1E9;
    border-bottom: 1px solid var(--color-main-tint-1);
    z-index: -1;
}

.page_rozha .page_rozha_wrapper .entry-content {
    line-height: 28px;
}

.page_rozha .page_rozha_wrapper .entry-content p {
    font-weight: normal;
}

.page_rozha .page_rozha_wrapper .entry-content ul {
    list-style-type: disc;
    padding-right: 30px;
    margin-bottom: 30px;
    font-weight: normal;
}

/* Invoice Styles */
.invoice_main {
    margin-top: 30px;
}

.invoice_main .first_table,
.invoice_main .second_table {
    border-collapse: separate;
}

.invoice_main .third_table {
    width: calc(100% - 4px);
    margin: 2px;
    text-align: center;
    caption-side: bottom;
}

.invoice_main .third_table caption {
    text-align: right;
    margin-top: 10px;
    font-size: 12px;
    position: relative;
}

.invoice_main .third_table thead {
    background: rgb(232 233 233);
}

.invoice_main .first_table td,
.invoice_main .second_table td,
.invoice_main .third_table td {
    border: 2px solid rgb(184 185 185);
    padding: 0;
}

.invoice_main .first_table .title_td {
    vertical-align: middle;
    text-align: center;
    background: rgb(232 233 233);
}

.invoice_main .first_table .title_td h1 {
    font-weight: 900;
    margin: 0;
}

.invoice_main .first_table .header_item span,
.invoice_main .second_table td span,
.invoice_main .third_table td,
.invoice_main .third_table thead th {
    padding: 5px;
    font-size: 12px;
}

.invoice_main .first_table .header_item span:first-child {
    background: rgb(232 233 233);
    width: 50%;
    border-left: 2px solid rgb(184 185 185);
}

.invoice_main .second_table td span:first-child {
    background: rgb(232 233 233);
    border-left: 2px solid rgb(184 185 185);
}

#print-invoice-btn {
    position: absolute;
    left: 0;
    top: 0;
    background: var(--color-main-tint-1);
    color: #fff;
    border: 0;
    padding: 10px 20px;
    border-radius: 10px;
    cursor: pointer;
    transition: all ease 300ms;
    font-family: IRANYekanXFaNum;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 5px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1;
}

#print-invoice-btn:hover {
    background: var(--color-main-black);
}

#print-invoice-btn:focus {
    outline: 0;
    border: 0;
}

.invoice_main .third_table td,
.invoice_main .third_table th {
    border-top: 2px solid #b8b9b9;
    border-right: 2px solid #b8b9b9;
    border-left: 0;
    border-bottom: 0;
}

.invoice_main .third_table td:last-child,
.invoice_main .third_table thead th:last-child {
    border-left: 2px solid #b8b9b9;
}

.invoice_main .third_table tfoot tr:last-child td,
.invoice_main .third_table.admin tbody tr:last-child td {
    border-bottom: 2px solid #b8b9b9;
}

/* Tank you Page Styles */
.thank-you .result_transaction {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    row-gap: 15px;
    padding: 30px 0;
}

.thank-you .result_transaction .transaction_title {
    font-family: Rokh;
    font-weight: 900;
    color: var(--color-main-black);
    font-size: 22px;
    margin: 0;
    text-align: center;
}

.thank-you .result_transaction .transaction_title span {
    color: var(--color-main-tint-1);
    font-family: IRANYekanXFaNum;
}

.thank-you .result_transaction .transaction_error {
    font-family: 'Rokh';
    font-size: 20px;
    color: var(--color-main-tint-1);
    margin: 0;
}

.thank-you .result_transaction .transaction_code {
    display: flex;
    align-items: center;
    justify-content: start;
    column-gap: 5px;
    background: #F3F7FE;
    border-radius: 16px;
    padding: 18px 24px;
    margin-bottom: 0;
    color: #126CE9;
    font-size: 14px;
    font-weight: 500;
    width: fit-content;
    line-height: 1;
}

.thank-you .result_transaction .transaction_code .value {
    color: #000000;
    letter-spacing: 1px;
}

.thank-you .result_transaction .transaction_cta {
    column-gap: 15px;
}

.thank-you .result_transaction .transaction_cta a {
    background: var(--color-main-tint-1);
    color: #fff;
    font-size: 12px;
    font-weight: normal;
    border-radius: 12px;
    padding: 11px 23px;
    width: fit-content;
    display: block;
    transition: all ease 300ms;
    border: 1px solid transparent;
}

.thank-you .result_transaction .transaction_cta a:hover {
    background: none;
    border: 1px solid var(--color-main-tint-1);
    color: var(--color-main-tint-1);
}

.thank-you .result_transaction .transaction_cta .transaction_call {
    background: none;
    border: 1px solid var(--color-main-tint-1);
    color: var(--color-main-tint-1);
}

.thank-you .result_transaction .transaction_cta .transaction_call:hover {
    background: var(--color-main-tint-1);
    color: #fff;
}

/* Transaction Pay Styles */
.transaction_main {
    margin: 30px 0;
}

.transaction_main .transaction_title {
    text-align: center;
    font-size: 22px;
    font-family: Rokh;
    font-weight: 900;
    color: var(--color-main-black);
}

.transaction_main .transaction_title span {
    font-family: IRANYekanXFaNum;
    color: var(--color-main-tint-1);
}

.transaction_main .transaction_desc {
    background: var(--color-main-tint-3);
    color: var(--color-main-tint-1);
    border-radius: 12px;
    padding: 12px 17px;
    font-size: 14px;
    font-weight: normal;
    text-align: justify;
    text-align-last: right;
    column-gap: 10px;
    line-height: 32px;
    margin-bottom: 14px;
}

.transaction_main .transaction_checkout .inside_form {
    background: #fff;
    border: 1px solid var(--color-gray-04);
    border-radius: 24px;
    margin-top: 24px;
    padding: 32px 26px;
}

.transaction_checkout .payment_methods_transaction {
    display: flex;
    flex-wrap: wrap;
    column-gap: 16px;
    align-items: start;
}

.transaction_checkout .payment_methods_transaction .payment_method_trans {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 16px;
    border: 1px solid var(--color-gray-04);
    background: #fff;
    cursor: pointer;
    width: 165px;
    height: 90px;
    transition: all ease 300ms;
}

.transaction_checkout .payment_methods_transaction .payment_method_trans:hover,
.transaction_checkout .payment_methods_transaction .payment_method_trans.selected {
    border-color: var(--color-main-tint-1);
    box-shadow: 0 0 16px 0 rgba(69, 85, 164, 0.1);
}

.transaction_checkout .summary_transaction {
    background: var(--color-gray-06);
    border-radius: 16px;
    padding: 20px 32px;
    margin-top: 24px;
}

.transaction_checkout .summary_transaction .summary_transaction_title {
    font-size: 16px;
    font-weight: bold;
    color: var(--color-main-black);
}

.transaction_checkout .summary_transaction .summery_design_total {
    margin-top: 13px;
    padding-top: 18px;
    border-top: 1px solid var(--color-gray-04);
    font-size: 14px;
    font-weight: bold;
    color: var(--color-main-black);
}

.transaction_checkout .summary_transaction .summery_design_total .value {
    font-size: 16px;
    font-weight: 800;
}

.transaction_main .transaction_buttons {
    column-gap: 21px;
    margin-top: 20px;
}

.transaction_main .transaction_buttons .btn {
    border-radius: 16px;
    background: #fff;
    border: 1px solid #E4E4E9;
    height: 56px;
    width: 50%;
    font-size: 14px;
    font-weight: 400;
    color: var(--color-gray-01);
    font-family: IRANYekanXFaNum;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 2px;
    transition: all ease 300ms;
}

.transaction_main .transaction_buttons .btn-primary {
    background: var(--color-shop-btn);
    border-color: var(--color-shop-btn);
    color: #fff;
}

.transaction_main .transaction_buttons .btn:hover {
    background: var(--color-gray-hover-bg);
}

.transaction_main .transaction_buttons .btn-primary:hover {
    background: var(--color-btn-shop-hover-bg);
}

.nice-select.open .list {
    overflow-y: auto !important;
    max-height: 300px;
}

@media print {
    #print-invoice-btn {
        display: none !important;
    }
}

@media print {
    * {
        print-color-adjust: exact !important;
        -webkit-print-color-adjust: exact !important;
        /* color-adjust: exact !important; */
    }

    .container {
        max-width: 100% !important;
    }

    @page {
        size: A4 landscape;
    }
}