@import "https://fonts.googleapis.com/css?family=Montserrat:400,700|Raleway:300,400";
/* colors */
/* tab setting */
/* breakpoints */
/* selectors relative to radio inputs */


.vira_box_course .course_index {
    background-color: #fff;
}

.vira_box_course .course_image {
    height: 165px !important;
    position: relative;

}

.course_image33_09 {
    height: 170px !important;
}

.course_image33_09 img {
    height: 170px !important;
    max-width: 100% !important;
}

.vira_box_course .course_image img {
    height: 165px !important;
}


.course_content_top span {
    font-family: yekanbakh;
    font-size: .8rem;
    color: rgb(56, 129, 249);
    text-align: right;
    /*display: block;*/
}

.course_content_title h2 {
    font-family: swap;
    font-size: .83rem;
    text-align: justify;
    line-height: 24px;
    word-spacing: -1px;
    color: #212121 !important;
    height: 47px !important;
    margin-bottom: 0 !important;
}

.course_content_title h2 a {
    color: #212121 !important;
}

.course_body {
    padding: 0 16px !important;
}

.course_content_time {
    background: rgb(228, 231, 236);
    padding: 6px 5px;
    border-radius: 8px !important;
    font-size: .8rem;
    margin-bottom: 23px;
    color: rgb(100, 121, 157);
    font-family: yekanbakh;
    margin-left: 5px !important;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 5px;
}

del {
    color: #666 !important;
    display: block;
}

.course_content_like a {
    display: flex;
    align-items: center;
    gap: 4px; /* فاصله بین آیکون و عدد */
    padding: 6px 8px;
    border-radius: 8px;
    background: rgba(213, 38, 38, 0.1);
    font-size: .8rem;
    font-family: yekanbakh;
    margin-left: 5px;
    color: rgb(217, 38, 38) !important;
}

.course_content_like33 a {
    display: flex;
    align-items: center;
    gap: 4px; /* فاصله بین آیکون و عدد */
    padding: 6px 8px;
    border-radius: 8px;
    background: #f2f2f2;
    font-size: .8rem;
    font-family: yekanbakh;
    margin-left: 5px;
    color: rgb(217, 38, 38) !important;
}

.course_content_like svg {
    width: 14px;
    height: 14px;

}

.course_content_like33 svg {
    width: 14px;
    height: 14px;
}

.course_content_like33 svg path {

    stroke: #0d66c2;
}

.price_course_svg {
    margin-right: 5px !important;
}

.course_content_like svg path {

    stroke: rgb(217, 38, 38);
}

.course_content_price span {
    display: flex;
    align-items: center;
    gap: 4px; /* فاصله بین آیکون و عدد */
    padding: 6px 8px;
    border-radius: 8px;
    font-size: .9rem;
    font-family: yekanbakh;
    /*margin-left: 5px;*/
    color: rgb(54, 127, 244);
    /*background-color: #8686ff21 !important;*/
}

.number_course {
    padding: 0 6px !important;
    font-size: .65rem;
    position: absolute;
    right: 6px;
    top: 9px !important;
    font-family: swap;
    height: 25px;
    line-height: 25px;
    background-color: rgb(221, 42, 48);
    color: #fff;
    border-radius: 8px;
}


.course_content_border {
    border-bottom: 1px dashed #e0e0e0 !important;
    height: 50px !important;
}

.course_image {
    border-radius: 8px;
}

.course_image img {
    /*border-radius: 8px;*/
}


.shop-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.shop-header h2,
.shop-header .woocommerce-result-count {
    margin: 0;
    padding: 0;
    line-height: 1.5;
    display: flex;
    align-items: center;
    font-family: yekanbakh !important;
}

.shop-header h2 {
    color: #212121;
    font-size: 1.2rem;
}

.shop-header .woocommerce-result-count {
    font-size: .86rem !important;
    color: #666;
}

.tablist_ajax {
    background: #fff;
    border-radius: 8px;
    margin: 0 0 1rem 0;
    /*box-shadow: 0 0 10px rgba(0,0,0,0.04);*/
    height: 61px;
    display: flex;
    align-items: center;
}

.sort-tabs .nav-link {
    /*padding: 0.5rem 1rem;*/
    font-weight: 500;
    color: #333;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    height: 100%;
    border-radius: 0;
    border: none;
    font-size: .8rem;
}

.title_tablist {
    font-size: .9rem;
}


.sort-tabs .nav-link.active {
    /*color: #0a7aff;*/
    display: flex;
    align-items: center;
    height: 100%;
    border: none;
    border-top: 2px solid #0a7aff;
    border-bottom: 2px solid #0a7aff;
}

/* وقتی تب هم اکتیو هست هم هاور شده */
.sort-tabs .nav-link.active:hover {
    color: #0a7aff;
    border-top: 2px solid #0a7aff;
    border-bottom: 2px solid #0a7aff;
}

/* وقتی روی تب غیرفعال هاور می‌کنی */
.sort-tabs .nav-link:hover:not(.active) {
}


.tablist_ajax .nav-item {
    display: flex;
    align-items: center;
}

.dropdown_custome_search {

}

.dropdown_custome_search button {
    font-size: .9rem;
    font-family: yekanbakh;
    border-radius: 0 !important;
    width: 100% !important;
    margin-right: 5px;
    background-color: #f9f9f9;
}

.dropdown_custome_search li {
    text-align: right;
    font-size: .8rem;
}

.tablist_ajax .tablist2 {
    height: 100% !important;
}


.aside_wc .widget_search {
    margin-top: 0 !important;
}


.widget_search2 {
    background-color: #fff;
    padding: 10px;
    /*box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);*/
    /*margin-top: 1rem !important;*/
    border-radius: 8px;
}

.widget_search2 p {
    text-align: center;
    margin-top: 10px;
    font-size: 17px !important;
}


.widget_search2 form > div {
    display: flex;
    flex-direction: column;
}

.widget_search2 input[type="text"] {
    width: 100%;
    padding: 7px 10px 7px 27px;
    margin-bottom: 16px;
    /*border: 1px solid #ccc;*/
    border-radius: 8px;
    font-size: 13px;
    box-sizing: border-box;
    transition: border-color 0.3s ease;
    font-family: swap !important;
    border: none;
}

.widget_search2 input[type="text"]:focus {
    border-color: #0073aa;
    outline: none;
}

.course-footer3333 {
    height: 0 !important;
    padding: 20px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.more_show_course {
    font-size: .72rem !important;
    color: #212121;
    border: 1px dashed #EBEAEA;
    height: 38px !important;
    display: flex;
    align-items: center;
    padding: 0 10px;
    font-family: yekanbakh !important;
}

.more_show_course:hover {
    cursor: pointer;
    color: #212121;
}

.hidden_custome {
    visibility: hidden;
}

.woocommerce-pagination {
    margin-bottom: 2rem !important;
}

.woocommerce nav.woocommerce-pagination ul li .page-numbers {
    background: #e6e6e6;
    border-radius: 3px;
    display: inline-block;
    padding: 10px 13px;
    margin: 2px;
    font-size: 13px !important;
}

.woocommerce nav.woocommerce-pagination ul li {
    border: none;
}

.woocommerce nav.woocommerce-pagination ul {
    border: none;
}

.woocommerce nav.woocommerce-pagination ul li a.page-numbers:hover, .woocommerce nav.woocommerce-pagination ul li .current {
    background: #0a7aff !important;
    color: #ffffff !important;
}



.added_to_cart {
    display: none !important;
}


form {
    margin-bottom: 0 !important;
}

.woocommerce-error {
    background-color: #f9f9f9;
    color: #212121;
    font-size: 13px !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    animation: none !important;
    transition: none !important;
    border-right: 2px solid #e74c3c !important;
    line-height: 21px !important;
    border-radius: 8px !important;
    margin-bottom: 0 !important;
}

.woocommerce-message {
    margin-bottom: 10px !important;
    background-color: #f9f9f9;
    color: #212121;
    font-size: 13px !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    animation: none !important;
    transition: none !important;
    line-height: 26px !important;
}

.woocommerce-message.animated,
.woocommerce-message.is-active,
.woocommerce-message.fade,
.woocommerce-message.slide {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
}

.woocommerce-message {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
}


.box_top2_course .card {
    padding: 11px 16px !important;
}

.course_image33_33 {
    position: relative !important;
    height: 167px !important;
}

.course_image33_33 img {
    height: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
}

.swiper.mySwiper {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.swiper-initialized.mySwiper {
    visibility: visible;
    opacity: 1;
}

.box_price_view {
    display: flex;
    align-items: center;
    justify-content: end;
    height: 100%;
}


@media (max-width: 751px) {

    .tablist_ajax {
        justify-content: center !important;
    }

    .add-to-cart-custome {
        display: flex !important;
        width: 100% !important;
        margin-bottom: 1.1rem !important;
        justify-content: center !important;
    }

    .box_price_view {
        display: flex;
        justify-content: center !important;
    }

    .text_set_price {
        font-size: 1.2rem !important;
    }

    .text3_set_price {
        font-size: 1rem !important;
        color: red !important;
    }

}


.error-container {
    text-align: center;
    font-size: 106px;
    font-family: 'Catamaran', sans-serif;
    font-weight: 800;
    margin: 46px 15px 15px 15px;
}

.error-container > span {
    display: inline-block;
    position: relative;
}

.error-container > span.four {
    width: 127px;
    height: 43px;
    border-radius: 999px;
    background: linear-gradient(140deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.07) 43%, transparent 44%, transparent 100%),
    linear-gradient(105deg, transparent 0%, transparent 40%, rgba(0, 0, 0, 0.06) 41%, rgba(0, 0, 0, 0.07) 76%, transparent 77%, transparent 100%),
    linear-gradient(to right, #d89ca4, #e27b7e);
}

.error-container > span.four:before,
.error-container > span.four:after {
    content: '';
    display: block;
    position: absolute;
    border-radius: 999px;
}

.error-container > span.four:before {
    width: 43px;
    height: 156px;
    left: 60px;
    bottom: -43px;
    background: linear-gradient(128deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.07) 40%, transparent 41%, transparent 100%),
    linear-gradient(116deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.07) 50%, transparent 51%, transparent 100%),
    linear-gradient(to top, #99749D, #B895AB, #CC9AA6, #D7969E, #E0787F);
}

.error-container > span.four:after {
    width: 137px;
    height: 43px;
    transform: rotate(-49.5deg);
    left: -18px;
    bottom: 36px;
    background: linear-gradient(to right, #99749D, #B895AB, #CC9AA6, #D7969E, #E0787F);
}

.error-container > span.zero {
    vertical-align: text-top;
    width: 156px;
    height: 156px;
    border-radius: 999px;
    background: linear-gradient(-45deg, transparent 0%, rgba(0, 0, 0, 0.06) 50%, transparent 51%, transparent 100%),
    linear-gradient(to top right, #99749D, #99749D, #B895AB, #CC9AA6, #D7969E, #ED8687, #ED8687);
    overflow: hidden;
    animation: bgshadow 5s infinite;
}

.error-container > span.zero:before {
    content: '';
    display: block;
    position: absolute;
    transform: rotate(45deg);
    width: 90px;
    height: 90px;
    background-color: transparent;
    left: 0px;
    bottom: 0px;
    background: linear-gradient(95deg, transparent 0%, transparent 8%, rgba(0, 0, 0, 0.07) 9%, transparent 50%, transparent 100%),
    linear-gradient(85deg, transparent 0%, transparent 19%, rgba(0, 0, 0, 0.05) 20%, rgba(0, 0, 0, 0.07) 91%, transparent 92%, transparent 100%);
}

.error-container > span.zero:after {
    content: '';
    display: block;
    position: absolute;
    border-radius: 999px;
    width: 70px;
    height: 70px;
    left: 43px;
    bottom: 43px;
    background: #FDFAF5;
    box-shadow: -2px 2px 2px 0px rgba(0, 0, 0, 0.1);
}

.screen-reader-text {
    position: absolute;
    top: -9999em;
    left: -9999em;
}

@keyframes bgshadow {
    0% {
        box-shadow: inset -160px 160px 0px 5px rgba(0, 0, 0, 0.4);
    }
    45% {
        box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
    }
    55% {
        box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
    }
    100% {
        box-shadow: inset 160px -160px 0px 5px rgba(0, 0, 0, 0.4);
    }
}

.zoom-area {
    max-width: 490px;
    margin: 0 auto 0 auto;
    font-size: 1rem;
    text-align: center;
}

.link-container {
    text-align: center;
}

a.more-link-c {
    text-transform: uppercase;
    font-family: Swap;
    font-size: .75rem;
    background-color: #d94560;
    padding: 12px 21px;
    border-radius: 8px;
    color: #fff;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    line-height: 1.5;
    text-decoration: none;
    margin-top: 30px;
}

@media screen and (max-width: 768px) {

    .error-container > span.four {
        width: 98px;
        height: 33px;
    }

    .error-container > span.four:before {
        width: 32px;
        height: 146px;
        left: 60px;
        bottom: -43px;
    }

    .error-container > span.four:after {
        width: 124px;
        height: 38px;
        left: -18px;
        bottom: 36px;
    }

    .error-container > span.zero {
        vertical-align: middle;
        width: 93px;
        height: 100px;
    }

    .error-container > span.zero:before {
        position: absolute;
        width: 84px;
        height: 61px;
        left: 0px;
        bottom: 0px;
    }

    .error-container > span.zero:after {
        position: absolute;
        width: 42px;
        height: 47px;
        left: 25px;
        bottom: 26px;
    }
}

.text-sp {
    display: none;
}

@media screen and (max-width: 385px) {
    .error-container {
        display: none;
    }

    .text-sp {
        display: block;
        text-align: center;
        font-size: 83px;
        margin: 9px;
        color: #e27b7e;
        padding-top: 50px;
    }

}

.back-notfound h1 {
    text-align: center;
    margin-top: 1.5rem;
    margin-bottom: 1.9rem;
    font-size: 1.8rem;
}

.countdown-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    /*border-radius: 8px;*/
    padding: 10px 12px;
    font-family: swap;
    direction: rtl;
    /*margin: 9px auto;*/
    max-width: 700px;
}

.countdown-wrapper2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    /*border-radius: 8px;*/
    padding: 10px 12px;
    font-family: swap;
    direction: rtl;
    margin: 9px auto;
    max-width: 700px;
}


.countdown-right {
    flex: 1;
    text-align: right;
}

.countdown-left {
    flex: 1;
    text-align: left;
}

.discount-label {
    /*color: rgb(221, 42, 48);*/
    font-size: .82rem;
    white-space: nowrap;
    margin-left: 5px !important;
    font-family: yekanbakh;
}





/* ✅ موبایل */
@media (max-width: 768px) {
    .countdown-wrapper {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 6px;
    }

    .countdown-wrapper2 {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 6px;
    }

    .countdown-right,
    .countdown-left {
        flex: none;
        width: 100%;
    }

    .discount-label {
        margin-bottom: 16px;
        font-size: 0.85rem;
        text-align: center;
    }

    .timer {
        justify-content: center;
        flex-wrap: wrap;
    }



    .custom-tabs {
        width: 100% !important;
        background-color: white;
        border-bottom: none;
        font-family: Swap;
        padding: 8px 2px !important;
        font-size: 14px;
        display: inline-flex;
        border-radius: 8px;
    }

    .custom-tabs .nav-link {
        gap: 3px !important;
        font-size: 13px;
        font-family: yekanbakh;
    }
}

.list_box_course {
    background-color: rgb(245, 246, 249);
    padding: 0 1.2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 70px;
    flex-wrap: nowrap;
    gap: 10px;
    font-size: .8rem;
    color: #212121;
    font-family: Swap !important;
}

.list_box_course_body {
    background-color: #f9f9f9;
}

.list_box_course:hover {
    color: #212121 !important;
    cursor: pointer;
}

.box_play_video_show3 {
    background-color: #fff;
    border: 1px dashed #EBEAEA;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 61px;
    flex-wrap: nowrap;
    gap: 10px;
}

.rotate-icon {
    transition: transform 0.3s ease;
    transform: rotate(90deg); /* فلش چپ */
}

.rotate-icon.open {
    transform: rotate(0deg); /* فلش پایین */
}

.woocommerce-Price-currencySymbol {
    margin-left: 5px;
}

.swal2-styled {
    font-size: .88rem !important;
}

.bookmarcourse:hover {
    cursor: pointer;
}

.unbookmark:hover {
    cursor: pointer;
}

.unbookmark path {
    stroke: #e74c3c !important;
}

.product .course_body .truncate-3 {
    height: 48px !important;
}

.custom-checkout-button {
    background-color: rgb(56, 129, 249) !important;
    color: #fff;
    width: 100%;
    height: 100%;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 300 !important;
}

.woocommerce-form-coupon-toggle .woocommerce-info {
    background-color: #fff !important;
    font-size: .84rem !important;
    font-family: yekanbakh !important;
    color: #303030;
    border-top: 2px solid rgb(56, 129, 249);
    height: 57px !important;
    display: flex;
    align-items: center;
}

.woocommerce-form-coupon-toggle .woocommerce-info:before {
    top: 1.47em !important;
}

.showcoupon {
    margin-right: 5px !important;
}

#woocommerce-checkout-form-coupon {
    margin-bottom: 1rem !important;
    background-color: #fafafa !important;
    border: 1px solid #EBEAEA;
}

.form-row-last button {
    background-color: rgb(56, 129, 249) !important;
    font-weight: 300 !important;
    width: 100% !important;
    color: #fff !important;
    font-family: yekanbakh !important;
    font-size: .9rem !important;
    height: 44px;
}

.form-row-first #coupon_code {
    height: 44px !important;
    background-color: #fafafa !important;
    border: 1px solid #EBEAEA !important;
    font-family: yekanbakh !important;
    font-size: .9rem !important;
    outline: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

.woocommerce-additional-fields h3 {
    font-size: 1rem !important;
    color: #474b53 !important;
    line-height: 23px !important;
    margin-bottom: 10px;
}

.woocommerce-billing-fields h3 {
    font-size: 1rem !important;
    color: #474b53 !important;
    line-height: 23px !important;
    margin-bottom: 10px;
}

.woocommerce-billing-fields__field-wrapper label {
    margin-top: 10px !important;
    margin-bottom: 5px !important;
    color: #212121;
    font-family: yekanbakh;
    font-size: .9rem !important;
}

#order_comments_field label {
    margin-top: 10px !important;
    margin-bottom: 5px !important;
    color: #212121;
    font-family: yekanbakh;
    font-size: .9rem !important;
}

#order_comments_field input {
    height: 44px !important;
    background-color: #fafafa !important;
    border: 1px solid #EBEAEA !important;
    font-family: yekanbakh !important;
    font-size: .9rem !important;
    outline: none !important;
    box-shadow: none !important;
}

#order_comments_field textarea {
    background-color: #fafafa !important;
    border: 1px solid #EBEAEA !important;
    font-family: yekanbakh !important;
    font-size: .9rem !important;
    outline: none !important;
    box-shadow: none !important;
    height: 100px !important;
}

.woocommerce-billing-fields__field-wrapper input {
    height: 44px !important;
    background-color: #fafafa !important;
    border: 1px solid #EBEAEA !important;
    font-family: yekanbakh !important;
    font-size: .9rem !important;
    outline: none !important;
    box-shadow: none !important;
}

#order_review_heading {
    font-size: 1rem !important;
    color: #474b53 !important;
    line-height: 23px !important;
    margin-bottom: 10px !important;
    margin-top: 1.4rem !important;
}

.shop_table th {
    font-size: .95rem;
    font-weight: 300 !important;
    font-family: swap;
    color: #474b53 !important;
}

.shop_table td {
    font-size: .9rem;
    font-weight: 300 !important;
    font-family: yekanbakh !important;
    color: #474b53!important;
}

#place_order {
    background-color: rgb(56, 129, 249) !important;
    width: 100%;
    margin-top: 1.5rem;
    font-weight: 300;
    font-size: .9rem;
    height: 39px;
}

.woocommerce-privacy-policy-text p {
    font-size: .85rem;
    font-family: yekanbakh;
    margin-top: 11px;
    text-align: justify;
    line-height: 28px;

}

.payment_box p {
    font-size: .91rem;
    font-family: yekanbakh;
}

.cart-subtotal th, .cart-subtotal td {
    font-size: .9rem;
    font-weight: 300 !important;
    font-family: yekanbakh !important
}

.order-total th, .order-total td {
    font-size: .9rem;
    font-weight: 300 !important;
    font-family: yekanbakh !important
}

.wallet-pay-partial th, .wallet-pay-partial td {
    font-size: .9rem;
    font-weight: 300 !important;
    font-family: yekanbakh !important
}

.shop_table tr {
    height: 48px;
    background: #fafafa0a;
}

.product-quantity {
    display: none !important;
}

.wallet-pay-partial #partial_wallet_payment_tooltip {
    display: none !important;
}

.dash_action_link a {
    margin-top: 10px !important;
    width: 100%;
    text-align: center;
}

.wc-empty-cart-message .woocommerce-info {
    background: #fff;
    font-size: .8rem;
}

.woocommerce-info {
    border-top-color: #1e85be;
    font-size: .8rem;
}

.return-to-shop {
    display: flex;
    justify-content: center;
}

.wc-backward {
    background-color: rgb(56, 129, 249) !important;
    color: #fff !important;
    font-weight: 300 !important;
    font-size: .83rem !important;
    border: none !important;
    outline: none !important;
    padding: 13px 31px !important;

}


.woocommerce-notice--success {
    font-size: .95rem;
    margin-bottom: 2rem;
    text-align: center;
    color: #27ae60;
    font-family: dana;
    margin-top: 1rem;
}

.woocommerce-order-overview__order strong {
    font-weight: 300 !important;
    font-family: yekanbakh;
    margin-top: 12px;
    font-size: .8rem !important;
    color: #555;
}

.woocommerce-order-overview__order {
    font-size: .9rem !important;
    text-align: center;
}

.woocommerce-order-overview__date {
    font-size: .9rem !important;
    text-align: center;
}

.woocommerce-order-overview__email {
    font-size: .9rem !important;
    text-align: center;
}

.woocommerce-order-overview__total {
    font-size: .9rem !important;
    text-align: center;
}

.woocommerce-order-overview__payment-method {
    font-size: .9rem !important;
    text-align: center;
}

.woocommerce-order-overview__date strong {
    font-weight: 300 !important;
    font-family: yekanbakh;
    margin-top: 12px;
    font-size: .8rem !important;
    color: #555;
}

.woocommerce-order-overview__email strong {
    font-weight: 300 !important;
    font-family: yekanbakh;
    margin-top: 12px;
    font-size: .8rem !important;
    color: #555;
}

.woocommerce-order-overview__total strong {
    font-weight: 300 !important;
    font-family: yekanbakh;
    margin-top: 12px;
    font-size: .8rem !important;
    color: #555;
}

.woocommerce-order-overview__payment-method strong {
    font-weight: 300 !important;
    font-family: yekanbakh;
    margin-top: 12px;
    font-size: .8rem !important;
    color: #555;
}

.woocommerce-table__product-nam {
    color: #212121 !important;
}

.woocommerce-checkout-review-order-table thead tr .product-name {
    background: #f9f9f9;
    color: #212121;
}

.woocommerce-checkout-review-order-table thead tr .product-total {
    background: #f9f9f9;
    color: #212121;
}



.order-again {
    display: none !important;
}

.woocommerce-customer-details {
    display: none !important;
}

.box_thank_you strong {
    font-size: .84rem !important;
    font-weight: 300 !important;
}

.box_thank_you div div p {
    font-size: .85rem !important;
    font-family: yekanbakh !important;
    margin-top: 1rem !important;
    margin-bottom: 5px !important;
}

.box_thank_you .rounded {
    background-color: #fff !important;
    color: #212121 !important;
}

.woocommerce-order-details {
    background: transparent!important;
    padding: 0!important;
    margin-top: 2rem;
    border-radius: 8px;
}

.box_thank_you i {
    color: rgb(56, 129, 249);
}

/*///////////////////////////*/

.align-btn {
    position: fixed;
    bottom: 1rem;
    left: 1rem;
    z-index: 5;
}

.social-btn {
    width: 50px;
    height: 50px;
    text-align: center;
    border: none;
    border-radius: 100%;
    cursor: pointer;
    transition: transform 0.4s ease-in-out;
    position: relative;
}

.btn-list {
    list-style: none;
    position: absolute;
    bottom: 54px;
    left: 0;
    border-radius: 2rem;
    overflow: hidden;
    max-height: none !important;
    opacity: 0;
    visibility: hidden;
    transition: max-height 0.4s ease, opacity 0.4s ease, visibility 0.4s;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    margin: 0;
    padding: 0;
}

/* وقتی باز شود */
.btn-list.open {
    opacity: 1;
    visibility: visible;
}


.btn-list li {
    border-radius: 50%; /* معمولا 50% برای دایره کافیه */
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 3px;
    width: 100px;
    height: 100px;
    background-color: #3498db; /* برای دیدن بهتر */
    list-style: none; /* حذف بولت لیست */
    padding: 0;
    border: none;
}

.social-icon {
    transition: opacity 0.3s ease, transform 0.3s ease;
}


.btn-list__item {
    color: initial;
}

.open-list {

    opacity: 1;
    visibility: visible;
}


@keyframes jump-shaking {
    0% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(-10px);
    }
    50% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(-5px);
    }
    100% {
        transform: translateY(0);
    }
}


.single-item-slider {
    opacity: 0;
    pointer-events: none; /* برای اینکه چیزی قابل کلیک نباشه */
    transition: opacity 0.5s ease;
}

.cat_slider {
    color: #848484;
    font-size: .7rem;
    margin-bottom: 14px;
    display: block;
    text-align: right;
}

.title_slider {
    display: block;
    text-align: right;
    color: #474c55;
    font-family: Swap;
    font-size: .95rem;
    margin-bottom: 1.5rem;
}

.box_slider {
    padding: 2px 10px;
    align-items: center;
    border-radius: 8px;
    background-color: #fafafa !important;
    border: 1px solid #EBEAEA;
}

.box_slider_box {
    border-radius: 100%;
    overflow: hidden;
    width: 50px;
    margin: 8px;
    background: #fff;
    border-radius: 8px;
    width: 40px;
    height: 40px;
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 20px;
}

.box_slider_box_text {
    margin-right: 10px;
}

.box_slider_text_1 {
    text-align: right;
    margin-bottom: 12px;
    font-size: .72rem;
    font-family: yekanbakh;
    color: #666 !important;
}

.box_slider_text_2 {
    font-weight: 300;
    font-size: .82rem;
    font-family: yekanbakh;
    text-align: right;
}


.pcardfooter_custome {
    position: relative;
    background-color: #fafafa !important;
    border: 1px solid #EBEAEA;
    border-radius: 8px;

    padding: 10px;
}

.price_custome_slider {
    color: #2980b9;
    font-weight: 300;
    font-family: yekanbakh;
    margin-top: 10px;
    font-size: .8rem;
}

.p_custome_slder_1 {
    text-decoration: line-through;
    font-size: 13px;
    color: #868686;
    font-weight: 200;
}

.p_custome_slder_2 {
    font-size: 12px;
    color: #fff;
    font-weight: 200;
    background: rgb(221, 42, 48);
    border-radius: 25px;
    padding: 3px 8px;
    margin-right: 8px;
}

.btn_custome_slider {
    font-family: yekanbakh;
    font-size: .75rem;
    background-color: #2980b9;
    height: 40px;
    display: flex;
    align-items: center;
    color: #fff;
    width: 130px;
    padding: 0;
    border-radius: 8px;
}

.box_slider_box i {
    color: #2980b9;
}


.btn_custome_slider .icon-container {
    width: 40px;
    height: 100%;
    background: #ffffff29;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 100em;
    border-bottom-left-radius: 100em;
    margin-left: 0; /* دیگر فاصله اضافی نمی‌گذاریم */
}

.btn_custome_slider .text-container {
    flex: 1; /* باقی فضا را می‌گیرد */
    display: flex;
    align-items: center;
    justify-content: center; /* متن را دقیقاً وسط می‌گذارد */
}

.btn_custome_slider:hover {
    color: #fff !important;
}

@media (max-width: 992px) {
    .nastoh_notic_theme {
        height: auto !important;
    }

    /* برای موبایل و تبلت */
    .nastoh_notic_theme_box1_child p {
        margin-top: 10px;
        line-height: 26px !important;
        margin-bottom: 5px !important;
        font-size: .84rem !important;
    }

    .nastoh_notic_theme_box1 a {
        margin-bottom: 10px !important;
    }

    .nastoh_left_box_notic {
        justify-content: center !important;
        margin-top: 12px;
        margin-bottom: 10px !important;
    }

    .nastoh_notic_theme_box1 .nastoh_notic_theme_box1_child {
        flex-direction: column; /* تغییر جهت به ستونی */
        align-items: flex-start; /* متن و دکمه از چپ یا راست تراز می‌شوند */
    }

    .nastoh_notic_theme_box1 .nastoh_notic_theme_box1_child a {
        margin-top: 10px !important; /* فاصله از بالا */
        margin-right: 0 !important; /* حذف فاصله قبلی */
    }
}

/*.nastoh-cart-overlay {*/
/*    display: none;*/
/*    position: fixed;*/
/*    top: 0; left: 0;*/
/*    width: 100vw;*/
/*    height: 100vh;*/
/*    background-color:rgba(0, 0, 0, 0.84);*/
/*    z-index: 1000; !* زیر dropdown که 1002 هست *!*/
/*}*/


#search-overlay.active {
    display: flex;
}

.search-box {
    width: 100%;
    max-width: 600px;
}

#search-input {
    flex: 1;
    padding: 12px;
    font-size: 16px;
    border-radius: 8px;
    border: 1px solid #ccc;
    width: 100%;
}

#search-button {
    padding: 10px 16px;
    background: #2980b9;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
}

#search-results {
    background: #fafafa;
    margin-top: 12px;
    border-radius: 8px;
    max-height: 300px;
    overflow-y: auto;
    text-align: center;

}

#search-results a {
    font-size: .75rem;
}

#search-results div {
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
}

#search-results a {
    text-decoration: none;
    color: #333;
}


/* لایه مخفی اولیه */
#search-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.84);
    z-index: 10000;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20px;
}

/* با Flexbox مرکز صفحه */
#search-overlay.active {
    display: flex;
}

/* جعبه سرچ */
.search-box {
    width: 100%;
    max-width: 600px;
}

/* فیلد جستجو */
#search-input {
    width: 100%;
    padding: 15px;
    font-size: 18px;
    border-radius: 8px;
    border: none;
}

/* نتایج */
#search-results {
    background: #fff;
    margin-top: 10px;
    border-radius: 8px;
    max-height: 300px;
    overflow-y: auto;
}

/* آیتم نتیجه */
#search-results div {
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
}

#search-results div:last-child {
    border-bottom: none;
}

#search-results a {
    text-decoration: none;
    color: #333;
}

@media (max-width: 600px) {
    #search-input {
        font-size: 16px;
        padding: 12px;
    }
}

#search-results div {
    font-size: .75rem;
}

.navbar {
    background-color: #fafafa;
}

.navbar-brand img {
    width: 10vw;
    max-width: 130px;
    min-width: 60px;
    height: auto;
}

.navbar-nav {
    align-items: center;
}

@media (min-width: 992px) {
    .main-menu {
        display: flex !important;
        margin-right: 2px;
        gap: 0; /* حذف فاصله پیش‌فرض */
    }

    .navbar .navbar-nav > .nav-item {
        position: relative;
        flex: 1 1 auto;
        text-align: right;
        margin-left: 11px;
        padding: 0;
    }


    .navbar .navbar-nav > .nav-item ul li {
        min-width: 60px !important;
        text-align: right;
        background: #fff !important;
        height: 39px;
        font-size: .9rem;
    }

    .navbar .navbar-nav .nav-link {
        /*display: block;*/
        /*padding: 10px 15px;*/
        /*color: #212121;*/
        /*font-size: 0.9rem;*/
        /*white-space: nowrap;*/
        /*position: relative;*/
        /*top: 3px;*/
        display: block;
        color: #212121;
        font-size: 0.85rem;
        white-space: nowrap;
        position: relative;
        top: 3px;
        margin: 0;
        border-radius: 8px !important;
        transition: all 0.3s ease;
    }

    .navbar .navbar-nav > li > a:hover {
        background-color: #2980b9d1 !important;
        color: #fff;
    }

    .submenu-toggle::after {
        display: none !important;
    }

    .navbar .navbar-nav .submenu,
    .navbar .navbar-nav .submenu .submenu {
        position: absolute;
        right: 0;
        top: 100%;
        display: none;
        /*background: #fff;*/
        /*border-radius: 8px;*/
        /*box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);*/
        padding: 10px 0;
        min-width: 200px;
        z-index: 9999;
        /*margin-top: 10px;*/
        margin-right: 5px;
    }

    .navbar .navbar-nav .nav-item:hover > .submenu {
        display: block;
    }

    .navbar .navbar-nav .submenu li:hover > .submenu {
        right: 100%;
        top: 0;
        display: block;
    }

    .navbar .navbar-nav .submenu .nav-link {
        padding: 8px 20px;
        white-space: nowrap;
    }
}

.submenu-toggle::after {
    content: '\25BE';
    float: left;
    margin-left: 10px;
    transition: transform 0.3s ease;
    font-size: 23px;
}

.submenu-toggle.active::after {
    transform: rotate(-180deg);
}

.submenu,
.submenu .submenu {
    display: none;
    padding-right: 1rem;
}

.submenu.show {
    display: block;
}

.nastoh-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.nastoh-modal-content {
    background: white;
    width: 90%;
    max-width: 500px;
    margin: 100px auto;
    padding: 20px;
    border-radius: 8px;
    position: relative;
}


.nastoh-mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 80%;
    max-width: 320px;
    height: 100%;
    background: #fff;
    z-index: 10000;
    transform: translateX(-100%);
    transition: transform 0.3s ease-in-out;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2);
}

.nastoh-mobile-menu.active {
    transform: translateX(0);
}


/* در موبایل فقط منو نشان داده شود */
@media (max-width: 768px) {
    .nastoh-modal {
        display: none !important;
    }
}

.nastoh-cart-dropdown {
    display: none;
    position: absolute;
    top: 55px;
    left: 0;
    width: 300px;
    background: white;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    z-index: 1002;
}

.nastoh-cart-header {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    font-size: 14px;
    height: 40px;
    background: #fafafa;
    align-items: center;
    padding: 0 10px;
    font-weight: 300;
    font-family: yekanbakh;
}


.nastoh-cart-items {
    list-style: none;
    padding: 0 10px;
    margin: 0;
}

.nastoh-cart-items li {
    height: 50px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    line-height: 30px;
    /*background-color: #fafafa !important;*/
    /*border: 1px solid #EBEAEA;*/
    padding: 0 5px;
    font-size: .7rem;
    font-family: dana2 !important;
    text-align: center;
    justify-content: center;
    color: #212121;
}

.nastoh-cart-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.84);
    z-index: 1000;
}

nav.breadcrumb {
    margin-top: 12px !important;
}


.active_new {
    border-right: 2px solid #2980b9 !important;
}


.download-btn-dynamic {
    font-size: 0.75rem;
    display: block;
    width: 117px;
    margin-right: auto !important;
    margin-left: auto !important;
    margin-bottom: 25px;
    background: #2980b9;
    color: #fff;
    height: 33px;
    line-height: 33px;
    padding: 0 !important;
    border: none !important;
    outline: none !important;
}

#video-container {
    margin-bottom: 10px !important;
    position: relative;
!important;
}


#video-container {
    position: relative;
}


.course_image img {
    width: 100% !important;
}


.search_box .screen-reader-text {

    clip: rect(1px, 1px, 1px, 1px);
    word-wrap: normal !important;
    border: 0;
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    overflow-wrap: normal !important;
    padding: 0;
    position: absolute !important;
    width: 1px;
}

.plyr--full-ui {
    display: flex;
}

#audio-podcasts .plyr__controls {
    width: 100%;
}

.form_cotact_us_custome input {
    height: 46px;
    border-radius: 0;
    direction: rtl;
    color: #212121 !important;
    font-family: yekanbakh;
    font-size: .88rem !important;
    border: 1px dashed #EBEAEA;

}

.form_cotact_us_custome select {
    height: 46px;
    border: none;
    border-radius: 0;
    direction: rtl;
    color: #555 !important;
    font-family: yekanbakh;
    font-size: .88rem !important;


}

.form_cotact_us_custome textarea {
    border: none;
    border-radius: 0;
    direction: rtl;
    color: #555 !important;
    font-family: yekanbakh;
    font-size: .88rem !important;
}

.form_cotact_us_custome label {
    font-family: yekanbakh;
}

.form_cotact_us_custome button {
    font-family: yekanbakh;
}

.form_cotact_us_custome input::placeholder {
    color: #555 !important;
}

.form-control:focus {

    border-color: none !important;
    outline: 0;
    box-shadow: none !important;
}

@media (min-width: 992px) {
    .navbar .navbar-nav > .nav-item ul li {
        transition: background-color 0.3s ease, color 0.3s ease;
    }

    .navbar .navbar-nav > .nav-item ul li:hover {
        background-color: #f9f9f9 !important;
        color: #212121;
    }
}

#clipboard-document {
    position: relative;
    top: -1px !important;
}

/* کوچک کردن فونت عنوان SweetAlert2 */
.my-swal-title {
    font-size: 15px !important; /* مقدار دلخواه */
    font-weight: normal !important;
}

#swal2-title {
    font-size: 15px !important;
    font-weight: normal !important;
    font-family: yekanbakh !important;
}

.social-icons a:focus {
    outline: none;
    box-shadow: none;
}

.social-icons a {
    outline: none;
    box-shadow: none;
}

.post-content li {
    position: relative;
    padding-right: 1rem; /* جا برای دایره در سمت راست */
}

.post-content li::after {
    content: "";
    position: absolute;
    right: -1rem;
    bottom: 50%;
    transform: translateY(50%);
    width: 7px;
    height: 7px;
    background-color: rgb(45, 57, 74);
    border-radius: 9999px; /* دایره کامل */
}


.plyr {
    border-radius: 8px;
}

.sp_color_back {
    font-weight: normal !important;
}

/* colors */
/* tab setting */
/* breakpoints */
/* selectors relative to radio inputs */


.vira_box_course .course_index {
    background-color: #fff;
}

.vira_box_course .course_image {
    height: 165px !important;
    position: relative;

}

.course_image33_09 {
    height: 170px !important;
}

.course_image33_09 img {
    height: 170px !important;
    max-width: 100% !important;
}

.vira_box_course .course_image img {
    height: 165px !important;
}


.course_content_top span {
    font-family: yekanbakh;
    font-size: .8rem;
    color: rgb(56, 129, 249);
    text-align: right;
    /*display: block;*/
}

.course_content_title h2 {
    font-family: swap;
    font-size: .83rem;
    text-align: justify;
    line-height: 24px;
    word-spacing: -1px;
    color: #212121 !important;
    height: 47px !important;
    margin-bottom: 0 !important;
}

.course_content_title h2 a {
    color: #212121 !important;
}

.course_body {
    padding: 0 16px !important;
}

.course_content_time {
    background: rgb(228, 231, 236);
    padding: 6px 5px;
    border-radius: 8px !important;
    font-size: .8rem;
    margin-bottom: 23px;
    color: rgb(100, 121, 157);
    font-family: yekanbakh;
    margin-left: 5px !important;
    margin-bottom: 0;
    display: flex;
    align-items: center;
    gap: 5px;
}

del {
    color: #666 !important;
    display: block;
}

.course_content_like a {
    display: flex;
    align-items: center;
    gap: 4px; /* فاصله بین آیکون و عدد */
    padding: 6px 8px;
    border-radius: 8px;
    background: rgba(213, 38, 38, 0.1);
    font-size: .8rem;
    font-family: yekanbakh;
    margin-left: 5px;
    color: rgb(217, 38, 38) !important;
}

.course_content_like svg {
    width: 14px;
    height: 14px;

}

.price_course_svg {
    margin-right: 5px !important;
}

.course_content_like svg path {

    stroke: rgb(217, 38, 38);
}

.course_content_price span {
    display: flex;
    align-items: center;
    gap: 4px; /* فاصله بین آیکون و عدد */
    padding: 6px 8px;
    border-radius: 8px;
    font-size: .9rem;
    font-family: yekanbakh;
    /*margin-left: 5px;*/
    color: rgb(54, 127, 244);
    /*background-color: #8686ff21 !important;*/
}

.number_course {
    padding: 0 6px !important;
    font-size: .65rem;
    position: absolute;
    right: 6px;
    top: 9px !important;
    font-family: swap;
    height: 25px;
    line-height: 25px;
    background-color: rgb(221, 42, 48);
    color: #fff;
    border-radius: 8px;
}


.course_content_border {
    border-bottom: 1px dashed #e0e0e0 !important;
    height: 50px !important;
}

.course_image {
    border-radius: 8px;
}

.course_image img {
    /*border-radius: 8px;*/
}


.shop-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 1rem;
}

.shop-header h2,
.shop-header .woocommerce-result-count {
    margin: 0;
    padding: 0;
    line-height: 1.5;
    display: flex;
    align-items: center;
    font-family: yekanbakh !important;
}

.shop-header h2 {
    color: #212121;
    font-size: 1.2rem;
}

.shop-header .woocommerce-result-count {
    font-size: .86rem !important;
    color: #666;
}

.tablist_ajax {
    background: #fff;
    border-radius: 8px;
    margin: 0 0 1rem 0;
    /*box-shadow: 0 0 10px rgba(0,0,0,0.04);*/
    height: 61px;
    display: flex;
    align-items: center;
}

.sort-tabs .nav-link {
    /*padding: 0.5rem 1rem;*/
    font-weight: 500;
    color: #333;
    transition: all 0.3s ease;
    display: flex;
    align-items: center;
    height: 100%;
    border-radius: 0;
    border: none;
    font-size: .8rem;
}

.title_tablist {
    font-size: .9rem;
}


.sort-tabs .nav-link.active {
    /*color: #0a7aff;*/
    display: flex;
    align-items: center;
    height: 100%;
    border: none;
    border-top: 2px solid #0a7aff;
    border-bottom: 2px solid #0a7aff;
}

/* وقتی تب هم اکتیو هست هم هاور شده */
.sort-tabs .nav-link.active:hover {
    color: #0a7aff;
    border-top: 2px solid #0a7aff;
    border-bottom: 2px solid #0a7aff;
}

/* وقتی روی تب غیرفعال هاور می‌کنی */
.sort-tabs .nav-link:hover:not(.active) {
}


.tablist_ajax .nav-item {
    display: flex;
    align-items: center;
}

.dropdown_custome_search {

}

.dropdown_custome_search button {
    font-size: .9rem;
    font-family: yekanbakh;
    border-radius: 0 !important;
    width: 100% !important;
    margin-right: 5px;
    background-color: #f9f9f9;
}

.dropdown_custome_search li {
    text-align: right;
    font-size: .8rem;
}

.tablist_ajax .tablist2 {
    height: 100% !important;
}


.aside_wc .widget_search {
    margin-top: 0 !important;
}


.widget_search2 {
    background-color: #fff;
    padding: 10px;
    /*box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);*/
    /*margin-top: 1rem !important;*/
    border-radius: 8px;
}

.widget_search2 p {
    text-align: center;
    margin-top: 10px;
    font-size: 17px !important;
}


.widget_search2 form > div {
    display: flex;
    flex-direction: column;
}

.widget_search2 input[type="text"] {
    width: 100%;
    padding: 7px 10px 7px 27px;
    margin-bottom: 16px;
    /*border: 1px solid #ccc;*/
    border-radius: 8px;
    font-size: 13px;
    box-sizing: border-box;
    transition: border-color 0.3s ease;
    font-family: swap !important;
    border: none;
}

.widget_search2 input[type="text"]:focus {
    border-color: #0073aa;
    outline: none;
}

.course-footer3333 {
    height: 0 !important;
    padding: 20px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.more_show_course {
    font-size: .72rem !important;
    color: #212121;
    border: 1px dashed #EBEAEA;
    height: 38px !important;
    display: flex;
    align-items: center;
    padding: 0 10px;
    font-family: yekanbakh !important;
}

.more_show_course:hover {
    cursor: pointer;
    color: #212121;
}

.hidden_custome {
    visibility: hidden;
}

.woocommerce-pagination {
    margin-bottom: 2rem !important;
}

.woocommerce nav.woocommerce-pagination ul li .page-numbers {
    background: #e6e6e6;
    border-radius: 3px;
    display: inline-block;
    padding: 10px 13px;
    margin: 2px;
    font-size: 13px !important;
}

.woocommerce nav.woocommerce-pagination ul li {
    border: none;
}

.woocommerce nav.woocommerce-pagination ul {
    border: none;
}

.woocommerce nav.woocommerce-pagination ul li a.page-numbers:hover, .woocommerce nav.woocommerce-pagination ul li .current {
    background: #0a7aff !important;
    color: #ffffff !important;
}


.add-to-cart-custome {
    font-size: .8rem !important;
    font-family: swap!important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center!important;
    padding: 0 12px !important;
    min-height: 42px !important;
    color: #fff !important;
    font-weight: 300 !important;
    border-radius: 8px !important;
    border: none !important;
    outline: none!important;
    cursor: pointer !important;
    transition: background 0.2s ease, transform 0.1s ease;
}





.added_to_cart {
    display: none !important;
}


form {
    margin-bottom: 0 !important;
}

.woocommerce-error {
    background-color: #f9f9f9;
    color: #212121;
    font-size: 13px !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    animation: none !important;
    transition: none !important;
    border-right: 2px solid #e74c3c !important;
    line-height: 21px !important;
    border-radius: 8px !important;
    margin-bottom: 0 !important;
}

.woocommerce-message {
    margin-bottom: 10px !important;
    background-color: #f9f9f9;
    color: #212121;
    font-size: 13px !important;
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    animation: none !important;
    transition: none !important;
    line-height: 26px !important;
}

.woocommerce-message.animated,
.woocommerce-message.is-active,
.woocommerce-message.fade,
.woocommerce-message.slide {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
}

.woocommerce-message {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
}


.box_top2_course .card {
    padding: 11px 16px !important;
}

.course_image33_33 {
    position: relative !important;
    height: 167px !important;
}

.course_image33_33 img {
    height: 100% !important;
    width: 100% !important;
    max-width: 100% !important;
}

.swiper.mySwiper {
    visibility: hidden;
    opacity: 0;
    transition: opacity 0.3s ease;
}

.swiper-initialized.mySwiper {
    visibility: visible;
    opacity: 1;
}

.box_price_view {
    display: flex;
    align-items: center;
    justify-content: end;
    height: 100%;
}


@media (max-width: 751px) {

    .tablist_ajax {
        justify-content: center !important;
    }

    .add-to-cart-custome {
        display: flex !important;
        width: 100% !important;
        margin-bottom: 1.1rem !important;
        justify-content: center !important;
    }

    .box_price_view {
        display: flex;
        justify-content: center !important;
    }

    .text_set_price {
        font-size: 1.2rem !important;
    }

    .text3_set_price {
        font-size: 1rem !important;
        color: red !important;
    }

}


.error-container {
    text-align: center;
    font-size: 106px;
    font-family: 'Catamaran', sans-serif;
    font-weight: 800;
    margin: 46px 15px 15px 15px;
}

.error-container > span {
    display: inline-block;
    position: relative;
}

.error-container > span.four {
    width: 127px;
    height: 43px;
    border-radius: 999px;
    background: linear-gradient(140deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.07) 43%, transparent 44%, transparent 100%),
    linear-gradient(105deg, transparent 0%, transparent 40%, rgba(0, 0, 0, 0.06) 41%, rgba(0, 0, 0, 0.07) 76%, transparent 77%, transparent 100%),
    linear-gradient(to right, #d89ca4, #e27b7e);
}

.error-container > span.four:before,
.error-container > span.four:after {
    content: '';
    display: block;
    position: absolute;
    border-radius: 999px;
}

.error-container > span.four:before {
    width: 43px;
    height: 156px;
    left: 60px;
    bottom: -43px;
    background: linear-gradient(128deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.07) 40%, transparent 41%, transparent 100%),
    linear-gradient(116deg, rgba(0, 0, 0, 0.1) 0%, rgba(0, 0, 0, 0.07) 50%, transparent 51%, transparent 100%),
    linear-gradient(to top, #99749D, #B895AB, #CC9AA6, #D7969E, #E0787F);
}

.error-container > span.four:after {
    width: 137px;
    height: 43px;
    transform: rotate(-49.5deg);
    left: -18px;
    bottom: 36px;
    background: linear-gradient(to right, #99749D, #B895AB, #CC9AA6, #D7969E, #E0787F);
}

.error-container > span.zero {
    vertical-align: text-top;
    width: 156px;
    height: 156px;
    border-radius: 999px;
    background: linear-gradient(-45deg, transparent 0%, rgba(0, 0, 0, 0.06) 50%, transparent 51%, transparent 100%),
    linear-gradient(to top right, #99749D, #99749D, #B895AB, #CC9AA6, #D7969E, #ED8687, #ED8687);
    overflow: hidden;
    animation: bgshadow 5s infinite;
}

.error-container > span.zero:before {
    content: '';
    display: block;
    position: absolute;
    transform: rotate(45deg);
    width: 90px;
    height: 90px;
    background-color: transparent;
    left: 0px;
    bottom: 0px;
    background: linear-gradient(95deg, transparent 0%, transparent 8%, rgba(0, 0, 0, 0.07) 9%, transparent 50%, transparent 100%),
    linear-gradient(85deg, transparent 0%, transparent 19%, rgba(0, 0, 0, 0.05) 20%, rgba(0, 0, 0, 0.07) 91%, transparent 92%, transparent 100%);
}

.error-container > span.zero:after {
    content: '';
    display: block;
    position: absolute;
    border-radius: 999px;
    width: 70px;
    height: 70px;
    left: 43px;
    bottom: 43px;
    background: #FDFAF5;
    box-shadow: -2px 2px 2px 0px rgba(0, 0, 0, 0.1);
}

.screen-reader-text {
    position: absolute;
    top: -9999em;
    left: -9999em;
}

@keyframes bgshadow {
    0% {
        box-shadow: inset -160px 160px 0px 5px rgba(0, 0, 0, 0.4);
    }
    45% {
        box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
    }
    55% {
        box-shadow: inset 0px 0px 0px 0px rgba(0, 0, 0, 0.1);
    }
    100% {
        box-shadow: inset 160px -160px 0px 5px rgba(0, 0, 0, 0.4);
    }
}

.zoom-area {
    max-width: 490px;
    margin: 0 auto 0 auto;
    font-size: 1rem;
    text-align: center;
}

.link-container {
    text-align: center;
}

a.more-link-c {
    text-transform: uppercase;
    font-family: Swap;
    font-size: .75rem;
    background-color: #d94560;
    padding: 12px 21px;
    border-radius: 8px;
    color: #fff;
    display: inline-block;
    margin-right: 5px;
    margin-bottom: 5px;
    line-height: 1.5;
    text-decoration: none;
    margin-top: 30px;
}

@media screen and (max-width: 768px) {

    .error-container > span.four {
        width: 98px;
        height: 33px;
    }

    .error-container > span.four:before {
        width: 32px;
        height: 146px;
        left: 60px;
        bottom: -43px;
    }

    .error-container > span.four:after {
        width: 124px;
        height: 38px;
        left: -18px;
        bottom: 36px;
    }

    .error-container > span.zero {
        vertical-align: middle;
        width: 93px;
        height: 100px;
    }

    .error-container > span.zero:before {
        position: absolute;
        width: 84px;
        height: 61px;
        left: 0px;
        bottom: 0px;
    }

    .error-container > span.zero:after {
        position: absolute;
        width: 42px;
        height: 47px;
        left: 25px;
        bottom: 26px;
    }
}

.text-sp {
    display: none;
}

@media screen and (max-width: 385px) {
    .error-container {
        display: none;
    }

    .text-sp {
        display: block;
        text-align: center;
        font-size: 83px;
        margin: 9px;
        color: #e27b7e;
        padding-top: 50px;
    }

}

.back-notfound h1 {
    text-align: center;
    margin-top: 1.5rem;
    margin-bottom: 1.9rem;
    font-size: 1.8rem;
}

.countdown-wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    /*border-radius: 8px;*/
    padding: 10px 12px;
    font-family: swap;
    direction: rtl;
    /*margin: 9px auto;*/
    max-width: 100%;
    border-radius: 8px!important;
}

.countdown-wrapper2 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: #fff;
    border-radius: 8px;
    padding: 15px 12px;
    font-family: swap;
    direction: rtl;
    margin: 9px auto;
    max-width: 100%;
}


.countdown-right {
    flex: 1;
    text-align: right;
}

.countdown-left {
    flex: 1;
    text-align: left;
}

.discount-label {

    font-size: .82rem;
    white-space: nowrap;
    margin-left: 5px !important;
    font-family: yekanbakh;
}

.timer {
    display: flex;
    gap: 5px;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

.timer2 {
    display: flex;
    gap: 5px;
    justify-content: flex-start;
    flex-wrap: nowrap;
}

.timer span {
    display: flex!important;              /* بچه‌ها (p ها) کنترل‌پذیر بشن */
    flex-direction: column!important;     /* زیر هم بیان */
    align-items: center!important;        /* وسط‌چین افقی */
    justify-content: center;    /* وسط‌چین عمودی */
    background-color: #f2f2f2;
    /*padding: 4px 4px;           !* فاصله با کادر *!*/
    border-radius: 8px;
    min-width: 76px;
    font-family: yekanbakh;
    box-sizing: border-box;
    height: 43px;
}

.timer2 span {
    display: flex!important;              /* بچه‌ها (p ها) کنترل‌پذیر بشن */
    flex-direction: column!important;     /* زیر هم بیان */
    align-items: center!important;        /* وسط‌چین افقی */
    justify-content: center;    /* وسط‌چین عمودی */
    background-color: #f2f2f2;
    padding: 4px 4px;           /* فاصله با کادر */
    border-radius: 8px;
    min-width: 76px;
    font-family: yekanbakh;
    box-sizing: border-box;
}

.timer span p {
    margin: 0;                  /* فاصله پیش‌فرض p حذف */
    line-height: 1.4;           /* خوانایی بهتر */
}

.timer span p:first-child {
    font-size: .84rem;            /* اندازه بزرگ‌تر برای عدد */
    color: #212121;
}

.timer span p:last-child {
    font-size: .77rem;            /* کوچیک‌تر برای متن */
                /* فاصله بین عدد و متن */
    color: #212121;
}


/* ✅ موبایل */
@media (max-width: 768px) {
    .countdown-wrapper {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 6px;
    }

    .countdown-wrapper2 {
        flex-direction: column;
        align-items: center;
        text-align: center;
        gap: 6px;
    }

    .countdown-right,
    .countdown-left {
        flex: none;
        width: 100%;
    }

    .discount-label {
        margin-bottom: 16px;
        font-size: 0.85rem;
        text-align: center;
    }

    .timer {
        justify-content: center;
        flex-wrap: wrap;
    }

    .timer span {
        min-width: 70px;
        font-size: 14px;
    }

    .timer2 {
        justify-content: center;
        flex-wrap: wrap;
    }

    .timer2 span {
        min-width: 70px;
        font-size: 14px;
    }
    .custom-tabs {
        width: 100% !important;
        background-color: white;
        border-bottom: none;
        font-family: Swap;
        padding: 8px 2px !important;
        font-size: 14px;
        display: inline-flex;
        border-radius: 8px;
    }

    .custom-tabs .nav-link {
        gap: 3px !important;
        font-size: 13px;
        font-family: yekanbakh;
    }
}

.list_box_course {
    background-color: rgb(245, 246, 249);
    padding: 0 1.2rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 70px;
    flex-wrap: nowrap;
    gap: 10px;
    font-size: .8rem;
    color: #212121;
    font-family: Swap !important;
}

.list_box_course_body {
    background-color: #f9f9f9;
}

.list_box_course:hover {
    color: #212121 !important;
    cursor: pointer;
}

.box_play_video_show3 {
    background-color: #fff;
    border: 1px dashed #EBEAEA;
    padding: 10px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 61px;
    flex-wrap: nowrap;
    gap: 10px;

}

.rotate-icon {
    transition: transform 0.3s ease;
    transform: rotate(90deg); /* فلش چپ */
}

.rotate-icon.open {
    transform: rotate(0deg); /* فلش پایین */
}

.woocommerce-Price-currencySymbol {
    margin-left: 5px;
}

.swal2-styled {
    font-size: .88rem !important;
}

.bookmarcourse:hover {
    cursor: pointer;
}

.unbookmark:hover {
    cursor: pointer;
}

.unbookmark path {
    stroke: #e74c3c;
}

.product .course_body .truncate-3 {
    height: 48px !important;
}

.custom-checkout-button {
    background-color: rgb(56, 129, 249) !important;
    color: #fff;
    width: 100%;
    height: 100%;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-weight: 300 !important;
}

.woocommerce-form-coupon-toggle .woocommerce-info {
    background-color: #fff !important;
    font-size: .84rem !important;
    font-family: yekanbakh !important;
    color: #303030;
    border-top: 2px solid rgb(56, 129, 249);
    height: 57px !important;
    display: flex;
    align-items: center;
}

.woocommerce-form-coupon-toggle .woocommerce-info:before {
    top: 1.47em !important;
}

.showcoupon {
    margin-right: 5px !important;
}

#woocommerce-checkout-form-coupon {
    margin-bottom: 1rem !important;
    background-color: #fafafa !important;
    border: 1px solid #EBEAEA;
}

.form-row-last button {
    background-color: rgb(56, 129, 249) !important;
    font-weight: 300 !important;
    width: 100% !important;
    color: #fff !important;
    font-family: yekanbakh !important;
    font-size: .9rem !important;
    height: 44px;
}

.form-row-first #coupon_code {
    height: 44px !important;
    background-color: #fafafa !important;
    border: 1px solid #EBEAEA !important;
    font-family: yekanbakh !important;
    font-size: .9rem !important;
    outline: none !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

.woocommerce-additional-fields h3 {
    font-size: 1rem !important;
    color: #474b53 !important;
    line-height: 23px !important;
    margin-bottom: 10px;
}

.woocommerce-billing-fields h3 {
    font-size: 1rem !important;
    color: #474b53 !important;
    line-height: 23px !important;
    margin-bottom: 10px;
}

.woocommerce-billing-fields__field-wrapper label {
    margin-top: 10px !important;
    margin-bottom: 5px !important;
    color: #212121;
    font-family: yekanbakh;
    font-size: .9rem !important;
}

#order_comments_field label {
    margin-top: 10px !important;
    margin-bottom: 5px !important;
    color: #212121;
    font-family: yekanbakh;
    font-size: .9rem !important;
}

#order_comments_field input {
    height: 44px !important;
    background-color: #fafafa !important;
    border: 1px solid #EBEAEA !important;
    font-family: yekanbakh !important;
    font-size: .9rem !important;
    outline: none !important;
    box-shadow: none !important;
}

#order_comments_field textarea {
    background-color: #fafafa !important;
    border: 1px solid #EBEAEA !important;
    font-family: yekanbakh !important;
    font-size: .9rem !important;
    outline: none !important;
    box-shadow: none !important;
    height: 100px !important;
}

.woocommerce-billing-fields__field-wrapper input {
    height: 44px !important;
    background-color: #fafafa !important;
    border: 1px solid #EBEAEA !important;
    font-family: yekanbakh !important;
    font-size: .9rem !important;
    outline: none !important;
    box-shadow: none !important;
}

#order_review_heading {
    font-size: 1rem !important;
    color: #474b53 !important;
    line-height: 23px !important;
    margin-bottom: 10px !important;
    margin-top: 1.4rem !important;
}

.shop_table th {
    font-size: .95rem;
    font-weight: 300 !important;
    font-family: swap;
    color: #474b53 !important;
}

.shop_table td {
    font-size: .9rem;
    font-weight: 300 !important;
    font-family: yekanbakh !important;
}

#place_order {
    background-color: rgb(56, 129, 249) !important;
    width: 100%;
    margin-top: 1.5rem;
    font-weight: 300;
    font-size: .9rem;
    height: 39px;
}

.woocommerce-privacy-policy-text p {
    font-size: .85rem;
    font-family: yekanbakh;
    margin-top: 11px;
    text-align: justify;
    line-height: 28px;

}

.payment_box p {
    font-size: .91rem;
    font-family: yekanbakh;
}

.cart-subtotal th, .cart-subtotal td {
    font-size: .9rem;
    font-weight: 300 !important;
    font-family: yekanbakh !important
}

.order-total th, .order-total td {
    font-size: .9rem;
    font-weight: 300 !important;
    font-family: yekanbakh !important
}

.wallet-pay-partial th, .wallet-pay-partial td {
    font-size: .9rem;
    font-weight: 300 !important;
    font-family: yekanbakh !important
}

.shop_table tr {
    height: 48px;
    background: #fafafa0a;
}

.product-quantity {
    display: none !important;
}

.wallet-pay-partial #partial_wallet_payment_tooltip {
    display: none !important;
}

.dash_action_link a {
    margin-top: 10px !important;
    width: 100%;
    text-align: center;
}

.wc-empty-cart-message .woocommerce-info {
    background: #fff;
    font-size: .8rem;
}

.return-to-shop {
    display: flex;
    justify-content: center;
}

.wc-backward {
    background-color: rgb(56, 129, 249) !important;
    color: #fff !important;
    font-weight: 300 !important;
    font-size: .83rem !important;
    border: none !important;
    outline: none !important;
    padding: 13px 31px !important;

}


.woocommerce-notice--success {
    font-size: .95rem;
    margin-bottom: 2rem;
    text-align: center;
    color: #27ae60;
    font-family: dana;
    margin-top: 1rem;
}

.woocommerce-order-overview__order strong {
    font-weight: 300 !important;
    font-family: yekanbakh;
    margin-top: 12px;
    font-size: .8rem !important;
    color: #555;
}

.woocommerce-order-overview__order {
    font-size: .9rem !important;
    text-align: center;
}

.woocommerce-order-overview__date {
    font-size: .9rem !important;
    text-align: center;
}

.woocommerce-order-overview__email {
    font-size: .9rem !important;
    text-align: center;
}

.woocommerce-order-overview__total {
    font-size: .9rem !important;
    text-align: center;
}

.woocommerce-order-overview__payment-method {
    font-size: .9rem !important;
    text-align: center;
}

.woocommerce-order-overview__date strong {
    font-weight: 300 !important;
    font-family: yekanbakh;
    margin-top: 12px;
    font-size: .8rem !important;
    color: #555;
}

.woocommerce-order-overview__email strong {
    font-weight: 300 !important;
    font-family: yekanbakh;
    margin-top: 12px;
    font-size: .8rem !important;
    color: #555;
}

.woocommerce-order-overview__total strong {
    font-weight: 300 !important;
    font-family: yekanbakh;
    margin-top: 12px;
    font-size: .8rem !important;
    color: #555;
}

.woocommerce-order-overview__payment-method strong {
    font-weight: 300 !important;
    font-family: yekanbakh;
    margin-top: 12px;
    font-size: .8rem !important;
    color: #555;
}

.woocommerce-table__product-nam {
    color: #212121 !important;
}

.woocommerce-checkout-review-order-table thead tr .product-name {
    background: #f9f9f9;
    color: #212121;
}

.woocommerce-checkout-review-order-table thead tr .product-total {
    background: #f9f9f9;
    color: #212121;
}

.woocommerce-order-details__title {
    font-size: 1rem;
    margin: 0 0 10px 0!important;
    color: #212121 !important;
}

.order-again {
    display: none !important;
}

.woocommerce-customer-details {
    display: none !important;
}

.box_thank_you strong {
    font-size: .9rem !important;
    font-weight: 300 !important;
}

.box_thank_you div div p {
    font-size: .85rem !important;
    font-family: yekanbakh !important;
    margin-top: 1rem !important;
    margin-bottom: 5px !important;
}

.box_thank_you .rounded {
    background-color: #fff !important;
    color: #212121 !important;
}

.woocommerce-order-details {
    background: transparent!important;
    padding: 0!important;
    margin-top: 2rem;
    border-radius: 8px;
}

.box_thank_you i {
    color: rgb(56, 129, 249);
}

/*///////////////////////////*/

.align-btn {
    position: fixed;
    bottom: 1rem;
    left: 1rem;
    z-index: 5;
}

.social-btn {
    width: 50px;
    height: 50px;
    text-align: center;
    border: none;
    border-radius: 100%;
    cursor: pointer;
    transition: transform 0.4s ease-in-out;
    position: relative;
}

.btn-list {
    list-style: none;
    position: absolute;
    bottom: 54px;
    left: 0;
    border-radius: 2rem;
    overflow: hidden;
    max-height: none !important;
    opacity: 0;
    visibility: hidden;
    transition: max-height 0.4s ease, opacity 0.4s ease, visibility 0.4s;
    display: flex;
    flex-direction: column;
    gap: 0.3rem;
    margin: 0;
    padding: 0;
}

/* وقتی باز شود */
.btn-list.open {
    opacity: 1;
    visibility: visible;
}


.btn-list li {
    border-radius: 50%; /* معمولا 50% برای دایره کافیه */
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 3px;
    width: 100px;
    height: 100px;
    background-color: #3498db; /* برای دیدن بهتر */
    list-style: none; /* حذف بولت لیست */
    padding: 0;
    border: none;
}

.social-icon {
    transition: opacity 0.3s ease, transform 0.3s ease;
}


.btn-list__item {
    color: initial;
}

.open-list {

    opacity: 1;
    visibility: visible;
}


@keyframes jump-shaking {
    0% {
        transform: translateY(0);
    }
    25% {
        transform: translateY(-10px);
    }
    50% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(-5px);
    }
    100% {
        transform: translateY(0);
    }
}


.single-item-slider {
    opacity: 0;
    pointer-events: none; /* برای اینکه چیزی قابل کلیک نباشه */
    transition: opacity 0.5s ease;
}

.cat_slider {
    color: #848484;
    font-size: .7rem;
    margin-bottom: 14px;
    display: block;
    text-align: right;
}

.title_slider {
    display: block;
    text-align: right;
    color: #474c55;
    font-family: Swap;
    font-size: .95rem;
    margin-bottom: 1.5rem;
}

.box_slider {
    padding: 2px 10px;
    align-items: center;
    border-radius: 8px;
    background-color: #fafafa !important;
    border: 1px solid #EBEAEA;
}

.box_slider_box {
    border-radius: 100%;
    overflow: hidden;
    width: 50px;
    margin: 8px;
    background: #fff;
    border-radius: 8px;
    width: 40px;
    height: 40px;
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 20px;
}

.box_slider_box_text {
    margin-right: 10px;
}

.box_slider_text_1 {
    text-align: right;
    margin-bottom: 12px;
    font-size: .72rem;
    font-family: yekanbakh;
    color: #666 !important;
}

.box_slider_text_2 {
    font-weight: 300;
    font-size: .82rem;
    font-family: yekanbakh;
    text-align: right;
}


.pcardfooter_custome {
    position: relative;
    background-color: #fafafa !important;
    border: 1px solid #EBEAEA;
    border-radius: 8px;

    padding: 10px;
}

.price_custome_slider {
    color: #2980b9;
    font-weight: 300;
    font-family: yekanbakh;
    margin-top: 10px;
    font-size: .8rem;
}

.p_custome_slder_1 {
    text-decoration: line-through;
    font-size: 13px;
    color: #868686;
    font-weight: 200;
}

.p_custome_slder_2 {
    font-size: 12px;
    color: #fff;
    font-weight: 200;
    background: rgb(221, 42, 48);
    border-radius: 25px;
    padding: 3px 8px;
    margin-right: 8px;
}

.btn_custome_slider {
    font-family: yekanbakh;
    font-size: .75rem;
    background-color: #2980b9;
    height: 40px;
    display: flex;
    align-items: center;
    color: #fff;
    width: 130px;
    padding: 0;
    border-radius: 8px;
}

.box_slider_box i {
    color: #2980b9;
}


.btn_custome_slider .icon-container {
    width: 40px;
    height: 100%;
    background: #ffffff29;
    display: flex;
    align-items: center;
    justify-content: center;
    border-top-left-radius: 100em;
    border-bottom-left-radius: 100em;
    margin-left: 0; /* دیگر فاصله اضافی نمی‌گذاریم */
}

.btn_custome_slider .text-container {
    flex: 1; /* باقی فضا را می‌گیرد */
    display: flex;
    align-items: center;
    justify-content: center; /* متن را دقیقاً وسط می‌گذارد */
}

.btn_custome_slider:hover {
    color: #fff !important;
}

@media (max-width: 992px) {
    .nastoh_notic_theme {
        height: auto !important;
    }

    /* برای موبایل و تبلت */
    .nastoh_notic_theme_box1_child p {
        margin-top: 10px;
        line-height: 26px !important;
        margin-bottom: 5px !important;
        font-size: .84rem !important;
    }

    .nastoh_notic_theme_box1 a {
        margin-bottom: 10px !important;
    }

    .nastoh_left_box_notic {
        justify-content: center !important;
        margin-top: 12px;
        margin-bottom: 10px !important;
    }

    .nastoh_notic_theme_box1 .nastoh_notic_theme_box1_child {
        flex-direction: column; /* تغییر جهت به ستونی */
        align-items: flex-start; /* متن و دکمه از چپ یا راست تراز می‌شوند */
    }

    .nastoh_notic_theme_box1 .nastoh_notic_theme_box1_child a {
        margin-top: 10px !important; /* فاصله از بالا */
        margin-right: 0 !important; /* حذف فاصله قبلی */
    }
}

/*.nastoh-cart-overlay {*/
/*    display: none;*/
/*    position: fixed;*/
/*    top: 0; left: 0;*/
/*    width: 100vw;*/
/*    height: 100vh;*/
/*    background-color:rgba(0, 0, 0, 0.84);*/
/*    z-index: 1000; !* زیر dropdown که 1002 هست *!*/
/*}*/


#search-overlay.active {
    display: flex;
}

.search-box {
    width: 100%;
    max-width: 600px;
}

#search-input {
    flex: 1;
    padding: 12px;
    font-size: 16px;
    border-radius: 8px;
    border: 1px solid #ccc;
    width: 100%;
}

#search-button {
    padding: 10px 16px;
    background: #2980b9;
    color: #fff;
    border: none;
    border-radius: 8px;
    cursor: pointer;
}

#search-results {
    background: #fafafa;
    margin-top: 12px;
    border-radius: 8px;
    max-height: 300px;
    overflow-y: auto;
    text-align: center;

}

#search-results a {
    font-size: .75rem;
}

#search-results div {
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
}

#search-results a {
    text-decoration: none;
    color: #333;
}


/* لایه مخفی اولیه */
#search-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.84);
    z-index: 10000;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    padding: 20px;
}

/* با Flexbox مرکز صفحه */
#search-overlay.active {
    display: flex;
}

/* جعبه سرچ */
.search-box {
    width: 100%;
    max-width: 600px;
}

/* فیلد جستجو */
#search-input {
    width: 100%;
    padding: 15px;
    font-size: 18px;
    border-radius: 8px;
    border: none;
}

/* نتایج */
#search-results {
    background: #fff;
    margin-top: 10px;
    border-radius: 8px;
    max-height: 300px;
    overflow-y: auto;
}

/* آیتم نتیجه */
#search-results div {
    padding: 10px 15px;
    border-bottom: 1px solid #eee;
}

#search-results div:last-child {
    border-bottom: none;
}

#search-results a {
    text-decoration: none;
    color: #333;
}

@media (max-width: 600px) {
    #search-input {
        font-size: 16px;
        padding: 12px;
    }
}

#search-results div {
    font-size: .75rem;
}

.navbar {
    background-color: #fafafa;
}

.navbar-brand img {
    width: 10vw;
    max-width: 130px;
    min-width: 60px;
    height: auto;
}

.navbar-nav {
    align-items: center;
}

@media (min-width: 992px) {
    .main-menu {
        display: flex !important;
        margin-right: 2px;
        gap: 0; /* حذف فاصله پیش‌فرض */
    }

    .navbar .navbar-nav > .nav-item {
        position: relative;
        flex: 1 1 auto;
        text-align: right;
        margin-left: 11px;
        padding: 0;
    }


    .navbar .navbar-nav > .nav-item ul li {
        min-width: 60px !important;
        text-align: right;
        background: #fff !important;
        height: 39px;
        font-size: .9rem;
    }

    .navbar .navbar-nav .nav-link {
        /*display: block;*/
        /*padding: 10px 15px;*/
        /*color: #212121;*/
        /*font-size: 0.9rem;*/
        /*white-space: nowrap;*/
        /*position: relative;*/
        /*top: 3px;*/
        display: block;
        color: #212121;
        font-size: 0.85rem;
        white-space: nowrap;
        position: relative;
        top: 3px;
        margin: 0;
        border-radius: 8px !important;
        transition: all 0.3s ease;
    }

    .navbar .navbar-nav > li > a:hover {
        background-color: #2980b9d1 !important;
        color: #fff;
    }

    .submenu-toggle::after {
        display: none !important;
    }

    .navbar .navbar-nav .submenu,
    .navbar .navbar-nav .submenu .submenu {
        position: absolute;
        right: 0;
        top: 100%;
        display: none;
        /*background: #fff;*/
        /*border-radius: 8px;*/
        /*box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);*/
        padding: 12px 0;
        min-width: 200px;
        z-index: 9999;
        /*margin-top: 10px;*/
        margin-right: 5px;
    }

    .navbar .navbar-nav .nav-item:hover > .submenu {
        display: block;
    }

    .navbar .navbar-nav .submenu li:hover > .submenu {
        right: 100%;
        top: 0;
        display: block;
    }

    .navbar .navbar-nav .submenu .nav-link {
        padding: 8px 20px;
        white-space: nowrap;
    }
}

.submenu-toggle::after {
    content: '\25BE';
    float: left;
    margin-left: 10px;
    transition: transform 0.3s ease;
}

.submenu-toggle.active::after {
    transform: rotate(-180deg);
}

.submenu,
.submenu .submenu {
    display: none;
    padding-right: 1rem;
}

.submenu.show {
    display: block;
}

.nastoh-modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
}

.nastoh-modal-content {
    background: white;
    width: 90%;
    max-width: 500px;
    margin: 100px auto;
    padding: 20px;
    border-radius: 8px;
    position: relative;
}


.nastoh-mobile-menu {
    position: fixed;
    top: 0;
    left: 0;
    width: 80%;
    max-width: 320px;
    height: 100%;
    background: #fff;
    z-index: 10000;
    transform: translateX(-100%);
    transition: transform 0.3s ease-in-out;
    box-shadow: 2px 0 10px rgba(0, 0, 0, 0.2);
}

.nastoh-mobile-menu.active {
    transform: translateX(0);
}


/* در موبایل فقط منو نشان داده شود */
@media (max-width: 768px) {
    .nastoh-modal {
        display: none !important;
    }
}

.nastoh-cart-dropdown {
    display: none;
    position: absolute;
    top: 55px;
    left: 0;
    width: 300px;
    background: white;
    border: 1px solid #ccc;
    border-radius: 8px;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.1);
    z-index: 1002;
}

.nastoh-cart-header {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
    margin-bottom: 10px;
    font-size: 14px;
    height: 40px;
    background: #fafafa;
    align-items: center;
    padding: 0 10px;
    font-weight: 300;
    font-family: yekanbakh;
}


.nastoh-cart-items {
    list-style: none;
    padding: 0 10px;
    margin: 0;
}

.nastoh-cart-items li {
    height: 50px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    line-height: 30px;
    /*background-color: #fafafa !important;*/
    /*border: 1px solid #EBEAEA;*/
    padding: 0 5px;
    font-size: .7rem;
    font-family: dana2 !important;
    text-align: center;
    justify-content: center;
    color: #212121;
}

.nastoh-cart-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.84);
    z-index: 1000;
}

nav.breadcrumb {
    margin-top: 12px !important;
}


.active_new {
    border-right: 2px solid #2980b9 !important;
}


.download-btn-dynamic {
    font-size: 0.75rem;
    display: block;
    width: 117px;
    margin-right: auto !important;
    margin-left: auto !important;
    margin-bottom: 25px;
    background: #2980b9;
    color: #fff;
    height: 33px;
    line-height: 33px;
    padding: 0 !important;
    border: none !important;
    outline: none !important;
}

#video-container {
    margin-bottom: 10px !important;
    position: relative;
!important;
}


#video-container {
    position: relative;
}


.course_image img {
    width: 100% !important;
}


.search_box .screen-reader-text {

    clip: rect(1px, 1px, 1px, 1px);
    word-wrap: normal !important;
    border: 0;
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    overflow-wrap: normal !important;
    padding: 0;
    position: absolute !important;
    width: 1px;
}

.plyr--full-ui {
    display: flex;
}

#audio-podcasts .plyr__controls {
    width: 100%;
}

.form_cotact_us_custome input {
    height: 46px;
    border-radius: 0;
    direction: rtl;
    color: #212121 !important;
    font-family: yekanbakh;
    font-size: .88rem !important;
    border: 1px dashed #EBEAEA;

}

.form_cotact_us_custome select {
    height: 46px;
    border: none;
    border-radius: 0;
    direction: rtl;
    color: #555 !important;
    font-family: yekanbakh;
    font-size: .88rem !important;


}

.form_cotact_us_custome textarea {
    border: none;
    border-radius: 0;
    direction: rtl;
    color: #555 !important;
    font-family: yekanbakh;
    font-size: .88rem !important;
}

.form_cotact_us_custome label {
    font-family: yekanbakh;
}

.form_cotact_us_custome button {
    font-family: yekanbakh;
}

.form_cotact_us_custome input::placeholder {
    color: #555 !important;
}

.form-control:focus {

    border-color: none !important;
    outline: 0;
    box-shadow: none !important;
}

@media (min-width: 992px) {
    .navbar .navbar-nav > .nav-item ul li {
        transition: background-color 0.3s ease, color 0.3s ease;
    }

    .navbar .navbar-nav > .nav-item ul li:hover {
        background-color: #f9f9f9 !important;
        color: #212121;
    }
}

#clipboard-document {
    position: relative;
    top: -1px !important;
}

/* کوچک کردن فونت عنوان SweetAlert2 */
.my-swal-title {
    font-size: 15px !important; /* مقدار دلخواه */
    font-weight: normal !important;
}

#swal2-title {
    font-size: 15px !important;
    font-weight: normal !important;
}

.social-icons a:focus {
    outline: none;
    box-shadow: none;
}

.social-icons a {
    outline: none;
    box-shadow: none;
}

.post-content li {
    position: relative;
    padding-right: 1rem; /* جا برای دایره در سمت راست */
}

.post-content li::after {
    content: "";
    position: absolute;
    right: -1rem;
    bottom: 50%;
    transform: translateY(50%);
    width: 8px;
    height: 8px;
    background-color: rgb(45, 57, 74);
    border-radius: 9999px; /* دایره کامل */
}


.plyr {
    border-radius: 8px;
}

.sp_color_back {
    font-weight: normal !important;
}


.demo2_nastoh_top_image {
    position: relative;
}

.demo2_nastoh_top_image img {
    height: 100% !important;
    border-radius: 8px !important;
    position: relative;
    /*top: -32px;*/
}

.demo3_nastoh_top_image img {
    height: 100% !important;
}

.demo2_nastoh_content_1 {
    display: flex;
    align-items: center;
    gap: 8px; /* فاصله بین دکمه و آیکون */
    /*background-color: #fafafa;*/
    justify-content: space-between;
}

.demo2_nastoh_content_1 a {
    /*flex: 3;*/
    background: #2980b9d1;
    color: #fff;
    padding: 6px 10px;
    text-align: center;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    justify-content: center;
    font-size: .73rem;
}

.demo2_nastoh_content_1 svg {
    flex: 1; /* یک قسمت از چهار قسمت */
    cursor: pointer;
}


.t_bookmark_demo2 {
    stroke: blue;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link {
    border: none !important;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link.active {
    border: none !important;
    background-color: #fafafa !important;
    border-radius: 0;
}

.nav-tabs .nav-item.show .nav-link, .nav-tabs .nav-link:hover {
    border: none !important;
    background-color: #fafafa !important;
    border-radius: 0;
}

.demo_2_image_post img {
    height: 100% !important;
}

.demo2_show_post_custome_new img {
    width: 160px !important;
    height: 68px !important;
    /*border-radius: 8px !important;*/
}


.ssho_pdbox {
    display: flex;
    height: 174px;
    padding: 5px 0;
    /*margin-bottom: 1px;*/
    justify-content: space-between;
}

.ssho_pdbox .product-img {
    /*max-height: 146px;*/
    display: flex;
    /*transform: scale(1.1);*/
    width: 280px;
    /*box-shadow: 0 16px 40px 20px rgba(112,144,176,0.05);*/
    overflow: hidden;
    border-radius: 8px;
    transition: .2s linear;
    position: relative;
}

.product-img img {
    height: 100%;
    object-fit: fill;
    width: 100%;
}


.ssho_pdbox .product-img .img-overlay {
    position: absolute;
    bottom: -150px;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    transition: .2s ease-in-out;
    opacity: 0;
    background: linear-gradient(180deg, rgba(110, 97, 181, 0.00) 0%, #6E61B5 100%);
}

.ssho_pdbox .product-img .preview-overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    display: grid;
    transition: .2s ease-in-out;
    opacity: 0;
    transform: scale(0);
    color: #fff;
    justify-items: center;
    align-items: center;
}

.ssho_pdbox .left-side {
    display: flex;
    align-items: center;
    border-radius: 8px 0 0 12px;
    background: #FFF;
    /*box-shadow: 0 16px 40px 20px rgba(112, 144, 176, 0.05);*/
    padding: 10px 15px 10px 15px;
    width: 100%;
    justify-content: space-between;
}

.ssho_pdbox .left-side .product-detail {
    width: 100%;
    margin-left: 15px;
    display: grid;
    height: 100%;
}

.ssho_pdbox .left-side .product-detail .product-title {
    font-weight: 300;
    height: fit-content;
    overflow: hidden;
    display: flex;
    align-items: center;
    font-family: swap;
    font-size: .83rem;
    color: #212121;
    line-height: 22px;
    text-align: justify;
}

.ssho_pdbox .product-actions {
    display: grid;
    height: 100%;
    align-items: center;
}

.ssho_pdbox .product-actions .action {
    border-radius: 8px;
    background: #f2f2f2;
    color: #6E61B5;
    width: 40px;
    height: 40px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .2s linear;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    margin-bottom: 5px !important;
}

@media (max-width: 992px) {
    .ssho_pdbox {
        display: grid;
        height: auto;
        justify-content: unset;
        gap: 15px;
        margin: 0;
        padding: 10px 0;
    }
}

@media (max-width: 992px) {
    .ssho_pdbox .product-img {
        transform: scale(1);
        width: 100%;
        height: 190px;
        max-height: unset;
        border-radius: 8px !important;
    }
}

@media (max-width: 992px) {
    .ssho_pdbox .left-side {
        display: grid;
        justify-content: unset;
        gap: 15px;
        border-radius: 15px;
        padding: 15px;
    }
}

@media (max-width: 992px) {
    .ssho_pdbox .left-side .product-detail {
        margin: 0;
    }
}

element {
}

@media (max-width: 992px) {
    .ssho_pdbox .product-actions {
        display: flex;
        justify-content: end;
        gap: 7px;
    }
}


.checkbox-wrapper-2 input {
    appearance: none;
    background-color: #dfe1e4;
    border-radius: 72px;
    border-style: none;
    flex-shrink: 0;
    height: 20px;
    margin: 0;
    position: relative;
    width: 30px;
}

.checkbox-wrapper-2 input::before {
    bottom: -6px;
    content: "";
    left: -6px;
    position: absolute;
    right: -6px;
    top: -6px;
}

.checkbox-wrapper-2 input,
.checkbox-wrapper-2 input::after {
    transition: all 100ms ease-out;
}

.checkbox-wrapper-2 input::after {
    background-color: #fff;
    border-radius: 50%;
    content: "";
    height: 14px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 14px;
}

.checkbox-wrapper-2 input[type=checkbox] {
    cursor: default;
}

.checkbox-wrapper-2 input:hover {
    background-color: #c9cbcd;
    transition-duration: 0s;
}

.checkbox-wrapper-2 input:checked {
    background-color: #6e79d6;
}

.checkbox-wrapper-2 input:checked::after {
    background-color: #fff;
    left: 13px;
}

.checkbox-wrapper-2 :focus:not(.focus-visible) {
    outline: 0;
}

.checkbox-wrapper-2 input:checked:hover {
    background-color: #535db3;
}

.pweb-block-title {
    position: relative;
    user-select: none;
}

.pweb-block-title.block1::before {
    position: absolute;
    content: '';
    top: 5px;
    width: 4px;
    height: 15px;
    border-radius: 50px 50px 0 50px;
    background-color: #000;
    z-index: -1;
}

.pweb-block-title::before {
    background-color: #6E61B5;
}

.swal2-container {
    z-index: 99999999999999999999999999;
}

.img_custome_podcast {
    width: 100px !important;
    height: 100px !important;
    border-radius: 50% !important;
    padding: 10px !important;
    z-index: 1 !important;
}

.pod_demo_3_pic img {
    height: 120px !important;
    width: 100% !important;
    border-radius: 8px !important;
}

.b_7px {
    border-radius: 8px !important;
}

.b_72px {
    border-radius: 8px !important;
}

.file_image_header img {
    height: 100% !important;
}

.file_image_header2 {
    position: relative;
    bottom: 33px!important;
}


.pay-button-download {
    display: inline-flex;
    align-items: center;
    width: 100%;
    gap: 12px;
    background: #27ae60;
    color: #fff;
    font-size: 18px;
    font-weight: 500;
    height: 40px;
    transition: background 0.3s ease-in-out;
}

.pay-button-download:hover {
    background: #00a866; /* حالت hover */
}
.btn_pishnamyesh:hover{
    background: #1f78b9;
}

.pay-button-download .icon-box {
    display: flex;
    align-items: center;
    justify-content: center;
    background: rgba(255,255,255,0.2); /* پس‌زمینه‌ی کمرنگ‌تر برای آیکون */
    border-radius: 8px;
    padding: 8px;   /* فاصله داخل باکس آیکون */
}

.pay-button-download i {
    font-size: 20px;
    color: #fff;
}


.imgage_file_single img{
    width: 100% !important;
    border-radius: 8px;
    /*height: 318px!important;*/
}


.woocommerce-order-downloads__title{
    font-size: 1rem;
    margin-top: 16px;
    margin-bottom: 9px;
    font-weight: 300!important;
}

.woocommerce table.shop_table{
    background: #fff!important;
}

.woocommerce table.shop_table td a {
    color: #212121 !important;
}








.nav_tabs_custome {
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin; /* برای فایرفاکس */
    scrollbar-color: #ccc transparent; /* رنگ در فایرفاکس */
}

.nav-tabs::-webkit-scrollbar {
    height: 3px; /* ضخامت اسکرول افقی */
}

.nav-tabs::-webkit-scrollbar-track {
    background: transparent; /* بک‌گراند پشت اسکرول */
}

.nav-tabs::-webkit-scrollbar-thumb {
    background: #bbb;   /* رنگ اسکرول */
    border-radius: 8px;
}

.nav_tabs_custome .nav-item {
    flex: 0 0 auto; /* هر آیتم به اندازه خودش باشه */
}



.accordion-button:focus {
    border: none !important;
    box-shadow: none !important;
}



.showcoupon{
    font-family: swap!important;
    font-size: .8rem !important;
}
.woocommerce-form-coupon-toggle .woocommerce-info {
    background-color: #fff !important;
    font-size: .8rem !important;
    font-family: swap !important;
    color: #303030;
    border-top: 2px solid rgb(56, 129, 249);
    height: 57px !important;
    display: flex;
    align-items: center;
}
.single-product .elementor-widget-text-editor {
    /* استایل‌های شما */
    text-align: justify!important;
}





.demo2_nastoh_top_image img {
    border-radius: 8px!important;
}
.box_demo_2_all_product article{
    border-radius: 8px!important;
}
.demo2_nastoh_content_1 a{
    border-radius: 8px!important;
}
.blog2_sec{
    border-radius: 8px!important;
}
.blog2_sec img{
    border-radius: 8px!important;
}
.footer_demo2_post a{
    border-radius: 8px!important;
}
.blog2time{
    border-radius: 8px!important;
}

.file_image_header img{
    border-radius: 8px!important;
}

.rounded{
    border-radius: 8px!important;
}
.card-tags{
    border-radius: 8px!important;
}
.demo2_show_post_custome_new img{
    border-radius: 8px!important;
}

.course_image img{
    border-radius: 8px!important;
}

.status-ring {
    position: absolute;
    width: calc(100% + 10px);
    height: calc(100% + 10px);
    border: 3px solid #6c5ce7;
    border-radius: 50%;
    top: -5px;
    left: -5px;
    border-top-color: transparent;
    animation: rotate 3s linear infinite;
}

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