/*
Theme Name: استاد شو
Version: 3.0
Author: پیشتاز وب
Author URI: https://www.rtl-theme.com/author/mmehrani
Description: پوسته آموزشی و فروش فایل وردپرس
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Tags: learn theme, wordpress theme, learning template,ostadsho theme,ostad sho
PishtazWeb Theme, (C) 2024 pishtaz-web.com
*/
::selection {
    color: #fff;
    background: #0078d7
}

input[type=password], input[type=text], textarea {
    padding: 12px;
    background: var(--pweb-inputbackground);
    color: var(--pweb-inputcolor);
    transition: .2s;
    border: 1px solid var(--pweb-inputbrdbg);
    border-radius: 4px;
    resize: vertical
}

img, svg {
    vertical-align: middle;
    border-style: none;
    overflow: hidden;
    height: auto;
    max-width: 100%
}

input {
    outline: 0
}

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

a, button {
    cursor: pointer
}

.pweb-title {
    font-size: 30px;
    margin-top: 35px;
    width: 405px
}

.pweb-disc {
    font-size: 25px;
    width: 385px
}

.pweb-buttons {
    width: 405px
}

.pweb-buttons a {
    padding: 15px;
    margin: 0 5px
}

.comment-respond .comment-reply-title small a, .comment_container .pweb-comment-replay-btn a, .post-password-form input[type=submit], .pweb-b, .single-blog .commentlist .comment .reply .comment-reply-link, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce input.button, .woocommerce input.button.alt, .rcp-button, .rcp-table td button {
    padding: 15px;
    background: var(--theme-main-color);
    box-shadow: 0 9px 25px 0 var(--theme-main-opaque-color);
    transition: .2s ease-in-out;
    border-radius: 8px;
    color: #fff;
    font-weight: 200;
    font-size: 15px;
    border: transparent;
    display: flex;
    align-items: center;
    justify-content: center
}

.pweb-b:disabled {
    box-shadow: unset
}

.pweb-bsoft {
    display: flex;
    padding: 15px;
    background: var(--theme-main-opaque-color);
    transition: .2s ease-in-out;
    border-radius: 8px;
    color: var(--theme-main-color);
    font-weight: 200;
    border: transparent;
    align-items: center;
    justify-content: center
}

.comment-respond .comment-reply-title small a:hover, .comment_container .pweb-comment-replay-btn a:hover, .post-password-form input[type=submit]:hover, .pweb-b:hover, .single-blog .commentlist .comment .reply .comment-reply-link:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button.alt:hover, .woocommerce button.button:hover, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .rcp-button:hover, .rcp-table td button:hover {
    color: #fff;
    background-color: var(--theme-main-hover-color);
    background-size: 100%;
    transform: translateY(1px);
    box-shadow: none
}

.comment-respond .comment-reply-title small a:disabled, .comment_container .pweb-comment-replay-btn a:disabled, .post-password-form input[type=submit]:disabled, .pweb-b:disabled, .single-blog .commentlist .comment .reply .comment-reply-link:disabled, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit:disabled, .woocommerce a.button.alt:disabled, .woocommerce a.button:disabled, .woocommerce button.button.alt:disabled, .woocommerce button.button:disabled, .woocommerce input.button.alt:disabled, .woocommerce input.button:disabled, .rcp-button:disabled, .rcp-table td button:disabled {
    background: #6c6c6c29
}

.pweb-bsoft:hover {
    color: #fff;
    background-color: var(--theme-main-color)
}

.ripple {
    position: absolute;
    background: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    pointer-events: none;
    animation: ripples 1s linear
}

@keyframes ripples {
    0% {
        width: 0;
        height: 0;
        opacity: .2
    }

    100% {
        width: 500px;
        height: 500px;
        opacity: 0
    }
}

.pweb-bsoft.pweb-stroke svg path {
    stroke: var(--theme-main-color)
}

.pweb-bsoft i.f20, .pweb-b i.f20 {
    font-size: 20px
}

.pweb-bsoft i.f18, .pweb-b i.f18 {
    font-size: 18px
}

.pweb-b svg, .pweb-bsoft svg {
    width: 20px;
    height: 20px
}

.pweb-bsoft.pweb-stroke:hover svg path {
    stroke: #fff
}

.pweb-bsoft.pweb-fill svg path {
    fill: var(--theme-main-color)
}

.pweb-bsoft.pweb-fill:hover svg path {
    fill: #fff
}

.pweb-bsoft:hover span.number {
    background: #fff;
    color: var(--theme-main-color)
}

.pweb-bsoft span.number {
    position: absolute;
    right: -5px;
    top: -5px;
    color: #fff;
    background: var(--theme-main-color);
    transition: .2s all;
    box-shadow: 0 0 25px 0 var(--theme-main-boxshodow-color);
    border-radius: 30px;
    width: 20px;
    height: 20px;
    text-align: center
}

.togglesvg.moon .moon, .togglesvg.sun .sun {
    display: none !important;
    display: inline-block
}

.rokh100 {
    font-family: rokh;
    font-weight: 100
}

.rokh200 {
    font-family: rokh;
    font-weight: 200
}

.rokh300 {
    font-family: rokh;
    font-weight: 300
}

.rokh400 {
    font-family: rokh;
    font-weight: 400
}

.rokh500 {
    font-family: rokh;
    font-weight: 500
}

.iransans100 {
    font-family: iransans;
    font-weight: 100
}

.iransans200 {
    font-family: iransans;
    font-weight: 200
}

.iransans300 {
    font-family: iransans;
    font-weight: 300
}

.iransans400 {
    font-family: iransans;
    font-weight: 400
}

.iransans500 {
    font-family: iransans;
    font-weight: 500
}

.iranyekan100 {
    font-family: iranyekan;
    font-weight: 100
}

.iranyekan200 {
    font-family: iranyekan;
    font-weight: 200
}

.iranyekan300 {
    font-family: iranyekan;
    font-weight: 300
}

.iranyekan400 {
    font-family: iranyekan;
    font-weight: 400
}

.iranyekan500 {
    font-family: iranyekan;
    font-weight: 500
}

.peydaweb100 {
    font-family: peydaweb;
    font-weight: 100
}

.peydaweb200 {
    font-family: peydaweb;
    font-weight: 200
}

.peydaweb300 {
    font-family: peydaweb;
    font-weight: 300
}

.peydaweb400 {
    font-family: peydaweb;
    font-weight: 400
}

.peydaweb500 {
    font-family: peydaweb;
    font-weight: 500
}

.noora100 {
    font-family: noora;
    font-weight: 100
}

.noora200 {
    font-family: noora;
    font-weight: 200
}

.noora300 {
    font-family: noora;
    font-weight: 300
}

.noora400 {
    font-family: noora;
    font-weight: 400
}

.noora500 {
    font-family: noora;
    font-weight: 500
}

.kalameh100 {
    font-family: kalameh;
    font-weight: 100
}

.kalameh200 {
    font-family: kalameh;
    font-weight: 200
}

.kalameh300 {
    font-family: kalameh;
    font-weight: 300
}

.kalameh400 {
    font-family: kalameh;
    font-weight: 400
}

.kalameh500 {
    font-family: kalameh;
    font-weight: 500
}

.pinar100 {
    font-family: pinar;
    font-weight: 100
}

.pinar200 {
    font-family: pinar;
    font-weight: 200
}

.pinar300 {
    font-family: pinar;
    font-weight: 300
}

.pinar400 {
    font-family: pinar;
    font-weight: 400
}

.pinar500 {
    font-family: pinar;
    font-weight: 500
}

@-webkit-keyframes pulse-grow-on-hover {
    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

@keyframes pulse-grow-on-hover {
    to {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }
}

.header-responsive {
    background-color: var(--pweb-header-background);
    box-shadow: var(--pweb-header-shadow)
}

#header .header-responsive {
    padding: 0
}

.logo, footer .logo {
    max-width: 140px;
    transition: .3s;
    align-items: center;
    display: flex;
    min-height: 50px;
    max-height: 50px;
    overflow: hidden
}

.logo:hover, footer .logo:hover {
    transform: scale(1.1)
}

#header .header-b {
    position: relative;
    z-index: 2
}

#header .header-menu .contact .icon {
    background: var(--theme-main-opaque-color);
    padding: 10px;
    border-radius: 40px;
    margin-right: 10px;
    display: flex;
    align-items: center;
    width: 45px;
    height: 45px;
    justify-content: center
}

#header .header-menu .contact {
    color: #2e8541
}

#header .header-menu {
    background: var(--pweb-header-headermenu-background);
    position: relative;
    top: 0;
    z-index: 0;
    height: 80px;
    box-shadow: var(--pweb-header-headermenu-shadow);
    border-top: var(--pweb-header-headermenu-bordertop)
}

.searchbox input {
    padding: 15px 45px;
    width: 350px;
    background: var(--pweb-header-searchbox-background);
    color: var(--pweb-header-searchbox-color);
    transition: .2s ease-in-out width;
    border: transparent;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 200
}

.searchbox::before {
    content: '';
    background-image: var(--pweb-header-searchbox-beforeicon);
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    top: 12px;
    right: 10px;
    z-index: 1
}

.searchbox.vv8 form::before {
    content: '';
    background-image: var(--pweb-header-searchbox-beforeicon);
    width: 25px;
    height: 25px;
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1
}

.searchbox input:focus {
    width: 400px
}

.searchbox input::placeholder {
    color: var(--pweb-header-searchbox-inputplaceholder-color)
}

.searchbox input:focus::placeholder {
    color: var(--pweb-header-searchbox-inputplaceholder-focus-color)
}

[data-theme=light] .logo .dark {
    display: none !important
}

[data-theme=dark] .logo .light {
    display: none !important
}

[data-theme=light] .anim-vector .dark-svg {
    display: none !important
}

[data-theme=dark] .anim-vector .light-svg {
    display: none !important
}

.my-account>a {
    display: flex;
    align-items: center;
    background: var(--bs-accordion-bg);
    border-radius: 10px;
    padding: 11px !important;
    font-size: 14px;
    border: 1px solid #6b6C771A;
    user-select: none
}

.my-account>a::after {
    transition: .2s;
    -webkit-transition: .2s;
    position: relative;
    right: 5px;
    top: 0;
    content: '\e828';
    font-family: "stsho";
    font-weight: 300;
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px 0 7px
}

.my-account.active>a::after {
    transform: rotate(180deg)
}

.my-account>a div.profile {
    width: 30px;
    margin-left: 10px;
    overflow: hidden;
    border-radius: 8px
}

.my-account .my-account-menu {
    position: absolute;
    top: 65px;
    background: var(--pweb-header-menu-li-ul-background);
    width: 200px;
    border-radius: 10px;
    border-top: 3px solid var(--theme-main-color);
    -webkit-box-shadow: 0 10px 70px rgba(0, 0, 0, .15);
    box-shadow: 0 10px 70px rgba(0, 0, 0, .15);
    padding: 10px 5px;
    display: none;
    left: 0;
    z-index: 2
}

.my-account .my-account-menu a {
    border-radius: 10px;
    justify-content: normal;
    padding: 15px;
    margin: 0 5px
}

.my-account .my-account-menu a:hover {
    background: var(--theme-main-opaque-color);
    color: var(--theme-main-color)
}

.pweb_menu ul {
    display: flex;
    margin-top: 18px;
    padding-right: 5px
}

.pweb_menu ul>li {
    position: relative;
    list-style: none
}

.pweb_menu ul.sub-menu>li {
    padding-right: 0;
    position: relative
}

.pweb_menu ul>li:first-child {
    padding-right: 0
}

.pweb_menu ul li.menu-item-has-children>a::after {
    transition: .2s;
    -webkit-transition: .2s;
    position: relative;
    right: 10px;
    top: 1px;
    content: '\e828';
    font-family: "stsho";
    font-weight: 300;
    font-size: 11px;
    display: inline-block;
    vertical-align: middle
}

.pweb_menu ul.sub-menu li.menu-item-has-children>a::after {
    transition: .2s;
    -webkit-transition: .2s;
    position: relative;
    right: 10px;
    top: 0;
    content: '\e82c';
    font-family: "stsho";
    font-weight: 300;
    font-size: 11px;
    display: inline-block;
    vertical-align: middle
}

.pweb_menu ul li>a {
    transition: .2s;
    position: relative;
    list-style: none;
    padding: 15px 15px 15px 20px;
    border-radius: 10px
}

.pweb_menu ul li:not(ul li a:hover) a:hover {
    color: var(--pweb-alink-hover-color);
    background: var(--theme-main-opaque-color)
}

.pweb_menu ul li.menu-item-has-children:hover>a::after {
    transform: rotate(180deg)
}

.pweb_menu ul.sub-menu li.menu-item-has-children:hover>a::after {
    transform: rotate(0);
    right: 95px
}

.pweb_menu li ul {
    position: absolute;
    width: 200px;
    background: var(--pweb-header-menu-li-ul-background);
    top: 50px;
    opacity: 0;
    visibility: hidden;
    padding: 5px;
    transition: all .3s;
    border-radius: 10px;
    display: block;
    border-top: 3px solid var(--theme-main-color);
    right: 0;
    z-index: 1;
    -webkit-box-shadow: 0 10px 70px rgba(0, 0, 0, .15);
    box-shadow: 0 10px 70px rgba(0, 0, 0, .15)
}

.pweb_menu li:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
    top: 15px
}

#header .header-menu .pweb_menu li:hover>.sub-menu {
    top: 50px
}

.pweb_menu li ul li ul {
    top: -12px !important;
    right: 200px
}

.pweb_menu li .sub-menu:not(.megamenu) a {
    display: block;
    transition: .2s ease-in-out;
    margin: 5px;
    font-size: 14px;
    padding: 10px;
    border-radius: 10px
}

.pweb_menu li .sub-menu:not(.megamenu) a:hover {
    background: var(--theme-main-opaque-color);
    color: var(--theme-main-color)
}

.offcanvas-body .cart .product {
    overflow: hidden
}

.offcanvas-body .cart .product .product-disc {
    position: relative
}

.offcanvas-body .cart .product .product-disc .product-title {
    padding: 10px;
    text-align: center;
    background: #191a1e08;
    color: #fff;
    position: absolute;
    border-radius: 15px;
    transition: .2s ease-in-out;
    right: 0;
    width: 100%;
    top: 0;
    backdrop-filter: blur(5px)
}

.offcanvas-body .cart .product:hover .product-title {
    top: -35px
}

.offcanvas-body .cart .product .product-img {
    border-radius: 8px;
    overflow: hidden
}

.offcanvas-body .cart .product .product-img figure img {
    border-radius: 8px
}

.offcanvas-body .cart .product .product-img figure {
    position: relative;
    margin: 0
}

.offcanvas-body .cart .product .product-img figure::before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg)
}

.offcanvas-body .cart .product .product-img figure:hover::before {
    -webkit-animation: shine .75s;
    animation: shine .75s
}

@-webkit-keyframes shine {
    100% {
        left: 125%
    }
}

@keyframes shine {
    100% {
        left: 125%
    }
}

.smooth-corners-cover {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: end
}

.smooth-corners {
    background-image: url(assets/images/smooth-corners-sqaure.svg);
    mask-image: url(assets/images/smooth-corners-sqaure.svg);
    mask-size: 100%;
    mask-repeat: no-repeat;
    mask-position: center;
    -webkit-mask-image: url(assets/images/smooth-corners-sqaure.svg);
    -webkit-mask-size: 100%;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    width: 360px;
    position: relative;
    background-size: cover
}

.smooth-corners::before {
    content: '';
    display: block;
    padding-top: 100%
}

.smooth-corners>div {
    position: absolute;
    width: 415px;
    background-color: var(--theme-main-color);
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    line-height: 25px;
    height: 100%;
    text-align: left;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
}

.smooth-corners-cover .smooth-corners img {
    width: 100%;
    position: absolute;
    top: -50px;
    right: -50px
}

.smooth-pweb .smooth-point {
    position: absolute;
    top: -50px;
    width: 415px;
    right: -50px
}

.smooth-pweb .smooth-obj-text {
    position: absolute;
    top: 70px;
    right: -225px
}

.smooth-pweb .smooth-obj-text svg {
    display: none
}

[data-theme=light] .smooth-pweb .smooth-obj-text svg:first-child {
    display: block
}

[data-theme=dark] .smooth-pweb .smooth-obj-text svg:last-child {
    display: block
}

.smooth-pweb .smooth-obj-icons {
    position: absolute;
    top: 0
}

.smooth-pweb .smooth-obj-icons .python {
    position: absolute;
    left: -300px;
    top: 45px
}

.smooth-pweb .smooth-obj-icons .python svg {
    display: none
}

[data-theme=light] .smooth-pweb .smooth-obj-icons .python svg:first-child {
    display: block
}

[data-theme=dark] .smooth-pweb .smooth-obj-icons .python svg:last-child {
    display: block
}

.smooth-pweb .smooth-obj-icons .cicy {
    position: absolute;
    top: -15px;
    left: -228px
}

.smooth-pweb .smooth-obj-icons .cicy svg {
    display: none
}

[data-theme=light] .smooth-pweb .smooth-obj-icons .cicy svg:first-child {
    display: block
}

[data-theme=dark] .smooth-pweb .smooth-obj-icons .cicy svg:last-child {
    display: block
}

.smooth-pweb .smooth-obj-icons .php {
    position: relative;
    top: 5px;
    left: -20px
}

.smooth-pweb .smooth-obj-icons .php svg {
    display: none
}

[data-theme=light] .smooth-pweb .smooth-obj-icons .php svg:first-child {
    display: block
}

[data-theme=dark] .smooth-pweb .smooth-obj-icons .php svg:last-child {
    display: block
}

.mouse_scroll {
    position: absolute;
    bottom: -30px;
    right: 50%
}

.mouse_scroll div.arrows {
    position: relative;
    right: 7px;
    top: 7px
}

.unu {
    margin-top: 1px
}

.doi, .trei, .unu {
    -webkit-animation: mouse-scroll 1s infinite;
    -moz-animation: mouse-scroll 1s infinite;
    animation: mouse-scroll 1s infinite
}

.unu {
    -webkit-animation-delay: .1s;
    -moz-animation-delay: .1s;
    -webkit-animation-direction: alternate;
    animation-direction: alternate;
    animation-delay: alternate
}

.doi {
    -webkit-animation-delay: .2s;
    -moz-animation-delay: .2s;
    -webkit-animation-direction: alternate;
    animation-delay: .2s;
    animation-direction: alternate;
    margin-top: -6px
}

.trei {
    -webkit-animation-delay: .3s;
    -moz-animation-delay: .3s;
    -webkit-animation-direction: alternate;
    animation-delay: .3s;
    animation-direction: alternate;
    margin-top: -6px
}

.m_scroll_arrows {
    display: block;
    width: 5px;
    height: 5px;
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    border-right: var(--pweb-m_scroll_arrows-border-right);
    border-bottom: var(--pweb-m_scroll_arrows-border-bottom);
    margin: 0 0 3px 4px;
    width: 10px;
    height: 10px
}

.mouse {
    height: 42px;
    width: 24px;
    border-radius: 14px;
    transform: none;
    border: var(--pweb-mouse-border);
    top: 170px
}

.wheel {
    height: 5px;
    width: 2px;
    display: block;
    margin: 5px auto;
    background: var(--pweb-wheel-background);
    position: relative;
    height: 4px;
    width: 4px;
    border: var(--pweb-mouse-border);
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -webkit-animation: mouse-wheel .6s linear infinite;
    -moz-animation: mouse-wheel .6s linear infinite;
    animation: mouse-wheel .6s linear infinite
}

@-webkit-keyframes mouse-wheel {
    0% {
        opacity: 1;
        -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0)
    }

    100% {
        opacity: 0;
        -webkit-transform: translateY(6px);
        -ms-transform: translateY(6px);
        transform: translateY(6px)
    }
}

@-moz-keyframes mouse-wheel {
    0% {
        top: 1px
    }

    25% {
        top: 2px
    }

    50% {
        top: 3px
    }

    75% {
        top: 2px
    }

    100% {
        top: 1px
    }
}

@-o-keyframes mouse-wheel {
    0% {
        top: 1px
    }

    25% {
        top: 2px
    }

    50% {
        top: 3px
    }

    75% {
        top: 2px
    }

    100% {
        top: 1px
    }
}

@keyframes mouse-wheel {
    0% {
        top: 1px
    }

    25% {
        top: 2px
    }

    50% {
        top: 10px
    }

    75% {
        top: 2px
    }

    100% {
        top: 1px
    }
}

@-webkit-keyframes mouse-scroll {
    0% {
        opacity: 0
    }

    50% {
        opacity: .5
    }

    100% {
        opacity: 1
    }
}

@-moz-keyframes mouse-scroll {
    0% {
        opacity: 0
    }

    50% {
        opacity: .5
    }

    100% {
        opacity: 1
    }
}

@-o-keyframes mouse-scroll {
    0% {
        opacity: 0
    }

    50% {
        opacity: .5
    }

    100% {
        opacity: 1
    }
}

@keyframes mouse-scroll {
    0% {
        opacity: 0
    }

    50% {
        opacity: .5
    }

    100% {
        opacity: 1
    }
}

.header-d div.hd-d {
    align-items: center;
    padding: 25px 0
}

#header .links a.pweb-b svg, #header .links button.pweb-b svg {
    margin-left: 5px
}

#header .links a.pweb-bsoft i, #header .links button.pweb-bsoft i {
    margin-left: 5px
}

.landing-b {
    top: -90px;
    height: 570px;
    overflow: hidden
}

.landing-b .landingarchu {
    position: relative;
    height: 530px;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.landing-b .landingarchu::before {
    content: '';
    position: absolute;
    background: var(--pweb-landing-b-landingarchu-before-background);
    width: 100%;
    height: 630px;
    display: block;
    z-index: 1;
    top: -100px
}

.landing-b .landingarchu::after {
    content: '';
    position: absolute;
    background-color: #000000a1;
    height: 600px;
    width: 100%;
    display: block;
    top: 0
}

.landing-b .landingarchu .svgbottom {
    position: absolute;
    bottom: -1px;
    width: 100%;
    z-index: 1
}

.landing-b .landingarchu .svgbottom svg {
    position: relative;
    width: 100%
}

.landing-b .landingarchu .svgbottom svg path {
    fill: var(--pweb-landing-b-landingarchu-svgbottom)
}

.landing-b .landingarchu .landingb {
    position: relative;
    z-index: 1;
    text-align: center;
    top: 30%
}

.landing-b .landingarchu .landingb .ltitle {
    font-size: 35px
}

.landing-b .landingarchu .landingb .ldisc {
    font-size: 30px
}

.searchajaxbox {
    margin-top: 15px;
    display: flex;
    justify-content: center
}

.searchajaxbox input {
    height: 55px;
    width: 100%;
    font-weight: 200;
    padding: 0 15px;
    border: transparent;
    border-radius: 15px;
    background: #fff;
    color: #232323;
    display: flex
}

.searchajaxbox button {
    position: absolute;
    left: 10px;
    height: 40px;
    width: 40px;
    border-radius: 10px;
    top: 8px
}

.searchajaxbox input::placeholder {
    color: #aaa
}

.landing-b .landingarchu .landingb .optionlist>div {
    width: 500px
}

.landing-b .landingarchu .landingb .optionlist .optionbox {
    width: 115px;
    height: 100px
}

.landing-b .landingarchu .landingb .optionlist .optionbox.one {
    border-radius: 5px 15px 15px 5px
}

.landing-b .landingarchu .landingb .optionlist .optionbox.two {
    border-radius: 5px
}

.landing-b .landingarchu .landingb .optionlist .optionbox.three {
    border-radius: 5px
}

.landing-b .landingarchu .landingb .optionlist .optionbox.four {
    border-radius: 15px 5px 5px 15px
}

.landing-b .landingarchu .landingb .optionlist .optionbox.yellow {
    background: linear-gradient(206.41deg, #e1b952 11.39%, #8d6b11 92.37%)
}

.landing-b .landingarchu .landingb .optionlist .optionbox.orange {
    background: linear-gradient(29.36deg, #ce4324 18%, #f98560 92.44%)
}

.landing-b .landingarchu .landingb .optionlist .optionbox.purple {
    background: linear-gradient(221.36deg, #b16af9 -33.35%, #6729a3 95.89%)
}

.landing-b .landingarchu .landingb .optionlist .optionbox.cyan {
    background: linear-gradient(225.12deg, #2ca993 22.54%, #1c7565 75.87%)
}

.landing-b .landingarchu .landingb .optionlist .optionbox .icon {
    height: 45px;
    margin-top: 7px
}

.landing-b .landingarchu .landingb .optionlist .optionbox .text {
    font-size: 12px;
    margin-top: 10px;
    color: #fff;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.landing-b .landingarchu .landingb .optionlist .optionbox .text span {
    font-size: 18px
}

.landing-b .mouse_scroll {
    position: absolute;
    bottom: 25px;
    right: 50%;
    z-index: 1
}

.landing-b .mouse_scroll::before {
    content: '';
    padding: 10px;
    background: var(--pweb-landing-b-landingarchu-svgbottom);
    position: relative;
    top: 50px;
    width: 60px;
    height: 60px;
    display: block;
    right: -22px;
    border-radius: 40px
}

.landing-b .mouse_scroll div.arrows {
    position: relative;
    right: 2px;
    top: 5px
}

header .emenu {
    background: var(--theme-main-color) !important;
    border-radius: 0 0 30px 30px
}

header .emenu .menu ul li a {
    color: #fff
}

header .emenu .menu ul li.menu-item-has-children>a::after {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 47 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M46.614 2.52112C46.614 3.05393 46.4103 3.58726 46.0036 3.99403L25.1705 24.8271C24.3564 25.6412 23.0382 25.6412 22.2247 24.8271L1.39155 3.99403C0.577491 3.17998 0.577491 1.86176 1.39155 1.04822C2.2056 0.234691 3.52381 0.23417 4.33735 1.04822L23.6976 20.4084L43.0578 1.04822C43.8718 0.234168 45.19 0.234168 46.0036 1.04822C46.4103 1.45499 46.614 1.98832 46.614 2.52112Z' fill='%23E9E9E9'/%3E%3C/svg%3E") !important;
    width: 10px;
    height: 10px;
    transition: .3s;
    -webkit-transition: .3s;
    display: inline-block;
    position: relative;
    right: 5px;
    top: 3px
}

[data-theme=light] header .emenu .menu ul.sub-menu li a {
    color: #212529
}

header .emenu .contact .text {
    color: #fff
}

header .emenu .contact .icon {
    background: #ffffff21
}

header .emenu .contact .icon svg path {
    fill: #fff
}

.swiper-button-next::after, .swiper-button-prev::after {
    font-size: 20px
}

.swiper-button-prev, .swiper-button-next {
    background-color: var(--theme-main-color);
    left: 10px;
    right: auto;
    height: 40px;
    width: 40px;
    border-radius: 30px;
    -webkit-transform: scale(0);
    transform: scale(0);
    transition: all .3s .1s cubic-bezier(.175, .885, .32, 1.275)
}

.swiper:hover .swiper-button-next, .swiper:hover .swiper-button-prev {
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all .3s .1s cubic-bezier(.175, .885, .32, 1.275)
}

.swiper-pagination-bullet {
    position: relative;
    overflow: hidden;
    width: 20px;
    height: 10px;
    border-radius: 50px;
    background: #CECECE
}

.swiper-pagination-bullet-active {
    background: #7E96EE;
    width: 40px;
    top: -5px;
    box-shadow: 0 9px 15.1px -2px rgba(126, 150, 238, 0.25)
}

.swiper-button-next, .swiper-button-prev {
    color: #fff
}

.landing-c .landingsliders {
    border-radius: 8px;
    overflow: hidden
}

.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 5px
}

.swiper-paused {
    opacity: 0;
    animation-play-state: paused
}

@keyframes slide-progress {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

.pwebcards .pcard-1 {
    background: var(--pweb-pwebcards-pcard-1-background);
    box-shadow: var(--pweb-pwebcards-pcard-1-shadow);
    overflow: hidden;
    border-radius: 8px
}

.pwebcards .pcard-2 {
    background: var(--pweb-pwebcards-pcard-2-background);
    padding: 40px;
    margin-top: 10px;
    margin-bottom: 25px;
    border-radius: 10px;
    border: 1px solid #6b6C771A
}

.pwebcards .pcard-3 {
    margin-top: 10px;
    margin-bottom: 40px;
    border-radius: 10px
}

.pwebcards .pcard-3 .productimg {
    width: 200px;
    position: relative;
    z-index: 1;
    transition: .2s ease-in-out
}

.pwebcards .pcard-3 .removeFav {
    padding: 8px;
    position: absolute;
    background: #6b6c77;
    border-radius: 50px;
    color: #fff;
    left: 10px;
    width: 35px;
    height: 35px;
    top: 10px;
    z-index: 1
}

.pwebcards .pcard-3 .pcardimg img {
    border-radius: 10px
}

.pwebcards .pcard-3 .pcardbody .pcardtitle a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 170px
}

.pwebcards .pcard-3 .pcardimg {
    transition: .2s
}

.pwebcards .pcard-3 .productimg {
    transition: .2s
}

.pwebcards .pcard-3:hover .productimg {
    opacity: .8
}

@-webkit-keyframes flash {
    0% {
        opacity: .4
    }

    100% {
        opacity: 1
    }
}

@keyframes flash {
    0% {
        opacity: .4
    }

    100% {
        opacity: 1
    }
}

.pwebcards .pcard-3 .productdesc {
    width: 350px;
    position: relative;
    font-size: 14px
}

.pwebcards .pcard-3 .productdesc .pcardbody {
    padding: 15px;
    background: var(--pweb-dashboard-dashbox-bg);
    border-radius: 10px 0 0 10px;
    width: 100%;
    position: relative;
    z-index: 1
}

.pwebcards .pcardtitle {
    font-weight: 300
}

.pwebcards .pcard-2 .pcardtitle {
    margin-bottom: 15px
}

.pwebcards .pcardbody .pcardtitle div {
    font-size: 13px;
    color: #868686;
    font-weight: 200
}

.pwebcards .pcardbody .pcardtitle a {
    color: var(--pweb-pwebcards-pcardbody-pcardtitle-a-color);
    transition: .2s all
}

.pwebcards .pcardbody .pcardtitle a:hover {
    color: var(--pweb-alink-hover-color)
}

.pwebcards .pcard-1 .pcardbody {
    padding: 10px
}

.pwebcards .pcard-1 .pcardbody .pcarddisc {
    margin-top: 10px
}

.pwebcards .pcard-1 .pcardbody .pcarddisc .pavatar {
    overflow: hidden;
    border-radius: 80px;
    width: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--pweb-pwebcards-pcardfooter-background);
    height: 40px
}

.pwebcards .pcard-1 .pcardbody .pcarddisc .pavatar i {
    font-size: 16px
}

.pwebcards .pcard-1 .pcardbody .pcarddisc .teacher {
    margin-right: 8px
}

.pwebcards .pcard-1 .pcardbody .pcarddisc .teacher div:first-child {
    font-size: 13px;
    color: #868686
}

.pwebcards .pcard-1 .pcardbody .pcarddisc .teacher div:last-child {
    color: var(--pweb-pwebcards-pcardbody-pcardtitle-a-color)
}

.pwebcards .pcardfooter {
    padding: 10px;
    border-top: 1px solid #6b6C771A;
    background: var(--pweb-pwebcards-pcardfooter-background)
}

.pwebcards .pcard-2 .pcardfooter {
    position: relative;
    border: 1px solid #6b6C771A;
    border-radius: 8px
}

.pwebcards .pcard-2 .pcardfooter .prsvga {
    content: '';
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    background-color: var(--pweb-pwebcards-pcard-2-pcardfooter-prsvg-background);
    right: -20px;
    top: 16px;
    border-radius: 50px;
    border: var(--pweb-pwebcards-pcard-2-pcardfooter-prsvg-border)
}

.pwebcards .pcard-2 .pcardfooter .prsvga::before {
    content: "";
    height: 42px;
    width: 21px;
    background: var(--pweb-pwebcards-pcard-2-background);
    float: right;
    position: absolute;
    right: -3px;
    top: -5px
}

.pwebcards .pcard-2 .pcardfooter .prsvgb {
    content: '';
    position: absolute;
    display: block;
    width: 30px;
    height: 30px;
    background-color: var(--pweb-pwebcards-pcard-2-pcardfooter-prsvg-background);
    left: -20px;
    top: 16px;
    border-radius: 50px;
    border: var(--pweb-pwebcards-pcard-2-pcardfooter-prsvg-border)
}

.pwebcards .pcard-2 .pcardfooter .prsvgb::before {
    content: "";
    height: 42px;
    width: 21px;
    background: var(--pweb-pwebcards-pcard-2-background);
    float: left;
    position: absolute;
    left: -3px;
    top: -5px
}

.pwebcards .pcardfooter .price {
    color: #52ac66;
    font-weight: 300
}

.pwebcards .pcardfooter .price .free-product {
    font-size: 13px;
    padding: 10px 20px;
    background: #52ac6614;
    border-radius: 10px;
    color: #52ac66;
    user-select: none;
    font-weight: 300
}

.pwebcards .pcardfooter .price span {
    color: #868686;
    font-weight: 200;
    font-size: 14px
}

.pwebcards .pcardfooter .price .offer div {
    text-decoration: line-through;
    font-size: 13px;
    color: #868686;
    font-weight: 200
}

.pwebcards .pcardfooter .price .offer div.toman {
    text-decoration: none;
    margin-right: 3px;
    font-size: 11px
}

.pwebcards .pcardfooter .price .offer span {
    font-size: 12px;
    color: #fff;
    font-weight: 200;
    background: #646464;
    border-radius: 25px;
    padding: 1px 8px;
    margin-right: 8px
}

.pwebcards .stars {
    text-align: center;
    font-weight: 300;
    color: #52ac66;
    border-left: var(--pweb-pwebcards-borderleft);
    padding: 0 15px
}

.pwebcards .stars div {
    font-size: 13px;
    font-weight: 200;
    color: #868686
}

.pwebcards .countstudent {
    text-align: center;
    font-weight: 300;
    color: #c69c4a
}

.pwebcards .countstudent div {
    font-size: 13px;
    font-weight: 200;
    color: #868686
}

.slidersgallery {
    height: 20%;
    box-sizing: border-box;
    padding: 15px 0
}

.slidersgallery .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: .4;
    cursor: pointer
}

.landingsliders .swiper-slide {
    cursor: -webkit-grab;
    cursor: grab
}

.slidersgallery .swiper-slide-thumb-active {
    opacity: 1
}

.swiper-slide img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.thumbsSliders img {
    border-radius: 8px
}

.landingproduct .swiper-horizontal>.swiper-pagination-bullets, .landingproduct .swiper-pagination-bullets.swiper-pagination-horizontal, .landingproduct .swiper-pagination-custom, .landingproduct .swiper-pagination-fraction {
    height: 30px;
    top: 40%
}

.bcards .bcardstitle, .commentsbox .commentsboxtitle, .scboxs .scboxtitle {
    text-align: center;
    font-size: 20px
}

.scboxs .scbox-a .scbox {
    background: var(--pweb-scboxs-scbox-a-background);
    box-shadow: var(--pweb-scboxs-scbox-a-shadow);
    border-radius: 8px;
    padding: 15px;
    transition: .2s ease-in-out
}

.scboxs .scbox-a .scbox:hover {
    box-shadow: none;
    background: var(--theme-main-color);
    color: #fff
}

.scboxs .scbox .icon i {
    font-size: 40px
}

.scboxs .scbox-a .scbox.horizontal .icon {
    justify-content: center;
    align-items: center;
    display: flex
}

.scboxs .scbox-a .scbox .icon svg {
    width: 50px;
    height: 50px
}

.scboxs .scbox-a .scbox .icon svg path {
    fill: var(--pweb-scboxs-scbox-a-iconfill)
}

.scboxs .scbox-a .scbox:hover .icon svg path {
    fill: #fff
}

.scboxs .scbox-a .texts {
    margin: auto 10px
}

.scboxs .scbox-a .texts .title {
    color: var(--pweb-scboxs-scbox-a-texttitle);
    font-weight: 300
}

.scboxs .scbox-a .texts .disc {
    color: #bababa;
    font-size: 14px
}

.scboxs .scbox-a .scbox:hover .texts .disc, .scboxs .scbox-a .scbox:hover .texts .title {
    color: #fff
}

.scboxs .scbox-a .scbox.horizontal {
    display: block;
    text-align: center
}

.scboxs .scbox-a .scbox.vertical {
    display: block;
    text-align: center
}

.swiper.scboxb {
    height: 160px !important
}

.swiper.scboxa .swiper-button-next, .swiper.scboxa .swiper-button-prev {
    top: 42px;
    background-color: #434446
}

.swiper.scboxb .swiper-button-next, .swiper.scboxb .swiper-button-prev {
    top: 67px;
    background-color: #434446
}

.swiper-button-next, .swiper-button-prev {
    background-image: none !important
}

.scboxs .scbox-b .texts {
    margin-top: 8px
}

.pwebcards.products {
    padding-top: 40px
}

[data-theme=dark] .pwebcards.products svg.bottomsvg {
    display: none
}

.pwebcards .pcarda {
    height: 420px
}

.pwebcards .pwebcards-title .icon {
    margin-left: 10px;
    padding: 10px;
    background: var(--pweb-pwebcards-pwebcards-title-icon);
    border-radius: 10px;
    margin-top: auto;
    margin-bottom: auto
}

.pwebcards .pwebcards-title .icon svg {
    width: 30px;
    height: 30px
}

.pwebcards .pwebcards-title .text .fa {
    font-size: 18px;
    font-weight: 300;
    font-family: inherit
}

.pwebcards .pwebcards-title .text .en {
    text-transform: uppercase;
    color: #b8b8b8;
    font-size: 13px;
}

.pwebcards .pwebcards-title a {
    margin-top: auto;
    margin-bottom: auto;
    padding: 10px 20px;
    transition: .2s ease-in-out;
    background: var(--pweb-pwebcards-pwebcards-title-a);
    border-radius: 8px;
    color: #fff
}

.pwebcards .pwebcards-title a:hover {
    background-color: var(--pweb-alink-hover-color)
}

.pwebcards .pcard-b .pcardimg {
    padding: 10px 10px 0;
    overflow: hidden
}

.pwebcards .pcardimg img {
    border-radius: 10px;
    width: 100%
}

.pweb-dashboard .pwebcards .pcardimg img {
    border-radius: 10px;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.pweb-dashboard .pwebcards .pcard-b .pcardimg {
    height: 200px
}

.pwebcards .pcard-b .pcardfooter {
    margin: 10px;
    border-radius: 10px
}

.mark, mark {
    color: var(--theme-main-color);
    background-image: none;
    background: #52b75C33;
    border-radius: 8px;
    border: 1px dashed #52ac664f;
    padding: 2px 7px;
    margin: 0 5px
}

del, ins {
    text-decoration: none
}

.pdrowcard {
    background: var(--pweb-pdrowcard-background);
    padding: 3px 10px;
    align-items: center;
    border: 1px solid #6b6C771A;
    border-radius: 8px
}

.pdrowcard .pavatar {
    border-radius: 100%;
    overflow: hidden;
    width: 50px
}

.pdrowcard .pavatar i {
    margin: 8px;
    background: var(--pweb-pwebcards-pcard-2-background);
    border-radius: 10px;
    width: 40px;
    height: 40px;
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 20px
}

.pdrowcard .textrowcard {
    margin-right: 10px
}

.pdrowcard .textrowcard div:first-child {
    font-size: 13px;
    color: #868686
}

.pdrowcard .textrowcard div:last-child {
    font-size: 14px;
    font-weight: 300
}

.productrowinfo {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 0;
    display: flex;
    flex-wrap: wrap;
    margin-top: calc(-1 * var(--bs-gutter-y));
    margin-left: calc(-.5 * var(--bs-gutter-x));
    margin-right: calc(-.5 * var(--bs-gutter-x))
}

.productrowinfo>* {
    flex-shrink: 0;
    width: 100%;
    max-width: 100%;
    padding-left: calc(var(--bs-gutter-x) * .5);
    padding-right: calc(var(--bs-gutter-x) * .5);
    margin-top: var(--bs-gutter-y)
}

.productrowinfo>:nth-of-type(odd) {
    padding-left: 0
}

.pwebcards .col-6 {
    flex: 0 0 auto;
    width: 50%;
    margin-bottom: 10px
}

.pwebcards .pcard-2 .pcardimg {
    height: 300px;
    display: flex
}

.nocolmargin .col-6 {
    margin-bottom: 0
}

.pcard-3 .pcardfooter {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 0;
    border-radius: 8px;
    transition: .2s ease-in-out;
    border: var(--pweb-pwebcards-pcardfooter-bordertop)
}

.pcard-3:hover .pcardfooter {
    top: 45px;
    padding-top: 30px
}

.bcards .bcard {
    position: relative;
    background-color: var(--bcards-bcard-background);
    box-shadow: var(--bcards-bcard-shadow);
    transition: .2s all;
    padding: 15px;
    border-radius: 10px
}

.bcards .bcard-a .bcardheader {
    align-items: center;
    margin-bottom: 10px
}

.bcards .bcard .bcardtitle {
    font-weight: 300;
    transition: .2s all;
    color: var(--bcards-bcard-bcardtitle)
}

.pweb-dashboard .bcards .bcard .bcardtitle {
    font-weight: 300;
    transition: .2s all;
    color: var(--bcards-bcard-bcardtitle);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 280px
}

.bcards .bcard .bcardimages {
    overflow: hidden;
    transition: .2s;
    border-radius: 10px;
    max-height: 160px
}

.bcards .bcard .bcardimages img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.bcards .bcard-a .postdate {
    background: var(--theme-main-color);
    color: #fff;
    padding: 5px;
    text-align: center;
    transition: .2s all;
    margin-left: 10px;
    border-radius: 5px;
    font-size: 13px
}

.bcards .bcard-a:hover {
    transform: translateY(5px);
    background-color: transparent
}

.bcards .bcard:hover .bcardtitle {
    color: var(--pweb-alink-hover-color)
}

.bcards .bcard:hover .bcardimages {
    opacity: .8
}

.bcards .bcard .desc {
    color: #868686;
    font-size: 14px
}

.bcards .bcard-a:hover .postdate {
    border-radius: 5px 15px 15px 15px
}

.bcards .bcard-b .bcardheader {
    border-radius: 5px 15px 15px 15px
}

.bcards .bcard-b .bcardheader .bcardrightbox {
    margin-left: 15px
}

.bcards .bcard-b .bcardheader .bcardbody {
    color: #8e8e8e;
    line-height: 1.8
}

.bcards .bcard-b .bcardheader .bcardrightbox .bcrbox {
    text-align: center;
    padding: 5px 10px;
    background: var(--bs-body-bg);
    font-size: 14px;
    color: #717070;
    margin-bottom: 10px;
    border-radius: 5px;
    border: 1px solid #6b6C771A
}

.articles-blog .bcardimages img {
    height: 140px;
    object-fit: cover
}

.bcards .bcard-b .bcardheader .bcardrightbox .bcrbox:last-child {
    margin-bottom: 0
}

.bcards .bcard-c .progressbc {
    width: 100%;
    position: relative;
    overflow: hidden;
    height: 5px;
    background: var(--bcards-bcard-c-progressbc-background);
    margin: 10px 0;
    border-radius: 50px
}

.bcards .bcard-c .progressbc::before {
    content: '';
    position: absolute;
    width: 40%;
    height: 5px;
    background: var(--theme-main-color);
    border-radius: 50px;
    -webkit-transition: width .2s ease-in-out;
    -moz-transition: width .2s ease-in-out;
    -o-transition: width .2s ease-in-out;
    transition: width .2s ease-in-out
}

.bcards .bcard-c:hover .progressbc::before {
    width: 100%
}

.bcards .bcard-c .bcardfooter {
    padding: 10px;
    background: var(--pweb-pdrowcard-background);
    border-radius: 5px;
    font-size: 13px;
    color: var(--bcards-bcard-c-bcardfooter-color);
    margin: 10px 0 0;
    border-top: 1px solid #6b6C771A
}

.bcards .bcard-c .bcardfooter .author {
    color: #868686;
    transition: .2s all;
    display: flex;
    align-items: center;
    gap: 10px
}

.bcards .bcard-c .bcardfooter .author i, .bcards .bcard-c .bcardfooter .comments i {
    font-size: 13px
}

.bcards .bcard-c .bcardfooter .author:hover {
    color: var(--pweb-alink-hover-color)
}

footer .footertop {
    position: relative;
    z-index: 1;
    background: var(--theme-main-color);
    color: #fff;
    padding: 20px 15px
}

footer .footertopsvg {
    width: 100%;
    position: relative;
    top: 11px
}

footer .footertop i {
    font-size: 25px;
    position: relative;
    top: -2px
}

footer .footer-a {
    background: var(--footer-a-background);
    padding: 10px
}

footer .footer-a .footer-menu ul {
    padding: 10px 0;
    display: flex;
    align-items: center
}

footer .footer-a .footer-menu li {
    list-style-type: none;
    margin-bottom: 5px
}

footer .footer-a .footer-menu li:last-child {
    margin-bottom: 0
}

footer .footer-a .footer-menu li {
    color: var(--footer-a-footer-menu-li-color);
    font-size: 14px
}

footer .footer-a .footer-menu li a {
    transition: .2s;
    -webkit-transition: .2s;
    color: var(--footer-a-footer-menu-li-a-color)
}

footer .footer-a .footer-menu li::before {
    transition: .2s;
    -webkit-transition: .2s;
    position: relative;
    right: 0;
    top: 0;
    content: "\f30a";
    font-family: uicons-regular-rounded !important;
    font-weight: 300;
    font-size: 8px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 8px
}

footer .footer-a .footer-menu li:hover a {
    color: var(--pweb-alink-hover-color)
}

footer .footer-a .footer-menu li:hover::before {
    color: var(--pweb-alink-hover-color);
    font-weight: 600;
    font-size: 10px
}

footer .websitebio .logo {
    width: 150px
}

footer .websitebio .desc {
    color: var(--footer-a-footer-menu-li-a-color);
    font-size: 14px;
    margin-top: 10px
}

footer .bottomtool {
    padding: 15px;
    background: var(--footer-bottomtool-background);
    font-size: 13px;
    color: var(--footer-bottomtool-color);
    border-top: var(--footer-bottomtool-border);
    border-radius: 10px
}

footer .bottomtool .logo {
    width: 30px
}

footer .lefttools a {
    margin-right: 5px;
    width: 50px;
    height: 50px;
    justify-content: center
}

footer .lefttools {
    display: flex;
    align-items: center;
    position: relative
}

footer .lefttools a i {
    font-size: 15px;
    width: 15px;
    position: relative;
    top: 0;
    right: 1px
}

.bcards .bcardstitle .left, .scboxs .scboxtitle .left {
    position: absolute;
    right: 0;
    left: 19%;
    top: -7px;
    font-size: 36px;
    opacity: .1;
    transform: rotate(15deg)
}

.bcards .bcardstitle .right, .scboxs .scboxtitle .right {
    position: absolute;
    left: 0;
    right: 19%;
    top: -7px;
    font-size: 50px;
    opacity: .1;
    transform: rotate(-15deg)
}

.commentsbox .commentsboxtitle .fa-quote-left {
    position: absolute;
    left: 0;
    right: 23%;
    top: 0;
    font-size: 50px;
    opacity: .1
}

.commentsbox .commentsboxtitle .fa-quote-right {
    position: absolute;
    right: 0;
    left: 23%;
    top: 0;
    font-size: 50px;
    opacity: .1
}

.reviewbox .comment {
    user-select: none;
    background: var(--reviewbox-comment-background);
    border: 1px solid #6b6C771A;
    padding: 10px
}

.reviewbox .comment .user-profile {
    top: -10px;
    width: 60px;
    right: -10px;
    border-radius: 100%;
    overflow: hidden
}

.commentsbox .swiper-slide .reviewbox {
    filter: blur(5px)
}

.commentsbox .swiper-slide-active .reviewbox {
    filter: blur(0)
}

.commentsbox .swiper-cards .swiper-slide {
    overflow: visible
}

.reviewbox .comment .bodys {
    margin-right: 50px;
    margin-bottom: 5px;
    margin-top: 5px
}

.reviewbox .comment .bodys .user-name {
    font-weight: 300
}

.reviewbox .comment .bodys .user-review {
    font-size: 16px;
    color: var(--reviewbox-comment-user-review-color)
}

.reviewbox .review-link {
    padding: 5px 15px;
    background: var(--theme-main-color);
    border-radius: 20px 0 20px 20px;
    color: #fff;
    position: absolute;
    bottom: -40px;
    width: 100%
}

.reviewslider {
    padding: 0 25px
}

.reviewslider .reviewbox {
    position: relative;
    margin: 0;
    padding: 0
}

.single-product .product-right-info {
    height: 100%;
    padding: 25px;
    background: var(--single-content-bg);
    border-radius: 10px;
    align-items: center;
    display: flex
}

.single-product .product-right-info a {
    padding: 15px;
    display: flex;
    align-items: center
}

.single-product .product-right-info a i {
    font-size: 20px
}

.single-product .product-right-info .product-header .product-title {
    font-size: 20px;
    font-weight: 300;
    margin: 0
}

.single-product .product-right-info .product-submit .price {
    padding: 15px;
    background: var(--bs-accordion-bg);
    text-align: center;
    border-radius: 10px
}

.single-product .product-right-info .product-body .product-desc {
    color: #bababa
}

.single-product .single-content {
    background: var(--single-content-bg);
    padding: 20px;
    border-radius: 10px
}

.single-product .single-content img, .single-product .single-sidebar img {
    border-radius: 10px
}

.single-product .product-img, .single-product .product-video {
    height: 100%;
    overflow: hidden;
    border-radius: 10px
}

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

.plyr--video {
    height: 100%
}

.plyr__poster {
    background-size: cover
}

.social-media .social-box {
    display: block;
    width: 100%;
    color: #fff;
    border-radius: 20px;
    padding: 10px 15px;
    transition: .3s
}

.social-media2 .social-box {
    display: block;
    width: 100%;
    color: #fff;
    border-radius: 5px;
    padding: 30px;
    font-size: 18px
}

.social-media .social-box.instagram {
    background: linear-gradient(243.32deg, #6628eb 3.69%, #d62479 45.76%, #fd4949 70.62%, #fdf497 110.03%)
}

.social-media .social-box.telegram {
    background: linear-gradient(48.74deg, #6eb2f0 -2.35%, #2269ab 75.47%)
}

.social-media2 .social-box.instagram {
    background-color: #e91e63;
    box-shadow: 0 7px 30px #9c27b036;
    background-image: linear-gradient(120deg, #673ab7, #e91e63)
}

.social-media2 .social-box.telegram {
    background-color: #03b8ff;
    box-shadow: 0 7px 30px #1dbbfb3d;
    background-image: linear-gradient(120deg, #03b8ff, #43c4ee)
}

.social-media2 .social-box .icon svg path {
    fill: #FFF
}

.social-media .social-box .icon {
    background: #fff;
    border-radius: 50px;
    display: flex;
    width: 50px;
    height: 50px;
    transition: .3s;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.social-media .social-box .brand-name div:last-child {
    letter-spacing: .38em;
    direction: ltr
}

.social-media .social-box:hover .icon {
    transform: scale(.8)
}

.pweb-accordion-content a:hover {
    color: var(--pweb-alink-hover-color)
}

.content-list-title {
    font-size: 18px;
    font-weight: 300;
    margin-bottom: 10px
}

.product-short-description p {
    line-height: 1.5
}

.courses .pweb-accordion-header {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    cursor: pointer;
    padding: 20px;
    background: var(--bs-accordion-bg);
    border-radius: 10px;
    font-size: 15px;
    margin-bottom: 15px
}

.courses .pweb-accordion>.pweb-accordion-header::after {
    transition: .2s;
    -webkit-transition: .2s;
    position: relative;
    content: '\e828';
    font-family: "stsho";
    font-weight: 300;
    font-size: 13px;
    background: var(--pweb-accordion-header-lesson-lesson-one-label-bg);
    width: 40px;
    height: 40px;
    align-items: center;
    display: flex;
    justify-content: center;
    border-radius: 10px
}

.courses .pweb-accordion>.pweb-accordion-header.icon::after {
    transform: rotate(180deg)
}

.courses .pweb-accordion-header.lesson {
    font-size: 13px;
    border: var(--pweb-accordion-header-lesson-border)
}

.courses .pweb-accordion-header.lesson .lesson-one i {
    font-size: 35px;
    color: var(--pweb-accordion-header-lesson-lesson-one-i-color);
    margin-left: 10px
}

.courses .pweb-accordion-header.lesson .lesson-one .label {
    background: var(--pweb-accordion-header-lesson-lesson-one-label-bg);
    border-radius: 8px;
    padding: 0 10px;
    font-size: 12px;
    color: var(--pweb-accordion-header-lesson-lesson-one-label-color);
    margin-right: 10px;
    text-align: center
}

.courses .pweb-accordion-header.lesson .lesson-one .lesson-name span {
    display: block;
    font-size: 12px;
    color: #bababa;
    margin-top: 5px
}

.courses .pweb-accordion-header.lesson .lesson-two .status-label {
    display: flex;
    align-items: center;
    border-radius: 8px;
    padding: 10px;
    font-size: 12px
}

.courses .pweb-accordion-header.lesson .lesson-two .status-label i {
    margin-left: 5px
}

.courses .pweb-accordion-header.lesson .lesson-two a {
    display: flex;
    align-items: center;
    background: var(--pweb-accordion-header-lesson-lesson-one-label-bg);
    border-radius: 8px;
    padding: 10px;
    font-size: 18px;
    color: var(--pweb-accordion-header-lesson-lesson-one-label-color);
    margin-right: 5px
}

.courses .pweb-accordion-header.lesson .lesson-two a.disabled {
    color: var(--pweb-accordion-header-lesson-lesson-two-a-disabled)
}

.courses .pweb-accordion-header.lesson .lesson-two .status-label.private {
    background: rgba(167, 66, 66, .1);
    color: #a74242
}

.courses .pweb-accordion-header.lesson .lesson-two .status-label.public {
    background: rgba(66, 167, 106, .1);
    color: #42a76a
}

.courses .pweb-accordion-header.lesson .lesson-two .status-label.members {
    background: rgba(225, 168, 82, .1);
    color: #e1a852
}

.easy-toast, .easy-toast::after, .easy-toast::before {
    font-family: var(--bs-body-font-family) !important
}

.easy-toast-block {
    overflow: hidden
}

.single-content #course-tab {
    white-space: nowrap;
    flex-wrap: nowrap;
    overflow: auto
}

.single-sidebar>div {
    background: var(--single-content-bg);
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 15px
}

.single-sidebar>div:last-child {
    margin-bottom: 0
}

.cdetail {
    padding: 10px;
    border-radius: 10px;
    background: var(--bs-nav-pills-link-active-bg);
    font-size: 13px;
    margin-bottom: 10px;
    margin-top: 10px
}

.cdetail:last-child {
    margin-bottom: 0
}

.cdetail .icon {
    width: 35px;
    height: 35px;
    background: var(--single-content-bg);
    display: flex;
    border-radius: 10px;
    font-size: 18px;
    justify-content: center;
    align-items: center
}

.cdetail .content div:first-child {
    color: var(--bs-nav-link-color)
}

.cdetail .content div:last-child {
    font-weight: 300;
    font-size: 14px
}

.cdetail .content div.price ins span, .cdetail .content div.price>span>bdi {
    font-weight: 300;
    font-size: 14px
}

.cdetail .content div span {
    font-size: 10px;
    font-weight: 100
}

.cprogress .text {
    font-size: 13px
}

.cprogress .text span {
    font-weight: 300;
    font-size: 16px
}

.cprogress .meter {
    height: 10px;
    position: relative;
    background: var(--bs-nav-pills-link-active-bg);
    margin-top: 10px;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    direction: ltr;
    overflow: hidden
}

.cprogress .meter>span {
    display: block;
    height: 100%;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: var(--theme-main-color);
    position: relative;
    overflow: hidden
}

.cprogress .meter>span::after {
    animation: move 2s linear infinite;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, .2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%, rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
    z-index: 1;
    background-size: 50px 50px;
    animation: move 2s linear infinite;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    overflow: hidden
}

.share-post .box-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    transition: .3s;
    padding: 10px;
    gap: 10px;
    border-radius: 15px;
    width: 50px;
    height: 50px;
    font-size: 20px;
    margin-right: 10px
}

.share-post .box-item:last-child {
    margin-right: 0
}

.share-post .box-item.whatsapp {
    background: #57d80f;
    color: #fff
}

.share-post .box-item.telegram {
    background: #1486ff;
    color: #fff
}

.share-post .box-item.twitter {
    background: #2d2d2d;
    color: #fff
}

.share-post .box-item.linkedin {
    background: #ea9f11;
    color: #fff
}

.share-post .box-item.facebook {
    background: #335ddf;
    color: #fff
}

.share-post .box-item:hover {
    transform: scale(1.2);
    box-shadow: 0 0 15px 0 inset var(--single-content-bg)
}

.share-link input {
    color: var(--bs-nav-link-color);
    font-size: 14px;
    text-align: center;
    padding: 20px;
    border-radius: 10px
}

.share-link button {
    position: absolute;
    top: 10px;
    width: 43px;
    height: 43px;
    transition: .3s;
    background: var(--single-content-bg);
    color: var(--single-content-color);
    border-radius: 25px;
    justify-content: center;
    display: flex;
    align-items: center;
    left: 10px
}

.share-link button:hover {
    transform: scale(1.2)
}

.article-content .content .h1, .article-content .content h1, .pweb_product_content .h1, .pweb_product_content h1, .single-content .h1, .single-content h1 {
    font-size: 20px;
    font-weight: 300
}

.article-content .content .h2, .article-content .content h2, .pweb_product_content .h2, .pweb_product_content h2, .single-content .h2, .single-content h2 {
    font-size: 19px;
    font-weight: 300
}

.article-content .content .h3, .article-content .content h3, .pweb_product_content .h3, .pweb_product_content h3, .single-content .h3, .single-content h3 {
    font-size: 18px;
    font-weight: 300
}

.article-content .content .h4, .article-content .content h4, .pweb_product_content .h4, .pweb_product_content h4, .single-content .h4, .single-content h4 {
    font-size: 17px;
    font-weight: 300
}

.article-content .content .h5, .article-content .content h5, .pweb_product_content .h5, .pweb_product_content h5, .single-content .h5, .single-content h5 {
    font-size: 16px;
    font-weight: 300
}

.article-content .content .h6, .article-content .content h6, .pweb_product_content .h6, .pweb_product_content h6, .single-content .h6, .single-content h6 {
    font-size: 15px;
    font-weight: 300
}

.pweb_product_content h6, .pweb_product_content strong, .single-content h6, .single-content strong {
    font-weight: 200
}

.article-content .content ul, .pweb_product_content ul, .single-content .course-content ul {
    list-style: inside
}

.article-content .content a, .single-content .course-content a {
    color: #5078f2;
    text-decoration: none;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s
}

.article-content .content a:hover, .single-content .course-content a:hover {
    color: #afc1f9
}

.article-content .content blockquote, .pweb_product_content blockquote, .single-content blockquote {
    margin: 10px 0;
    padding: 15px 20px 15px 0;
    position: relative;
    z-index: 1;
    border: 0 !important
}

.article-content .content blockquote::before, .pweb_product_content blockquote::before, .single-content blockquote::before {
    color: rgba(158, 158, 158, .09);
    content: '\f76b';
    font-family: uicons-regular-rounded;
    font-size: 130px !important;
    line-height: 1;
    position: absolute;
    right: 1px;
    top: -6px;
    transform: rotate(4deg);
    z-index: -1
}

.product-reviews-rules {
    padding: 15px;
    background: var(--bs-nav-pills-link-active-bg);
    border-radius: 10px;
    margin: 20px 0
}

.product-reviews-rules ul li::before {
    font-family: uicons-regular-rounded;
    content: "\f61b";
    margin-left: 5px;
    width: 25px;
    height: 25px;
    background: var(--single-content-bg);
    border-radius: 10px;
    font-size: 10px;
    justify-content: center;
    align-items: center;
    display: inline-flex
}

.comment-respond .comment-form p.form-submit {
    direction: ltr
}

.product-reviews-rules ul {
    list-style: none;
    padding: 0;
    font-size: 12px;
    margin: 10px 0 0;
    line-height: 2.5
}

.comment-respond input, .comment-respond select, .comment-respond textarea, .review_form input, .review_form select, .review_form textarea {
    line-height: 1.5;
    outline: 0;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid var(--pweb-header-searchbox-background);
    color: var(--pweb-header-searchbox-color);
    background-color: var(--bs-nav-pills-link-active-bg)
}

[type=checkbox]+label, [type=radio]+label {
    display: inline-block;
    vertical-align: baseline;
    margin-left: .375rem;
    margin-right: .75rem;
    margin-bottom: 0
}

.comment-respond p input#wp-comment-cookies-consent {
    width: unset
}

.comment-respond .comment-form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px
}

.comment-respond .comment-form .comment-form-rating, .comment-respond .comment-form p {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    overflow: hidden;
    margin-bottom: 15px;
    margin-top: 15px
}

.comment-form-rating label {
    margin-left: 15px
}

.comment-form-rating .stars {
    display: none
}

.comment-respond .comment-form p.stars {
    margin: 10px 0;
    padding: 0
}

.comment-respond p textarea {
    height: 140px;
    padding-top: 10px;
    height: 185px;
    line-height: 26px
}

.comment-respond p input, .comment-respond p textarea {
    width: 100%;
    font-weight: 200;
    transition: .3s
}

.comment-respond p .form-submit, .comment-respond p .submit {
    width: auto
}

.comment-respond p input.submit {
    background: var(--theme-main-color);
    color: #fff
}

.comment-respond p input:focus, .comment-respond p textarea:focus {
    box-shadow: rgba(0, 0, 0, .02) 0 1px 3px 0, rgba(27, 31, 35, .15) 0 0 0 1px
}

@media (min-width:768px) {
    .comment-respond .comment-form .comment-form-author, .comment-respond .comment-form .comment-form-email, .comment-respond .comment-form .comment-form-url {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%
    }

    .pweb-modal {
        overflow: auto !important;
        max-height: 500px !important
    }
}

.comment-respond .comment-form .comment-form-url {
    display: none
}

.teacher-box {
    padding: 15px;
    background-color: var(--bs-nav-pills-link-active-bg);
    border-radius: 10px
}

.teacher-box .teacher-profile {
    width: 50px;
    height: 50px;
    border-radius: 10px;
    overflow: hidden
}

.teacher-box .teacher-profile img {
    height: 100%;
    object-fit: cover
}

.teacher-box .teacher-name .side {
    color: var(--bs-nav-link-color);
    font-size: 14px
}

.teacher-box .boxcontent {
    font-size: 14px;
    height: 25px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.teacher-box .teacher-page {
    font-size: 13px
}

.hashtags {
    padding: 15px;
    border-radius: 10px;
    background: var(--bs-nav-pills-link-active-bg)
}

.hashtags .labels a {
    background: var(--theme-main-opaque-color);
    border: 1px dashed var(--theme-main-color);
    padding: 2px 8px;
    font-size: 14px;
    color: var(--theme-main-color);
    border-radius: 10px;
    margin: 3px;
    display: inline-block;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.hashtags .labels a:hover {
    background: var(--theme-main-color);
    border: 1px dashed var(--theme-main-color);
    color: #fff
}

.top-menu-wrap {
    height: 60px;
    background-color: var(--theme-main-color);
    padding: 0;
    display: flex;
    border-radius: 10px;
    color: #fff;
    justify-content: space-between;
    overflow: hidden
}

.top-menu-wrap a {
    color: #fffFFF99;
    transition: .3s
}

.top-menu-wrap a:hover {
    color: #fff
}

.top-menu-wrap .breadcrumb-list {
    display: flex;
    white-space: nowrap;
    overflow: auto;
    align-items: center;
    line-height: 2
}

.top-menu-wrap .breadcrumb-list .placeholder-icons {
    padding: 0 15px;
    display: flex
}

.top-menu-wrap .breadcrumb-list .placeholder-icons i {
    font-size: 20px
}

.top-menu-wrap .breadcrumb-list i {
    margin: 0 5px;
    font-size: 12px
}

.woodash nav {
    width: 100% !important;
    float: none !important
}

.woodash nav ul {
    background: var(--dashboard-horizontal-bg);
    border-radius: 15px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
    -webkit-box-orient: horizontal;
    overflow: auto;
    height: auto
}

.woodash.user_not_login nav {
    filter: blur(3px) !important
}

.woodash nav ul li a {
    position: relative;
    text-align: center;
    border-radius: 30px;
    width: 130px;
    user-select: none;
    transition: .3s;
    height: 115px;
    padding: 10px;
    color: var(--dashboard-horizontal-li-a-color);
    display: grid;
    gap: 15px
}

.woodash.dashboard-horizontal nav ul li a i {
    font-size: 40px
}

.woodash nav ul li.is-active a {
    color: var(--theme-main-color);
    background: linear-gradient(90deg, var(--theme-main-opaque-color) 0, #ffffff00 86.76%)
}

.woodash nav ul li.is-active a::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background: var(--theme-main-color);
    box-shadow: 0 0 25px var(--theme-main-hover-color);
    top: 15px;
    right: 10px;
    border-radius: 50px
}

.woodash nav ul li a:hover {
    color: var(--theme-main-color)
}

.woodash nav ul li:last-child a {
    border-left: transparent !important
}

.woodash nav ul li {
    display: flex
}

.dashboard-vertical ul {
    display: block !important;
    background: 0 0 !important;
    padding: 10px 0 !important;
    overflow: auto
}

.dashboard-vertical ul a {
    width: 100% !important;
    display: flex !important;
    gap: 10px;
    height: 65px !important;
    border-radius: 0 !important;
    font-size: 18px;
    font-weight: 200;
    align-items: center;
    margin-bottom: 10px;
    padding: 0 25px !important
}

.dashboard-vertical ul a i {
    font-size: 18px;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center
}

.dashboard-vertical nav ul li a::before {
    font-size: 25px !important;
    margin-left: 15px
}

.dashboard-vertical nav ul li.is-active a::after {
    content: none !important
}

.pweb-dashboard .dashbox {
    background: var(--pweb-dashboard-dashbox-bg);
    padding: 20px;
    font-size: 14px;
    border-radius: 15px
}

.pweb-dashboard .dashbox.cart-return {
    background: #fc9252;
    color: #fff
}

.pweb-dashboard .dashbox .dashhead {
    font-weight: 300;
    font-size: 17px;
    border-bottom: 1px solid #6b6C771A;
    padding-bottom: 15px;
    border-radius: 10px;
    align-items: center
}

.pweb-dashboard .dashbox .dashhead a.goto {
    width: 35px;
    height: 35px;
    background: var(--pweb-dashboard-dashbox-goto-bg);
    transition: .3s;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    border-radius: 15px
}

.pweb-dashboard .dashbox .dashhead.cart-return a.goto {
    color: #fc9252;
    background: #fff
}

.pweb-dashboard .dashbox .dashhead a.goto i {
    font-size: 10px
}

.pweb-dashboard .dashbox .dashhead a.logout, .redbutton {
    font-size: 13px;
    transition: .3s;
    font-weight: 200;
    background: rgba(185, 75, 75, .1);
    color: #b94b4b;
    padding: 15px;
    border-radius: 15px
}

.pweb-dashboard .dashbox .dashhead a.logout:hover, .redbutton:hover {
    background: #b94b4b;
    color: #fff
}

.pweb-dashboard .dashbox .dashhead .profile img {
    width: 45px;
    border-radius: 45px
}

.pweb-dashboard .dashbox .dashhead .profile div {
    font-size: 14px
}

.pweb-dashboard .dashbox .dashhead .profile div span {
    font-size: 13px;
    font-weight: 200
}

.pweb-dashboard .dashbox .dashcontent {
    margin-top: 15px
}

.pweb-dashboard .dashbox.cart-return .dashcontent {
    display: grid;
    gap: 20px
}

.pweb-dashboard .dashbox.cart-return .dashcontent a {
    display: flex;
    background: #fff;
    padding: 15px;
    border-radius: 10px;
    justify-content: center;
    font-size: 16px;
    gap: 15px;
    color: #fc9252;
    margin-bottom: 10px;
    transition: .2s;
    user-select: none
}

.pweb-dashboard .dashbox.cart-return .dashcontent a:hover {
    background: transparent;
    color: #fff
}

.pweb-dashboard .dashbox.cart-return .dashcontent a i {
    font-size: 10px
}

.pweb-dashboard .dashbox .dashbtn {
    display: block;
    text-align: center;
    transition: .3s;
    padding: 15px;
    background: #6b6c77;
    color: #fff;
    border-radius: 15px
}

.pweb-dashboard .dashbox .dashbtn:hover, .pweb-dashboard .dashbox .dashhead a.goto:hover {
    opacity: .5
}

.pweb-dashboard .dashlist {
    background: var(--pweb-dashboard-dashbox-goto-bg);
    transition: .3s;
    padding: 10px;
    margin: 10px 0;
    border-radius: 15px
}

.pweb-dashboard .dashlist .title {
    height: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.pweb-dashboard .dashlist .product-img {
    width: 130px;
    overflow: hidden;
    margin-left: 10px;
    border-radius: 10px;
    height: 70px
}

.pweb-dashboard .dashlist .procut-title {
    width: 50%
}

.pweb-dashboard .dashlist:hover {
    background: 0 0
}

.status-user-widget .widget-box {
    position: relative;
    color: #fff;
    overflow: hidden;
    padding: 25px;
    user-select: none;
    border-radius: 20px;
    display: flex;
    align-items: center;
    font-size: 13px;
    transition: .2s;
    justify-content: center
}

.status-user-widget .widget-box:hover {
    opacity: .7;
    transform: scale(1.03)
}

.status-user-widget .widget-box::before {
    content: '';
    background-image: url("data:image/svg+xml,%3Csvg width='152' height='101' viewBox='0 0 152 101' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='100' height='100' transform='translate(74.5 23.5) rotate(30)' fill='white' fill-opacity='0.1'/%3E%3Cg opacity='0.5'%3E%3Crect width='73.9378' height='73.9378' transform='translate(37.4689 54.5) rotate(30)' fill='white' fill-opacity='0.1'/%3E%3C/g%3E%3Cg opacity='0.5'%3E%3Crect width='105.964' height='105.964' transform='translate(135.482 -39.5) rotate(30)' fill='white' fill-opacity='0.1'/%3E%3C/g%3E%3C/svg%3E");
    background-repeat: no-repeat;
    width: 150px;
    height: 101px;
    position: absolute;
    bottom: 0;
    right: 0
}

.status-user-widget .widget-box.gray {
    background: #3e404d
}

.status-user-widget .widget-box.blue {
    background: linear-gradient(87.57deg, #507ae0 19.08%, #79a0ff 111.1%)
}

.status-user-widget .widget-box.purple {
    background: linear-gradient(87.57deg, #895ac4 19.08%, #d484fa 111.1%)
}

.status-user-widget .widget-box.green {
    background: linear-gradient(82.21deg, #469f59 27.82%, #83de97 104.46%)
}

.status-user-widget .widget-box.pink {
    background: linear-gradient(86.19deg, #d85acb 19.57%, #e25780 101.77%)
}

.status-user-widget .widget-box.red {
    background: linear-gradient(87.57deg, #953e3e 19.08%, #eb5757 111.1%)
}

.status-user-widget .widget-box .icon {
    display: flex;
    align-items: center;
    margin-left: 10px
}

.status-user-widget .widget-box .icon i {
    font-size: 40px;
    width: 50px;
    height: 50px
}

.status-user-widget .widget-box .text .btext {
    font-weight: 300;
    font-size: 15px
}

.cart-page-inner .woocommerce-cart-form td.actions .coupon .input-text, .dataTables_wrapper .dataTables_length select, .post-password-form input[type=password], .pweb-dashboard input[type=email], .pweb-dashboard input[type=number], .pweb-dashboard input[type=password], .pweb-dashboard input[type=search], .pweb-dashboard input[type=tel], .pweb-dashboard input[type=text], .pweb-dashboard select, .pweb-dashboard textarea, .woocommerce .quantity .qty, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    display: block;
    width: 100%;
    padding: .8rem .75rem;
    font-size: 1rem;
    font-weight: 200;
    line-height: 1.5;
    color: var(--pweb-header-searchbox-color);
    background: var(--pweb-dashboard-input-bg);
    border: 1px solid #6b6C771A !important;
    border-radius: .375rem;
    transition: all .1s ease
}

.post-password-form input[type=submit] {
    padding: 7px 15px
}

.pweb-dashboard input[type=number] {
    direction: rtl
}

.wcdlar_order_wrapper table {
    border-collapse: collapse;
    color: var(--bs-body-color);
    width: 100%;
    margin-bottom: 20px;
    border-radius: 0
}

.wcdlar_order_wrapper th {
    font-size: 12px;
    font-weight: 400
}

.wcdlar_order_wrapper table tr td {
    padding: 9px 0 8px;
    font-size: 12px;
    color: #888;
    border-bottom: 1px dashed #6b6c774d
}

.wcdlar_order_wrapper a.download-btns {
    background: var(--theme-main-color);
    color: #fff;
    width: fit-content;
    padding: 5px 15px;
    border-radius: 3px;
    display: flex;
    gap: 10px;
    font-size: 15px
}

.woocommerce-MyAccount-content .courses {
    padding: 15px;
    background: var(--pweb-dashboard-dashbox-bg)
}

.woocommerce-MyAccount-content .courses .pweb-accordion-header {
    background: var(--bs-accordion-bg);
    color: var(--bs-nav-pills-link-active-color)
}

.nirweb_ticket_base {
    background: var(--pweb-dashboard-dashbox-bg)
}

.head_wpyar_tickt h3, .tite_status_tickets_wpyar {
    color: var(--bs-nav-pills-link-active-color);
    font-size: 15px;
    margin-bottom: 0;
    margin-top: 5px
}

h3.tite_status_tickets_wpyar {
    display: none
}

.head_wpyar_tickt a {
    transition: .3s;
    background-color: #6b6c77;
    border-radius: 15px;
    font-size: 14px
}

.head_wpyar_tickt a:hover {
    opacity: .6
}

.ul_list_ticket_uwpyar li a::after, .ul_list_ticket_uwpyar li a::before {
    display: none
}

.select2-container--default .select2-selection--single {
    background-color: var(--pweb-dashboard-input-bg);
    border: 1px solid #6b6C771A
}

.select2-dropdown {
    background-color: var(--pweb-dashboard-input-bg);
    border: 1px solid #6b6C771A
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border: 1px solid #6b6C771A;
    background: var(--bs-body-bg);
    border-radius: 5px;
    color: var(--bs-body-color);
    padding: 10px
}

.select2-search--dropdown {
    padding: 5px
}

.select2-container--open .select2-dropdown--below {
    border-top: 1px solid #6b6C771A
}

.select2-container--open .select2-dropdown {
    top: -10px
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color: var(--theme-main-color);
    color: #fff
}

.dataTables_filter label, .dataTables_length label {
    display: flex;
    align-items: center
}

.dataTables_filter label select, .dataTables_length label select {
    margin: 0 10px
}

table.dataTable thead td, table.dataTable thead th {
    padding: 10px;
    text-align: center;
    border-bottom: 1px solid #6b6C771A;
    background: var(--theme-main-color);
    color: #fff;
    font-weight: 300;
    font-size: 14px
}

table.dataTable tbody td, table.dataTable tbody th {
    padding: 8px 10px;
    text-align: center;
    border-bottom: 1px solid #6b6C771A
}

table.dataTable tbody tr:last-child td {
    border-bottom: transparent
}

div.dataTables_processing>div:last-child>div {
    background: var(--theme-main-color)
}

div.dataTables_processing {
    background: #6b6c77ed;
    color: #fff !important;
    padding: 12px;
    border-radius: 15px
}

table.dataTable {
    padding: 20px 0;
    border-radius: 11px
}

.dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_paginate, .dataTables_wrapper .dataTables_processing {
    color: var(--dashboard-horizontal-li-a-color)
}

table.dataTable.no-footer {
    border-bottom: 0
}

.woocommerce table.shop_table td {
    border-top: 1px solid #6b6C771A
}

.woocommerce table.shop_table {
    border: 0
}

.woocommerce table.shop_table th {
    font-weight: 300
}

.woocommerce-order-details td.woocommerce-table__product-name.product-name a {
    display: inline-block;
    background: var(--theme-main-color);
    color: #fff;
    width: fit-content;
    padding: 8px 16px;
    border-radius: 10px
}

.woocommerce .woocommerce-customer-details, .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-order-downloads, .woocommerce table.my_account_orders {
    padding: 10px 15px;
    background: var(--pweb-dashboard-dashbox-bg);
    border-radius: 15px
}

.woocommerce .woocommerce-customer-details h2, .woocommerce .woocommerce-order-details h2, .woocommerce .woocommerce-order-downloads h2 {
    font-size: 18px;
    border-bottom: 1px solid #6b6C771A;
    padding-bottom: 10px;
    padding-top: 10px;
    font-weight: 300
}

.shop_table tbody tr td {
    font-size: 13px;
    padding: 10px 5px
}

.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
    border-top: 1px solid #6b6C771A
}

.woocommerce table.shop_table tfoot th {
    font-weight: 300
}

.woocommerce table.shop_table tfoot td {
    font-weight: 200
}

.woocommerce-order-details .order-again {
    display: none
}

.woocommerce .woocommerce-customer-details address {
    border: 0
}

.wcdlar_order_wrapper table tr td {
    color: var(--dashboard-horizontal-li-a-color)
}

.woocommerce table.shop_table td {
    line-height: 3em
}

.woocommerce-Address {
    background: var(--pweb-dashboard-dashbox-bg);
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 15px;
    margin: 15px 0
}

.woocommerce-Address address {
    margin-bottom: 5px;
    margin-top: 15px
}

.woocommerce-Address-title.title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #6b6C771A;
    padding-bottom: 15px
}

.woocommerce-Address-title.title a {
    padding: 5px 15px
}

.woocommerce-Address-title.title h3 {
    margin: 0
}

.creative-article {
    direction: ltr
}

.creative-article .bcards .bcard {
    direction: rtl
}

.single-blog .comment-body {
    border-radius: 10px;
    border: 1px solid #6b6C771A;
    margin-bottom: 15px;
    padding: 20px;
    position: relative
}

.single-blog .commentlist .comment .reply {
    display: block;
    width: auto;
    position: absolute;
    top: 25px;
    left: 15px
}

.single-blog .commentlist .comment .reply .comment-reply-link {
    padding: 5px 20px
}

.single-blog .comment-author img {
    border-radius: 50%;
    margin-left: 8px
}

.single-blog .comment-metadata {
    position: absolute;
    bottom: 10px;
    left: 10px;
    font-size: 14px
}

.single-blog .comment-metadata a {
    color: #9a9A9A61
}

.commentlist {
    list-style: none;
    padding: 0;
    margin: 0
}

.commentlist ul {
    list-style: none
}

.commentlist ul.children {
    margin-right: 20px;
    margin-left: 0;
    border-radius: 10px
}

.commentlist ul.children li.comment-author-admin>.comment-body {
    border: 0;
    padding: 20px;
    border-right: 3px solid #dedede
}

.commentlist .comment .comment_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    clear: both
}

.commentlist .comment .comment_container .comment-avatar {
    margin-right: 24px
}

.commentlist .comment .comment_container .comment-avatar img {
    border-radius: 50%
}

.commentlist .comment .comment_container .comment-text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.commentlist .comment .comment_container .comment-text .comment-header {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    margin-bottom: 10px;
    color: #adb5bd
}

.commentlist .comment .comment_container .comment-text .comment-header .date {
    display: block;
    margin-top: 10px;
    line-height: 1.2;
    color: #8a8a8a;
    font-size: 14px
}

.commentlist .comment .comment_container .comment-text .comment-header .comment-author {
    display: inline-block;
    font-size: 18px;
    line-height: 1;
    color: #464749;
    font-weight: 500;
    margin-bottom: 0;
    margin-left: 10px
}

@media (max-width:767.98px) {
    .commentlist .comment .comment_container .comment-avatar {
        min-width: 40px
    }
}

.commentlist .comment .comment-link-btn {
    margin-left: 10px;
    padding: 5px 10px;
    font-size: 13px;
    background-color: #f8f9fa;
    border-radius: 2px;
    line-height: 1.5
}

.commentlist .comment .comment-link-btn i {
    margin-right: 8px
}

.commentlist .comment .star-rating {
    display: inline-block;
    vertical-align: top;
    width: 90px;
    height: 18px;
    background-size: 18px;
    background: url(../images/star-empty.svg) left top repeat-x
}

.commentlist .comment .star-rating>span {
    display: block;
    text-indent: -9999px;
    line-height: 1;
    height: 18px;
    background-size: 18px 18px;
    background: url(../images/star-fill.svg) left top repeat-x
}

.commentlist .comment .comment-respond {
    margin-bottom: 20px;
    padding: 30px;
    border-radius: 10px
}

.single-blog .commentlist .comment .vcard .says {
    display: none
}

.commentlist>li:first-child {
    padding-top: 30px
}

.commentlist>li {
    padding-top: 0;
    border-radius: 5px
}

.commentlist {
    list-style: none;
    padding: 0;
    margin: 0
}

.commentlist ul {
    list-style: none
}

.commentlist li.review {
    border: 1px solid #6b6C771A;
    padding: 30px 20px;
    border-radius: 10px;
    margin-top: 30px;
    -webkit-transition: all .3s cubic-bezier(.39, .5, .15, 1.36);
    transition: all .3s cubic-bezier(.39, .5, .15, 1.36);
    user-select: none
}

.commentlist .review .comment_container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    clear: both
}

.commentlist .review .comment_container .comment-avatar {
    margin-left: 14px;
    margin-right: 0
}

.commentlist .review .comment_container .comment-avatar img {
    border-radius: 50%;
    max-width: unset;
    width: 50px
}

.commentlist .review .comment_container .comment-text {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1
}

.commentlist .review .comment_container .comment-text .comment-header {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    margin-bottom: 10px;
    color: #adb5bd
}

.commentlist .review .comment_container .comment-text .comment-header .date {
    display: block;
    margin-top: 10px;
    line-height: 1.2;
    color: #8a8a8a;
    font-size: 14px
}

.commentlist .review .comment_container .comment-text .comment-header .comment-author {
    display: inline-block;
    font-size: 15px;
    line-height: 1;
    color: var(--bs-body-color);
    font-weight: 300;
    margin-bottom: 0;
    margin-left: 10px
}

@media (max-width:767.98px) {
    .commentlist .review .comment_container .comment-avatar img {
        border-radius: 50%;
        max-width: unset;
        width: 40px
    }
}

.commentlist .review .comment-link-btn {
    margin-left: 10px;
    padding: 5px 10px;
    font-size: 13px;
    background-color: #f8f9fa;
    border-radius: 2px;
    line-height: 1.5
}

.commentlist .review .comment-link-btn i {
    margin-right: 8px
}

.commentlist .review .star-rating {
    display: block;
    width: 90px;
    height: 18px;
    background-size: 18px;
    background: url(assets/images/star-empty.svg) left top repeat-x;
    margin: 5px 10px;
    position: relative;
    top: -10px
}

.commentlist .review .star-rating>span {
    display: block;
    text-indent: -9999px;
    line-height: 1;
    height: 18px;
    background-size: 18px 18px;
    background: url(assets/images/star-fill.svg) left top repeat-x
}

.commentlist .review .comment-respond {
    margin-bottom: 20px;
    padding: 30px;
    background-color: transparent;
    border-radius: 3px
}

.comment-respond {
    margin-top: 30px;
    background: var(--single-content-bg);
    padding: 30px;
    border: 1px solid #6b6C771A;
    border-radius: 5px
}

.comment_container .pweb-comment-replay-btn {
    text-align: left;
    float: left
}

li.review .comment-form-rating {
    display: none
}

.comment_container .pweb-comment-replay-btn a {
    padding: 5px 20px;
    font-size: 14px
}

.comment-respond .comment-reply-title small a {
    float: left;
    padding: 10px 20px;
    font-size: 14px
}

h3.comment-reply-title {
    font-size: 15px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 0
}

.admin-label {
    font-style: normal;
    background: #5d8fbb;
    padding: 3px 7px;
    border-radius: 8px;
    margin-right: 8px;
    font-size: 13px;
    color: #fff;
    font-weight: 200
}

.verified {
    font-style: normal;
    background: #d7742d;
    padding: 3px 7px;
    border-radius: 8px;
    margin-right: 8px;
    font-size: 13px;
    color: #fff;
    font-weight: 200
}

@media screen and (max-width:992px) {
    .commentlist .review .comment-respond {
        padding: 20px 11px
    }

    .commentlist li.review {
        padding: 30px 12px
    }

    .easy-toast-position-bottom-middle {
        width: 90%
    }
}

@media (max-width:768px) {
    time.woocommerce-review__published-date {
        display: block;
        margin-top: 10px;
        font-size: 11px
    }

    .pwebcards .pcard-2 {
        padding: 10px
    }
}

.product-info-box .price del::after {
    width: 100%;
    height: 1px;
    background: #464749;
    content: '';
    position: absolute;
    left: 3px;
    top: 47%;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg)
}

.countdown-timer-holder .countdown-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.countdown-timer-holder .countdown-item .countdown-unit {
    display: block;
    margin-right: 10px;
    margin-left: 10px;
    text-align: center
}

.countdown-timer-holder .countdown-item .countdown-unit .number, .countdown-timer-holder .countdown-item .countdown-unit .text {
    display: block
}

@media (max-width:767.98px) {
    .countdown-timer-holder .countdown-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
        margin-left: 0;
        margin-right: 0
    }

    .countdown-timer-holder .countdown-item .countdown-col {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 30px
    }

    .countdown-timer-holder .countdown-item .countdown-unit {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

.countdown-timer-holder.left .countdown-item {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start
}

.countdown-timer-holder.left .countdown-item .countdown-unit:first-child {
    margin-left: 0
}

.countdown-timer-holder.center .countdown-item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.countdown-timer-holder.right .countdown-item {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.countdown-timer-holder.right .countdown-item .countdown-unit:last-child {
    margin-right: 0
}

.countdown-timer-holder.medium .countdown-unit .number {
    font-size: 38px;
    font-weight: 300;
    letter-spacing: -2px
}

@media (max-width:767.98px) {
    .countdown-timer-holder.medium .countdown-unit .number {
        font-size: 24px;
        letter-spacing: -1px
    }
}

.countdown-timer-holder.large .countdown-unit .number {
    font-size: 50px;
    font-weight: 300;
    letter-spacing: -2px
}

@media (max-width:767.98px) {
    .countdown-timer-holder.large .countdown-unit .number {
        font-size: 24px;
        letter-spacing: -1px
    }
}

.countdown-timer-holder.standard .countdown-unit {
    min-width: 100px;
    background-color: #fff;
    border: 1px solid #e5e5e5;
    border-radius: 4px
}

.countdown-timer-holder.standard .countdown-unit .number {
    color: #ec406a;
    padding: 25px 15px;
    border-bottom: 1px solid #efefef
}

.countdown-timer-holder.standard .countdown-unit .text {
    line-height: 1;
    padding: 8px 15px
}

.countdown-timer-holder.transparent .countdown-unit {
    min-width: 100px;
    background-color: rgba(108, 117, 125, .1);
    line-height: 1;
    border-radius: 4px;
    padding: 25px 20px
}

.countdown-timer-holder.transparent .countdown-unit .number {
    margin-bottom: 10px
}

.countdown-timer-holder.transparent.light .countdown-unit {
    background-color: rgba(255, 255, 255, .1);
    color: #fff
}

.countdown-timer-holder-loop {
    text-align: left;
    display: flex
}

.countdown-timer-holder-loop .countdown-item .countdown-unit {
    display: block;
    margin-right: 10px;
    margin-left: 10px;
    text-align: center
}

.countdown-timer-holder-loop .countdown-item .countdown-unit .number, .countdown-timer-holder-loop .countdown-item .countdown-unit .text {
    display: block
}

@media (max-width:767.98px) {
    .countdown-timer-holder .countdown-item {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-right: -15px;
        margin-left: -15px;
        margin-left: 0;
        margin-right: 0
    }

    .countdown-timer-holder .countdown-item .countdown-col {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 15px;
        padding-left: 15px;
        -webkit-box-flex: 0;
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 10px;
        padding-right: 10px;
        margin-bottom: 30px
    }

    .countdown-timer-holder .countdown-item .countdown-unit {
        margin-left: 0 !important;
        margin-right: 0 !important
    }
}

.countdown-timer-holder-loop.left .countdown-item .countdown-unit:first-child {
    margin-left: 0
}

.countdown-timer-holder.center .countdown-item {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.countdown-timer-holder.right .countdown-item {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.countdown-timer-holder.right .countdown-item .countdown-unit:last-child {
    margin-right: 0
}

.deal_timer_single, .product-countdown {
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
    padding: 0 5px;
    user-select: none
}

.deal_timer_single .deal-text, .product-countdown .deal-text {
    font-size: 12px;
    line-height: 18px;
    margin-left: 10px;
    font-weight: 300
}

.deal_timer_single .deal-text span, .product-countdown .deal-text span {
    display: block;
    color: var(--theme-main-color)
}

.deal_timer_single .countdown-col, .product-countdown .countdown-col {
    display: inline-block
}

.deal_timer_single .countdown-col span.number {
    background: var(--product-right-info-bg);
    border-radius: 10px;
    border-left: 1px dashed #bdbdbd;
    text-align: center;
    min-width: 30px;
    min-height: 30px;
    line-height: 30px
}

.deal_timer_single .countdown-item .countdown-unit {
    margin-right: 5px;
    margin-left: 5px
}

.product-countdown .countdown-item .countdown-unit {
    margin-right: 5px;
    margin-left: 5px;
    background: var(--product-right-info-bg);
    border-radius: 10px;
    text-align: center;
    min-width: 45px;
    line-height: 2;
    box-shadow: 0 2px 0 0 #867A7A40
}

.product-countdown .countdown-item .countdown-unit .number {
    font-weight: 300
}

.deal_timer_single .countdown-col span.text, .product-countdown .countdown-col span.text {
    font-size: 11px;
    color: #bdbdbd
}

.deal_timer_single .countdown-col span.countdown-sec span.number {
    background: var(--theme-main-color);
    color: #fff;
    border-left: 0
}

@media (max-width:767.98px) {
    .countdown-timer-holder-loop {
        text-align: center
    }

    .deal_timer_single .deal-text {
        float: none;
        text-align: center;
        margin-bottom: 10px
    }

    .deal_timer_single .countdown-timer-holder .countdown-item .countdown-col {
        position: relative;
        width: 100%;
        min-height: 1px;
        padding-right: 5px;
        padding-left: 5px;
        padding-left: 5px;
        padding-right: 5px;
        margin-bottom: 5px
    }

    .deal_timer_single .deal-text span {
        display: inline-block;
        margin-right: 4px
    }

    .deal_timer_single .deal-text {
        font-size: 17px
    }
}

.deal_timer_loop .countdown-item {
    bottom: 0;
    opacity: 0;
    display: block;
    left: 0;
    position: absolute;
    right: 0;
    text-align: center;
    z-index: 999;
    -webkit-transition: all .5s ease;
    transition: all .5s ease
}

.course-item-inner:hover .deal_timer_loop .countdown-item {
    opacity: 1;
    bottom: 25%
}

.deal_timer_loop .countdown-item .countdown-col {
    display: inline-block;
    margin: 0 4px;
    background: rgba(0, 0, 0, .6);
    min-width: 45px;
    border-radius: 5px
}

.deal_timer_loop .countdown-item .countdown-col span.number, .deal_timer_loop .countdown-item .countdown-col span.text {
    display: block;
    color: #fff
}

.countdown-item {
    direction: ltr
}

.price ins .amount {
    font-size: 16px;
    font-weight: 300
}

.price del {
    font-size: 15px;
    position: relative
}

.price del span span {
    display: none
}

.price del span.woocommerce-Price-amount {
    color: #bababa;
    font-size: 13px
}

.price del::after {
    width: 100%;
    height: 1px;
    background: #bababa;
    content: '';
    position: absolute;
    left: 3px;
    top: 47%;
    -webkit-transform: rotate(-10deg);
    -moz-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    transform: rotate(-10deg)
}

.woocommerce-Price-currencySymbol {
    font-size: 13px;
    font-weight: 200
}

.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    display: grid;
    align-content: center;
    justify-items: center;
    border: 1px solid #6b6C771A;
    background: var(--footer-a-background);
    border-radius: 10px;
    box-shadow: rgba(17, 12, 46, 0.15) 0 48px 100px 0
}

.woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message {
    padding: 8px 40px 8px 10px;
    margin: 10px 0;
    position: relative;
    list-style: none !important;
    font-size: 13px;
    display: block;
    width: auto;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    line-height: 2.5
}

.woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce-page .woocommerce-error .button, .woocommerce-page .woocommerce-info .button, .woocommerce-page .woocommerce-message .button {
    padding: 10px 20px
}

.woocommerce .woocommerce-error::before, .woocommerce .woocommerce-info::before, .woocommerce .woocommerce-message::before {
    font-family: WooCommerce;
    content: "\e028";
    display: inline-block;
    position: absolute;
    font-size: 14px;
    top: 7px;
    right: 16px
}

.woocommerce-message {
    border-top-color: var(--theme-main-color);
    background-color: var(--theme-main-opaque-color);
    color: var(--theme-main-color)
}

.woocommerce-message::before {
    content: "\e015" !important;
    color: var(--theme-main-color)
}

.woocommerce-info {
    border-top-color: #78818e;
    background-color: #78818e1f;
    color: #78818e
}

.woocommerce-info::before {
    color: #78818e
}

.woocommerce-error {
    border-top-color: #ae4947;
    background-color: #ae494729;
    color: #ae4947
}

.woocommerce-error::before {
    content: "\e016" !important;
    color: #ae4947
}

#customer_login .nav-pills .nav-link {
    background: var(--theme-main-opaque-color);
    color: var(--theme-main-color);
    padding: 10px 30px
}

#customer_login .nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    color: #fff;
    background-color: var(--theme-main-color);
    transform: scale(1.2)
}

.woocommerce form .show-password-input.display-password::after, .woocommerce-page form .show-password-input.display-password::after {
    opacity: .3;
    content: "\f45a"
}

.woocommerce form .show-password-input::after, .woocommerce-page form .show-password-input::after {
    font-family: uicons-regular-rounded;
    content: "\f45d";
    line-height: 2;
    margin-left: 5px
}

.woocommerce form label.woocommerce-form-login__rememberme input[type=checkbox] {
    position: absolute;
    clip: rect(0 0 0 0);
    width: 1px;
    height: 1px;
    margin: -1px
}

.woocommerce form label.woocommerce-form-login__rememberme span::before {
    content: "";
    display: block;
    height: 15px;
    width: 15px;
    border-radius: 4px;
    margin-left: 10px;
    background: var(--pweb-dashboard-input-bg);
    border: 1px solid #6b6C771A
}

.woocommerce form label.woocommerce-form-login__rememberme input[type=checkbox]:checked+span::before {
    color: #fff;
    background-color: #4caf50;
    content: "\f00c";
    font-family: FontAwesome;
    font-weight: 100;
    font-size: 12px;
    line-height: 1.3;
    text-align: center
}

.woocommerce form label.woocommerce-form-login__rememberme span {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    height: 50px
}

.cart-page-inner .cart-collaterals {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.cart-page-inner .woocommerce-cart-form {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px
}

.pwebcards .pwebcards-title a span {
    display: inline-block
}

.couponsc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin: 0;
    padding: 0;
    float: none;
    flex-wrap: wrap
}

.landingb .searchajaxbox form {
    min-width: 500px
}

@media (max-width:992px) {
    .woocommerce form .form-row {
        width: 100%
    }

    .woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
        width: 100%
    }

    .form-row button.wp-element-button {
        width: 100%
    }

    .pwebcards .pwebcards-title a span {
        display: none
    }

    .shop-control-bar .searchbox.vv8 {
        width: 100%
    }

    .shop-control-bar .searchbox.vv8 input {
        width: 100%
    }

    .shop-control-bar .woocommerce-ordering {
        width: 100%;
        padding: 10px 5px 0 0;
        margin: 0 !important
    }

    .shop-control-bar .woocommerce-ordering select {
        width: 100%
    }

    .col_box_status_ticket_wpyar {
        width: 100%
    }

    .swiper-button-prev, .swiper-button-next {
        transform: scale(1)
    }

    .landing-b .landingarchu .svgbottom {
        bottom: -8px
    }

    .landing-b .landingarchu .landingb .ltitle {
        font-size: 30px
    }

    .landing-b .landingarchu .landingb .ldisc {
        font-size: 20px
    }

    .landingb .searchajaxbox form {
        min-width: 320px
    }

    .landing-b .landingarchu .landingb {
        top: 20%
    }

    .landing-b .landingarchu .landingb .optionlist>div {
        width: 320px;
        flex-wrap: wrap
    }

    .landing-b .landingarchu .landingb .optionlist .optionbox {
        width: 50%
    }

    .landing-b .landingarchu .landingb .optionlist .optionbox.one {
        border-radius: 0 15px 0 0
    }

    .landing-b .landingarchu .landingb .optionlist .optionbox.two {
        border-radius: 15px 0 0 0
    }

    .landing-b .landingarchu .landingb .optionlist .optionbox.three {
        border-radius: 0 0 15px 0
    }

    .landing-b .landingarchu .landingb .optionlist .optionbox.four {
        border-radius: 0 0 0 15px
    }

    .bcards .bcardstitle, .commentsbox .commentsboxtitle, .scboxs .scboxtitle {
        font-size: 17px
    }

    .pwebcards .pwebcards-title .text .en {
        font-size: 13px
    }

    .pwebcards .pwebcards-title .text .fa {
        font-size: 15.5px
    }

    .single-product .product-right-info .product-header .product-title {
        font-size: 17px;
        font-weight: 300
    }
}

.cart-page-inner .cart-collaterals, .cart-page-inner .woocommerce-cart-form {
    padding: 15px
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    float: none;
    width: 100%;
    display: block;
    align-items: center;
    padding: 10px 20px;
    border-radius: 10px;
    background: var(--footer-bottomtool-background);
    border: var(--footer-bottomtool-border)
}

#add_payment_method .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {
    margin: 0
}

.cart_totals div {
    width: 100%
}

.cart_totals div:first-child {
    display: none
}

.cart-page-inner .woocommerce-cart-form td.actions .coupon {
    position: relative;
    margin-bottom: 20px
}

@media (min-width:768px) {
    .cart-page-inner .woocommerce-cart-form .coupon {
        width: 40%;
        margin-bottom: 0
    }

    .woocommerce-page table.shop_table_responsive tr td.actions::before {
        content: attr(data-title) " ";
        font-weight: 700;
        float: right
    }

    .cart_totals div {
        width: 50%
    }

    .woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
        display: flex
    }

    .cart_totals div:first-child {
        display: block
    }
}

.cart-page-inner .woocommerce-cart-form td.actions {
    position: relative;
    padding-top: 30px;
    padding-bottom: 0
}

.woocommerce #content table.cart td.actions .coupon, .woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {
    padding-bottom: 0
}

.woocommerce .cart .button, .woocommerce .cart input.button {
    float: left
}

.cart-page-inner .woocommerce-cart-form td.actions .coupon .input-text {
    width: 100% !important;
    line-height: 45px;
    padding: 0 15px !important;
    border-radius: 10px
}

.woocommerce table.cart td.actions .coupon, .woocommerce-page #content table.cart td.actions .coupon, .woocommerce-page table.cart td.actions .coupon {
    display: flex;
    gap: 10px
}

.woocommerce .cart .coupon .button {
    width: 100%
}

.woocommerce .actions button.button, .woocommerce .actions button.button:disabled[disabled] {
    padding: 25px
}

.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {
    font-weight: 200
}

.woocommerce .blockUI.blockOverlay:before, .woocommerce .loader:before {
    width: 50px;
    height: 50px;
    border: 3px solid var(--theme-main-color);
    border-top: 3px solid transparent;
    border-radius: 50%;
    animation: spin .5s linear 0 infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -.5em;
    margin-top: -.5em;
    display: block;
    content: "";
    background: 0 0;
    line-height: 1;
    text-align: center
}

.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit:disabled[disabled], .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button:disabled[disabled], .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button:disabled[disabled] {
    padding: 15px
}

.woocommerce a.remove {
    font-size: 14px;
    width: auto;
    color: #b94a48 !important;
    font-weight: 100;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 10px;
    padding: 10px
}

.woocommerce a.remove:hover {
    background: #b94a48
}

.woocommerce-cart-form__cart-item.cart_item .product-thumbnail {
    width: 150px
}

.woocommerce-cart table.cart .product-thumbnail img {
    width: 100%;
    border-radius: 10px
}

.woocommerce-checkout-main {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 30px
}

.woocommerce-checkout-side {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
    margin-top: 30px
}

.inner-box {
    position: sticky;
    top: 20px;
    background: var(--footer-a-background);
    border-radius: 10px;
    box-shadow: rgba(17, 12, 46, 0.15) 0 48px 100px 0;
    border: 1px solid #6b6C771A;
    padding: 30px
}

@media (min-width:992px) {
    .woocommerce-checkout-main {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%
    }

    .woocommerce-checkout-side {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }

    .pweb-category .grid_center .grid_image {
        height: 275px
    }

    .pwebcards .pwebcards-title a svg {
        margin-right: 8px
    }

    .scboxs .scbox-a .scbox.horizontal {
        display: flex
    }

    .swiper.scboxa {
        height: 115px
    }
}

.woocommerce-checkout-review-order .shop_table .order-total .amount {
    color: var(--bs-body-color);
    font-size: 24px
}

.woocommerce-checkout-payment .place-order .button {
    width: 100%;
    display: block;
    margin-top: 20px
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: 0 0;
    border: 1px solid #6b6C771A;
    border-radius: 8px
}

#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
    border-bottom: transparent
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
    background-color: #6b6C771A;
    color: inherit
}

#add_payment_method #payment div.payment_box::before, .woocommerce-cart #payment div.payment_box::before, .woocommerce-checkout #payment div.payment_box::before {
    display: none
}

.checkout-breadcrumb {
    width: 100%;
    padding: 15px 0;
    display: flex;
    align-items: center;
    background: var(--pweb-header-background);
    box-shadow: 0 8px 70px -5px rgba(9, 31, 67, 0.06);
    margin-bottom: 40px;
    border-radius: 10px
}

.checkout-breadcrumb div {
    width: 100%;
    display: grid;
    justify-items: center;
    gap: 15px;
    padding-block: 10px
}

.checkout-breadcrumb div:not(:last-child)::before {
    content: '';
    position: absolute;
    width: 300px;
    height: 5px;
    background: #8e8d8d2e;
    left: -150px;
    top: 30%;
    border-radius: 50px
}

.woocommerce-checkout .checkout-breadcrumb .title-cart::before {
    background: var(--theme-main-color)
}

.woocommerce-order-received .checkout-breadcrumb .title-checkout::before {
    background: var(--theme-main-color)
}

.checkout-breadcrumb div p {
    color: #bababa
}

.title-cart, .title-checkout, .title-thankyou {
    cursor: pointer;
    position: relative;
    -webkit-transition: all 350ms ease;
    -moz-transition: all 350ms ease;
    transition: all 350ms ease
}

.title-cart h4, .title-checkout h4, .title-thankyou h4 {
    margin-bottom: 0
}

.pweb-order-complete {
    opacity: 1 !important
}

.woocommerce-cart .title-checkout:hover, .woocommerce-cart .title-thankyou:hover {
    opacity: 1
}

.title-cart i, .title-checkout i, .title-thankyou i {
    font-size: 20px;
    position: relative;
    color: #fff;
    border-radius: 80px;
    text-align: center;
    width: 60px;
    height: 60px;
    font-style: normal;
    background: var(--theme-main-color);
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 10px
}

.title-checkout i, .title-thankyou i {
    background: #8e8d8d2e;
    color: #83838352
}

.woocommerce-checkout .title-checkout i, .woocommerce-order-received .title-thankyou i {
    color: #fff;
    background: var(--theme-main-color)
}

.title-checkout a, .title-thankyou {
    font-weight: 200;
    color: #83838352
}

.woocommerce-checkout .title-checkout a, .woocommerce-order-received .title-thankyou h4 {
    color: var(--bs-link-color)
}

.title-cart i::before, .title-checkout i::before, .title-thankyou i::before {
    content: '';
    position: absolute;
    width: 60px;
    height: 60px;
    transform: scale(1.2);
    border: 2px solid var(--theme-main-color);
    border-radius: 50px;
    top: 0;
    bottom: 0
}

@media (max-width:768px) {
    .title-cart i::before, .title-checkout i::before, .title-thankyou i::before {
        width: 50px;
        height: 50px;
        top: 0;
        bottom: 0;
        right: 0;
        top: 0;
        bottom: 0;
        left: 0
    }

    .checkout-breadcrumb div:not(:last-child)::before {
        width: 45px;
        left: -22px
    }
}

.title-checkout i::before, .title-thankyou i::before {
    border: 2px solid #8e8d8d2e
}

.woocommerce-checkout .title-checkout i::before, .woocommerce-order-received .title-thankyou i::before {
    border: 2px solid var(--theme-main-color)
}

.checkout-breadcrumb div {
    width: 100%;
    display: grid
}

.order-steps {
    margin: 15px 0 0
}

@media (max-width:380px) {
    .col_box_status_ticket_wpyar {
        width: 100% !important
    }
}

@media (max-width:768px) {
    .woocommerce table.shop_table_responsive tr td::before, .woocommerce-page table.shop_table_responsive tr td::before {
        content: attr(data-title) ": ";
        font-weight: 300;
        float: right
    }

    .checkout-breadcrumb div p {
        display: none
    }

    .checkout-breadcrumb div i {
        float: none;
        display: block;
        margin: auto;
        width: 50px;
        height: 50px;
        line-height: 45px;
        font-size: 20px
    }

    .checkout-breadcrumb div h4 {
        font-size: 12px;
        text-align: center;
        margin-top: 10px
    }

    .signuser svg {
        margin-left: 0 !important
    }

    .col_box_status_ticket_wpyar {
        width: 50%;
        margin: 5px 0
    }

    .row_status {
        flex-wrap: wrap !important
    }

    .pweb-advanced-search-form {
        font-size: 13px !important
    }

    .pweb-advanced-search-form .select2-container {
        right: 10px !important;
        top: 10px !important
    }

    .pweb-advanced-search-form .pweb-search-input {
        padding: 10px 145px 10px 0 !important
    }
}

form.woocommerce-ResetPassword {
    padding: 25px 240px;
    border: 1px solid #6b6C771A;
    border-radius: 15px
}

form.woocommerce-ResetPassword .woocommerce-form-row {
    padding: 5px;
    width: 100%;
    float: none
}

form.woocommerce-ResetPassword button[type=submit] {
    width: 100%
}

.absbox {
    display: none;
    opacity: 0
}

.woocommerce ul.order_details {
    justify-content: space-between;
    display: flex;
    -webkit-box-orient: horizontal;
    flex-wrap: wrap;
    flex-direction: row;
    gap: 20px
}

.woocommerce ul.order_details::after, .woocommerce ul.order_details::before {
    content: unset !important
}

.woocommerce ul.order_details li {
    border: transparent;
    padding: 10px 20px;
    border-top: 3px solid var(--theme-main-color) !important;
    background: var(--pweb-header-background);
    box-shadow: 0 8px 70px -5px rgba(9, 31, 67, 0.06);
    min-width: 200px;
    margin: 0;
    border-radius: 10px
}

@media (max-width:768px) {
    .woocommerce ul.order_details li {
        min-width: 45%
    }
}

.woo-wallet-transactions-items {
    overflow: auto;
    height: 300px
}

.ovrl_popup_wrrapper, .preview_popup_wrrapper {
    position: fixed;
    display: none;
    width: 100%;
    top: 0;
    height: 100%;
    z-index: 999;
    right: 0
}

.preview_popup_overlay, .search_popup_overlay {
    width: 100%;
    height: 100%;
    position: fixed;
    background: rgba(0, 0, 0, .7);
    backdrop-filter: blur(5px)
}

.search_popup_inner, .video_popup_inner {
    display: block;
    z-index: 9999;
    position: absolute;
    right: 50%;
    bottom: 50%;
    transform: translate(50%, 50%);
    color: #fff;
    text-align: center
}

.search_popup_inner .closesearch {
    position: absolute;
    top: -25px;
    right: 0;
    width: 50px;
    height: 50px;
    padding: 10px 20px;
    font-size: 25px
}

.search_popup_inner form {
    min-width: 500px
}

.plyr--video {
    border-radius: var(--plyr-badge-border-radius)
}

.cdetail a {
    display: block;
    margin: 5px 0;
    transition: .3s
}

.cdetail.prerequisite a:hover {
    color: var(--pweb-alink-hover-color)
}

.woocommerce .star-rating::before {
    content: ""
}

.woocommerce .wc_customer_bought_product {
    padding: 15px;
    background: #b795531a;
    color: #b79553;
    border-radius: 10px;
    user-select: none
}

.single-product .pwebcards.products {
    background: 0 0
}

.relatedp .pwebcards-title .icon {
    background: var(--theme-main-color);
    box-shadow: 0 0 15px 10px var(--theme-main-boxshodow-color)
}

.single-blog .article-img img.blur {
    right: 0;
    bottom: -10px;
    filter: blur(15px);
    border-radius: 10px;
    opacity: .3;
    pointer-events: none
}

@keyframes animatedgradient {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0 50%
    }
}

.single-blog .article-img img.thumb {
    border-radius: 10px
}

.single-blog .article-content .article-title {
    font-size: 20px;
    font-weight: 300;
    margin: 8px 0
}

.single-blog .article-content .article-date {
    color: #a8a8A861
}

.single-blog .article-content .article-category {
    margin: 18px 0
}

.single-blog .article-content .article-category a {
    color: var(--theme-main-color);
    padding: 5px 15px;
    background: var(--theme-main-opaque-color);
    transition: .3s;
    border-radius: 5px
}

.single-blog .article-content .article-category a:hover {
    color: #fff;
    background: var(--theme-main-color)
}

.single-blog .article-content .content {
    background: var(--single-content-bg);
    padding: 15px 20px;
    border-radius: 10px
}

.single-blog .article-content .content img {
    border-radius: 10px;
    width: 100%
}

.single-blog .sidebar {
    position: sticky;
    top: 15px;
    bottom: 0
}

.blog-single-social-links a i {
    color: #a8a8A861;
    float: right;
    font-size: 1rem;
    height: 40px;
    line-height: 40px;
    width: 40px;
    text-align: center;
    background: var(--single-content-bg);
    border-radius: 12px;
    transition: color .15s ease-in-out, background .15s ease-in-out
}

.blog-single-social-links a.social-share-telegram i {
    font-size: .875rem
}

.blog-comments-button:hover i {
    color: #ffb738;
    background: rgba(255, 183, 56, .1)
}

.social-share-telegram:hover i {
    color: #36ade1;
    background: rgba(54, 173, 225, .1)
}

.social-share-linkedin:hover i {
    color: #017ab5;
    background: rgba(1, 122, 181, .1)
}

.social-share-gplus:hover i {
    color: #df4a32;
    background: rgba(223, 74, 50, .1)
}

.social-share-twitter:hover i {
    color: #00abf0;
    background: rgba(0, 171, 240, .1)
}

.social-share-facebook:hover i {
    color: #3a579a;
    background: rgba(58, 87, 154, .1)
}

.blog-single-social-links.row>* {
    padding-left: calc(var(--bs-gutter-x) * 0)
}

.woocommerce nav.woocommerce-pagination ul li a, .woocommerce nav.woocommerce-pagination ul li span {
    position: relative;
    display: block;
    min-width: 40px;
    text-align: center;
    line-height: 25px;
    border-radius: 10%;
    font-weight: 200
}

.woocommerce .woocommerce-pagination ul.page-numbers li, .woocommerce-page .woocommerce-pagination ul.page-numbers li {
    position: relative;
    margin: 0 5px;
    background-color: var(--single-content-bg);
    border-radius: 8px;
    border: transparent
}

.woocommerce nav.woocommerce-pagination ul li a:focus {
    background-color: transparent;
    color: var(--bs-body-color)
}

.woocommerce nav.woocommerce-pagination ul li a:hover, .woocommerce nav.woocommerce-pagination ul li span.current {
    background-color: var(--pweb-alink-hover-color);
    color: #fff
}

ul.page-numbers li:first-child {
    margin-left: 0
}

.woocommerce nav.woocommerce-pagination ul {
    padding: 20px 10px;
    margin: 0;
    list-style: none;
    text-align: center;
    border: transparent
}

.yith-wcan-filters .yith-wcan-filter .price-slider .irs-handle {
    cursor: ew-resize
}

.irs {
    font-family: var(--theme-main-font)
}

menu-widget {
    padding: 20px 30px;
    background: var(--pweb-pwebcards-pcard-1-background);
    border-radius: 10px
}

.irs--round .irs-max, .irs--round .irs-min {
    color: #868686
}

.yith-wcan-filters .yith-wcan-filter, .yith-wcan-filters .yith-wcan-filter h4 {
    color: var(--bs-body-color);
    margin: 0
}

.yith-wcan-filters .yith-wcan-filter .price-slider {
    padding: 25px 0
}

.yith-wcan-filters {
    background-color: var(--pweb-pwebcards-pcard-1-background);
    margin-bottom: 10px;
    padding: 20px;
    border-radius: 10px
}

.yith-wcan-filters .apply-filters {
    margin-top: 0
}

.shop-control-bar {
    display: inline-block;
    width: 100%;
    margin-bottom: 10px;
    background: var(--single-content-bg);
    border-radius: 10px;
    padding: 8px 15px
}

.woocommerce .woocommerce-ordering {
    margin: 5px 0
}

.woocommerce .woocommerce-result-count {
    margin: 10px 0
}

.woocommerce .woocommerce-ordering select {
    display: inline-block;
    max-width: 100%;
    padding: 15px 10px 15px 25px;
    vertical-align: middle;
    line-height: 14px;
    background: var(--bs-body-bg) url(./assets/images/select-arrows.png) no-repeat left .75rem center;
    background-size: 8px 10px;
    border: 1px solid #6b6C771A;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 8px;
    color: #868686;
    font-weight: 200
}

.woocommerce .woocommerce-ordering select option {
    border: transparent;
    outline: transparent;
    font-weight: 300
}

.pweb-category .grid_image {
    background-size: cover;
    display: block;
    position: relative;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
    margin-bottom: 15px;
    text-align: center;
    padding: 10px;
    min-height: 130px;
    box-shadow: 0 1px 7px -3px rgba(0, 0, 0, .1);
    width: 100%;
    -webkit-filter: grayscale(30%);
    filter: grayscale(30%);
    overflow: hidden;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.pweb-category .grid_image:hover {
    -webkit-filter: grayscale(0);
    filter: grayscale(0);
    transform: scale(1.03)
}

.pweb-category .grid_image h4 {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: right;
    z-index: 1;
    padding: 15px 10px;
    display: block;
    background-color: rgba(0, 0, 0, .45);
    color: #fff;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, #000 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, #000 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, #262626 100%);
    margin: 0
}

.category-pagination {
    background: var(--single-content-bg);
    padding: 15px;
    border-radius: 10px;
    margin-bottom: 15px;
    overflow: hidden;
    display: flex;
    text-align: center;
    justify-content: center
}

.category-pagination a:hover, .category-pagination span:hover {
    color: #fff;
    background: var(--pweb-alink-hover-color);
    border: 1px solid var(--pweb-alink-hover-color)
}

.category-pagination span.current, .category-pagination.active_page a {
    color: #868686;
    background: var(--bs-body-bg);
    cursor: no-drop;
    border: 1px solid transparent
}

.category-pagination a, .category-pagination span {
    position: relative;
    color: var(--bcards-bcard-bcardtitle);
    font-size: 13px;
    transition: .3s all ease;
    border-radius: 20px;
    border: 1px solid transparent;
    width: 35px;
    height: 35px;
    display: block;
    line-height: 2.8
}

.category-pagination a i, .category-pagination span i {
    font-size: 10px;
    line-height: 3.4
}

.category-pagination a, .category-pagination span {
    margin-right: 4px
}

.mobile-search {
    display: flex;
    align-items: center;
    margin-top: 35px;
    border-top: 1px solid #6b6C771A;
    padding-top: 15px;
    justify-content: space-between
}

.searchbox form.hsearch {
    position: relative;
    left: 0;
    margin-left: 0
}

.mobile-search .switch-darkmode {
    margin-left: 0
}

.mobile-search input {
    font-size: 14px;
    padding: 13px;
    width: 100%;
    border-radius: 50px
}

.mobile-search .hsearch {
    margin-left: 10px !important
}

.mobile-search::before {
    opacity: 0
}

.searchbox.vv8 form {
    margin-top: 4px
}

.searchbox.vv8 input {
    padding: 10px 40px;
    border: 1px solid #6b6C771A;
    background: var(--bs-body-bg)
}

.widget-box section {
    background: var(--single-content-bg);
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 15px
}

.widget-box section img {
    border-radius: 10px
}

ul.product-categories li {
    position: relative;
    margin: 0 0 9px;
    color: #8d8d8d;
    border: 2px solid #6b6C771A;
    border-width: 0 2px 0 0;
    padding: 9px 13px 9px 10px;
    font-size: 13px;
    line-height: 18px;
    border-radius: 2px;
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

ul.product-categories li::before {
    content: '';
    width: 11px;
    height: 11px;
    display: block;
    background: var(--bs-body-bg);
    border: 2px solid #6b6C771A;
    position: absolute;
    -webkit-border-radius: 10%;
    -moz-border-radius: 10%;
    border-radius: 30px;
    top: 50%;
    right: 0;
    -webkit-transform: translate(60%, -50%);
    -ms-transform: translate(60%, -50%);
    transform: translate(60%, -50%);
    -webkit-box-shadow: 0 0 0 3px #fff;
    box-shadow: 0 0 0 3px var(--bs-body-bg);
    -webkit-transition: all .3s ease;
    transition: all .3s ease
}

ul.product-categories li:hover::before {
    background: var(--pweb-alink-hover-color);
    border: none
}

ul.product-categories li:hover {
    background: var(--bs-body-bg);
    padding-right: 17px;
    font-size: 14px
}

.pweb-widget-adv.textadv a {
    display: block;
    padding: 10px;
    background: var(--theme-main-color);
    color: #fff;
    border-radius: 10px;
    transition: .3s
}

.pweb-widget-adv.textadv a:hover {
    background: 0 0;
    color: var(--theme-main-color)
}

@keyframes move {
    0% {
        background-position: 0 0
    }

    100% {
        background-position: 50px 50px
    }
}

#overlay {
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    background: rgba(0, 0, 0, .93);
    backdrop-filter: blur(3px);
    transition: 1s .4s
}

.progstat {
    position: absolute;
    top: 50%;
    margin-top: -40px;
    width: 100%;
    display: flex;
    justify-content: center
}

.three-quarter-spinner {
    width: 50px;
    height: 50px;
    border: 3px solid var(--theme-main-color);
    border-top: 3px solid transparent;
    border-radius: 50%;
    animation: spin .5s linear infinite
}

.quarter-spinner {
    width: 20px;
    height: 20px;
    border: 3px solid;
    border-top: 3px solid transparent;
    border-radius: 50px;
    transition: .2s;
    animation: spin .5s linear infinite
}

.pweb-b:hover .quarter-spinner, .pweb-bsoft:hover .quarter-spinner, .remove-from-cart .quarter-spinner {
    border: 3px solid #fff;
    border-top: 3px solid transparent
}

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

.lds-ellipsis {
    display: flex;
    position: absolute;
    width: 65px;
    height: 65px
}

.lds-ellipsis div {
    position: absolute;
    top: 26px;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: var(--theme-main-color);
    animation-timing-function: cubic-bezier(0, 1, 1, 0)
}

.lds-ellipsis div:first-child {
    left: 6px;
    animation: lds-ellipsis1 .6s infinite
}

.lds-ellipsis div:nth-child(2) {
    left: 6px;
    animation: lds-ellipsis2 .6s infinite
}

.lds-ellipsis div:nth-child(3) {
    left: 26px;
    animation: lds-ellipsis2 .6s infinite
}

.lds-ellipsis div:nth-child(4) {
    left: 45px;
    animation: lds-ellipsis3 .6s infinite
}

@keyframes lds-ellipsis1 {
    0% {
        transform: scale(0)
    }

    100% {
        transform: scale(1)
    }
}

@keyframes lds-ellipsis3 {
    0% {
        transform: scale(1)
    }

    100% {
        transform: scale(0)
    }
}

@keyframes lds-ellipsis2 {
    0% {
        transform: translate(0, 0)
    }

    100% {
        transform: translate(19px, 0)
    }
}

.lds-ripple {
    display: inline-block;
    position: relative;
    width: 80px;
    height: 80px
}

.lds-ripple div {
    position: absolute;
    border: 4px solid var(--theme-main-color);
    opacity: 1;
    border-radius: 50%;
    animation: lds-ripple 1s cubic-bezier(0, .2, .8, 1) infinite
}

.lds-ripple div:nth-child(2) {
    animation-delay: -.5s
}

@keyframes lds-ripple {
    0% {
        top: 36px;
        left: 36px;
        width: 0;
        height: 0;
        opacity: 1
    }

    100% {
        top: 0;
        left: 0;
        width: 72px;
        height: 72px;
        opacity: 0
    }
}

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

.loadingcip-bar {
    height: 50px;
    width: 6px;
    margin: 0 2px;
    border-radius: 4px;
    animation: loadingcip 1s ease-in-out infinite
}

.loadingcip-bar:first-child {
    background-color: var(--theme-main-color);
    animation-delay: .1s
}

.loadingcip-bar:nth-child(2) {
    background-color: var(--theme-main-color);
    animation-delay: .2s
}

.loadingcip-bar:nth-child(3) {
    background-color: var(--theme-main-color);
    animation-delay: .3s
}

.loadingcip-bar:nth-child(4) {
    background-color: var(--theme-main-color);
    animation-delay: .4s
}

.loadingcip-bar:nth-child(5) {
    background-color: var(--theme-main-color);
    animation-delay: .5s
}

.loadingcip-bar:nth-child(6) {
    background-color: var(--theme-main-color);
    animation-delay: .6s
}

.loadingcip-bar:nth-child(7) {
    background-color: var(--theme-main-color);
    animation-delay: .7s
}

.loadingcip-bar:nth-child(8) {
    background-color: var(--theme-main-color);
    animation-delay: .8s
}

.loadingcip-bar:nth-child(9) {
    background-color: var(--theme-main-color);
    animation-delay: .9s
}

.loadingcip-bar:nth-child(10) {
    background-color: var(--theme-main-color);
    animation-delay: 1s
}

@keyframes loadingcip {
    0% {
        transform: scale(1)
    }

    20% {
        transform: scale(1, 1.5)
    }

    40% {
        transform: scale(1)
    }
}

@keyframes spin {
    from {
        transform: rotate(0)
    }

    to {
        transform: rotate(359deg)
    }
}

.loadermbu {
    width: 13px;
    height: 13px;
    position: relative;
    left: -20px;
    border-radius: 50%;
    color: var(--theme-main-opaque-color);
    background: currentColor;
    box-shadow: 32px 0, -32px 0, 64px 0
}

.loadermbu::after {
    content: '';
    position: absolute;
    left: -32px;
    top: 0;
    width: 13px;
    height: 13px;
    border-radius: 10px;
    background: var(--theme-main-color);
    animation: movembu 1.5s linear infinite alternate
}

@keyframes movembu {
    0%, 5% {
        left: -32px;
        width: 13px
    }

    15%, 20% {
        left: -32px;
        width: 48px
    }

    30%, 35% {
        left: 0;
        width: 13px
    }

    45%, 50% {
        left: 0;
        width: 48px
    }

    60%, 65% {
        left: 32px;
        width: 13px
    }

    75%, 80% {
        left: 32px;
        width: 48px
    }

    100%, 95% {
        left: 64px;
        width: 13px
    }
}

.loadercua {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: block;
    margin: 15px auto;
    position: relative;
    color: var(--theme-main-color);
    left: -100px;
    box-sizing: border-box;
    animation: shadowRolling 2s linear infinite
}

@keyframes shadowRolling {
    0% {
        box-shadow: 0 0 rgba(255, 255, 255, 0), 0 0 rgba(255, 255, 255, 0), 0 0 rgba(255, 255, 255, 0), 0 0 rgba(255, 255, 255, 0)
    }

    12% {
        box-shadow: 100px 0 var(--theme-main-color), 0 0 rgba(255, 255, 255, 0), 0 0 rgba(255, 255, 255, 0), 0 0 rgba(255, 255, 255, 0)
    }

    25% {
        box-shadow: 110px 0 var(--theme-main-color), 100px 0 var(--theme-main-color), 0 0 rgba(255, 255, 255, 0), 0 0 rgba(255, 255, 255, 0)
    }

    36% {
        box-shadow: 120px 0 var(--theme-main-color), 110px 0 var(--theme-main-color), 100px 0 var(--theme-main-color), 0 0 rgba(255, 255, 255, 0)
    }

    50% {
        box-shadow: 130px 0 var(--theme-main-color), 120px 0 var(--theme-main-color), 110px 0 var(--theme-main-color), 100px 0 var(--theme-main-color)
    }

    62% {
        box-shadow: 200px 0 rgba(255, 255, 255, 0), 130px 0 var(--theme-main-color), 120px 0 var(--theme-main-color), 110px 0 var(--theme-main-color)
    }

    75% {
        box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 var(--theme-main-color), 120px 0 var(--theme-main-color)
    }

    87% {
        box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 130px 0 var(--theme-main-color)
    }

    100% {
        box-shadow: 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0), 200px 0 rgba(255, 255, 255, 0)
    }
}

.loaderbri {
    width: 48px;
    height: 48px;
    display: inline-block;
    position: relative;
    transform: rotate(45deg)
}

.loaderbri::before {
    content: '';
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 0;
    top: -24px;
    animation: animloader 4s ease infinite
}

.loaderbri::after {
    content: '';
    box-sizing: border-box;
    position: absolute;
    left: 0;
    top: 0;
    width: 24px;
    height: 24px;
    background: var(--theme-main-color);
    box-shadow: 0 0 10px rgba(0, 0, 0, .15);
    animation: animloader2 2s ease infinite
}

@keyframes animloader {
    0% {
        box-shadow: 0 24px rgba(255, 255, 255, 0), 24px 24px rgba(255, 255, 255, 0), 24px 48px rgba(255, 255, 255, 0), 0 48px rgba(255, 255, 255, 0)
    }

    12% {
        box-shadow: 0 24px var(--theme-main-color), 24px 24px rgba(255, 255, 255, 0), 24px 48px rgba(255, 255, 255, 0), 0 48px rgba(255, 255, 255, 0)
    }

    25% {
        box-shadow: 0 24px var(--theme-main-color), 24px 24px var(--theme-main-color), 24px 48px rgba(255, 255, 255, 0), 0 48px rgba(255, 255, 255, 0)
    }

    37% {
        box-shadow: 0 24px var(--theme-main-color), 24px 24px var(--theme-main-color), 24px 48px var(--theme-main-color), 0 48px rgba(255, 255, 255, 0)
    }

    50% {
        box-shadow: 0 24px var(--theme-main-color), 24px 24px var(--theme-main-color), 24px 48px var(--theme-main-color), 0 48px var(--theme-main-color)
    }

    62% {
        box-shadow: 0 24px rgba(255, 255, 255, 0), 24px 24px var(--theme-main-color), 24px 48px var(--theme-main-color), 0 48px var(--theme-main-color)
    }

    75% {
        box-shadow: 0 24px rgba(255, 255, 255, 0), 24px 24px rgba(255, 255, 255, 0), 24px 48px var(--theme-main-color), 0 48px var(--theme-main-color)
    }

    87% {
        box-shadow: 0 24px rgba(255, 255, 255, 0), 24px 24px rgba(255, 255, 255, 0), 24px 48px rgba(255, 255, 255, 0), 0 48px var(--theme-main-color)
    }

    100% {
        box-shadow: 0 24px rgba(255, 255, 255, 0), 24px 24px rgba(255, 255, 255, 0), 24px 48px rgba(255, 255, 255, 0), 0 48px rgba(255, 255, 255, 0)
    }
}

@keyframes animloader2 {
    0% {
        transform: translate(0, 0) rotateX(0) rotateY(0)
    }

    25% {
        transform: translate(100%, 0) rotateX(0) rotateY(180deg)
    }

    50% {
        transform: translate(100%, 100%) rotateX(-180deg) rotateY(180deg)
    }

    75% {
        transform: translate(0, 100%) rotateX(-180deg) rotateY(360deg)
    }

    100% {
        transform: translate(0, 0) rotateX(0) rotateY(360deg)
    }
}

.lds-hourglass {
    display: inline-block;
    position: relative;
    width: 64px;
    height: 64px
}

.lds-hourglass:after {
    content: " ";
    display: block;
    border-radius: 50%;
    width: 0;
    height: 0;
    margin: 6px;
    box-sizing: border-box;
    border: 26px solid var(--theme-main-color);
    border-color: var(--theme-main-color) transparent;
    animation: lds-hourglass 1.2s infinite
}

@keyframes lds-hourglass {
    0% {
        transform: rotate(0);
        animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
    }

    50% {
        transform: rotate(900deg);
        animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1)
    }

    100% {
        transform: rotate(1800deg)
    }
}

.loaderl15 {
    width: 50px;
    aspect-ratio: 1;
    display: grid;
    border: 4px solid #00000000;
    border-radius: 50%;
    border-right-color: var(--theme-main-color);
    animation: l15 1s infinite linear
}

.loaderl15::before, .loaderl15::after {
    content: "";
    grid-area: 1/1;
    margin: 2px;
    border: inherit;
    border-radius: 50%;
    animation: l15 2s infinite
}

.loaderl15::after {
    margin: 8px;
    animation-duration: 3s
}

@keyframes l15 {
    100% {
        transform: rotate(1turn)
    }
}

.loaderanimFw {
    width: 0;
    height: 4.8px;
    display: inline-block;
    position: relative;
    background: var(--theme-main-color);
    box-sizing: border-box;
    animation: animFw 8s linear infinite
}

.loaderanimFw::after, .loaderanimFw::before {
    content: '';
    width: 10px;
    height: 1px;
    background: var(--theme-main-color);
    position: absolute;
    top: 9px;
    right: -2px;
    opacity: 0;
    transform: rotate(-45deg) translateX(0px);
    box-sizing: border-box;
    animation: coli1 .3s linear infinite
}

.loaderanimFw::before {
    top: -4px;
    transform: rotate(45deg);
    animation: coli2 .3s linear infinite
}

@keyframes animFw {
    0% {
        width: 0
    }

    100% {
        width: 100%
    }
}

@keyframes coli1 {
    0% {
        transform: rotate(-45deg) translateX(0px);
        opacity: .7
    }

    100% {
        transform: rotate(-45deg) translateX(-45px);
        opacity: 0
    }
}

@keyframes coli2 {
    0% {
        transform: rotate(45deg) translateX(0px);
        opacity: 1
    }

    100% {
        transform: rotate(45deg) translateX(-45px);
        opacity: .7
    }
}

@media (max-width:700px) {
    .search_popup_inner, .video_popup_inner {
        width: 300px
    }
}

@media (max-width:992px) {
    #header .header-b {
        display: none
    }

    #header .header-c {
        display: none
    }

    #header .header-d {
        display: none
    }

    #header .header-e {
        display: none
    }

    #header .header-menu {
        display: none
    }

    #header .logo {
        width: 180px;
        transition: .3s
    }

    #header .header-responsive .logo {
        width: 140px
    }

    .woodash nav ul li a {
        margin-bottom: 20px;
        border: transparent
    }

    .courses .pweb-accordion-header.lesson .lesson-two {
        justify-content: space-between;
        margin-top: 15px
    }

    form.woocommerce-ResetPassword {
        padding: 25px;
        border: 1px solid #6b6C771A;
        border-radius: 15px
    }

    .my-account span {
        display: none
    }

    .pwebwg-pcards.simple-cards.row .simple-card {
        height: auto !important
    }

    .pwebwg-pcards .swiper-slide .roocket-card .product-thumbnail {
        height: 8rem !important
    }

    .pwebwg-pcards.roocket-cards.row .roocket-card {
        padding: 11rem 15px 15px !important
    }

    .pwebwg-pcards .flexy-card .product-content {
        padding: 20px !important;
        margin: 10px 0 0 !important
    }

    .pwebwg-pcards .flexy-card .product-thumbnail {
        margin: 0 !important;
        position: relative !important;
        top: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: auto !important
    }

    .pwebwg-pcards .rtltheme-card .product-actions {
        opacity: 1 !important;
        height: 70px !important;
        transition: .3s;
        padding: 13px 15px !important;
        margin-top: -10px !important
    }
}

.wc-blocks-filter-wrapper {
    direction: ltr
}

.wc-block-price-filter__controls {
    position: relative;
    margin: 30px 0
}

.wc-block-price-filter__controls input:first-child {
    position: absolute;
    left: 0
}

.wc-block-price-filter__controls input:last-child {
    position: absolute;
    right: 0
}

.wc-block-components-price-slider--is-input-inline .wc-block-components-price-slider__controls .wc-block-components-price-slider__amount {
    border: transparent;
    user-select: none;
    max-width: 100%;
    text-align: start;
    background: 0 0;
    color: #868686;
    font-weight: 200;
    direction: rtl
}

.wc-block-components-price-slider__actions {
    justify-content: start
}

.wc-block-components-filter-reset-button {
    text-decoration: none
}

.wc-block-components-price-slider {
    margin: 0
}

.teacher .teacher-profile .teacher-img {
    width: 125px;
    overflow: hidden;
    border-radius: 100%;
    height: 125px
}

.teacher .teacher-profile .teacher-img img {
    height: 100%;
    object-fit: cover
}

.teacher .teacher-profile .teacher-name {
    font-size: 22px;
    font-weight: 300;
    margin-right: 25px
}

.nav-teacher {
    padding: 10px;
    background: var(--pweb-header-background);
    border-radius: 10px
}

.thr-progress {
    padding: 10px 5px;
    position: relative
}

.thr-progress-title {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px
}

.thr-progress .pb-percent::after {
    content: '%';
    background-color: var(--pweb-alink-hover-color);
    width: 14px;
    height: 14px;
    display: inline-block;
    font-size: 10px;
    vertical-align: middle;
    border-radius: 50%;
    color: #fff;
    line-height: 16px;
    margin-right: 5px;
    text-align: center
}

.thr-progress .thr-progress-wrap {
    background-color: var(--single-content-bg);
    display: block;
    height: 5px;
    border-radius: 5px;
    overflow: hidden
}

.thr-progress .thr-progress-bar {
    background-color: var(--pweb-alink-hover-color);
    display: block;
    height: 5px
}

.thr-info li {
    padding: 10px;
    border: 1px solid #6b6C771A;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 10px
}

.thr-info li i {
    font-size: 20px;
    vertical-align: middle;
    opacity: .3;
    align-items: center;
    display: flex
}

.searchajaxbox .datafetch {
    position: absolute;
    display: none;
    width: 100%;
    height: 140px;
    background: #fff;
    margin: 10px 0;
    border-radius: 10px;
    overflow: auto
}

.searchajaxbox .datafetch li {
    display: flex;
    padding: 20px 15px;
    margin-bottom: 10px;
    border-bottom: 2px dashed #e8e8e8
}

.searchajaxbox .datafetch li:last-of-type {
    border-bottom: transparent
}

.searchajaxbox .datafetch .more-result a {
    color: var(--theme-main-color);
    padding: 10px;
    background: var(--theme-main-opaque-color);
    width: 100%;
    display: block
}

.searchajaxbox .datafetch li .product-img {
    width: 40%;
    overflow: hidden;
    border-radius: 10px;
    margin-left: 10px
}

.searchajaxbox .datafetch li .product-content {
    text-align: right
}

.searchajaxbox .datafetch li .product-content a {
    color: #4b515a;
    font-weight: 300
}

.searchajaxbox .datafetch li .product-content div.p-category {
    color: #4b515a;
    opacity: .7
}

.searchajaxbox .datafetch li .product-content div.price {
    color: #4b515a
}

.searchajaxbox .datafetch li .product-content div.price div.offer {
    font-size: 12px
}

.searchajaxbox .datafetch li .product-content div.price div.offer span {
    margin-right: 5px;
    background: var(--theme-main-color);
    color: #fff;
    padding: 0 10px;
    border-radius: 10px
}

.searchajaxbox .datafetch li .product-content div.price span.toman {
    font-size: 11px
}

.searchajaxbox .searchnotfound {
    margin-top: 55px;
    color: #4b515a
}

.woocommerce .widget_price_filter .ui-slider .ui-slider-handle, .woocommerce .widget_price_filter .ui-slider .ui-slider-range {
    background-color: var(--theme-main-color)
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content {
    background-color: var(--theme-main-opaque-color)
}

.swiper-button-next, .swiper-button-prev {
    background-image: none
}

.widget-box p:first-child {
    display: none
}

.addres-footer i {
    background: var(--theme-main-opaque-color);
    padding-top: 8px !important;
    float: right;
    width: 35px;
    height: 35px;
    color: var(--theme-main-color);
    border-radius: 10px;
    text-align: center;
    font-size: 16px;
    box-sizing: border-box;
    margin-top: -5px;
    margin-left: 8px
}

.woocommerce-MyAccount-contents .courses {
    padding: 15px 15px 5px;
    background: var(--pweb-dashboard-dashbox-bg);
    border-radius: 15px
}

.mobile-sidebar, .cart-sidebar {
    width: 100%;
    height: 100%;
    position: fixed;
    display: block;
    top: 0;
    right: 0;
    z-index: 999999999;
    visibility: hidden;
    opacity: 0;
    transition: .3s all;
    -webkit-transition: .3s all
}

.mobile-sidebar .bg, .cart-sidebar .bg {
    position: fixed;
    top: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .93);
    backdrop-filter: blur(3px)
}

.mobile-sidebar.active .sidebar {
    visibility: visible;
    opacity: 1;
    right: 0
}

.mobile-sidebar.active, .cart-sidebar.active {
    visibility: visible;
    opacity: 1
}

.mobile-sidebar .hambmenu-menus, .cart-sidebar .cart-menus {
    position: fixed;
    overflow: auto;
    right: -300px;
    height: 100%;
    width: 300px;
    background-color: var(--product-right-info-bg);
    padding: 20px;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: .3s all;
    -webkit-transition: .3s all
}

.mobile-sidebar.active .hambmenu-menus, .cart-sidebar.active .cart-menus {
    visibility: visible;
    opacity: 1;
    right: 0
}

.mobile-sidebar .hambmenu-menus .menu>li .open-btn {
    width: 25px;
    height: 25px;
    border-radius: 50%;
    background-color: rgba(0, 0, 0, .1);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    transition: .3s all;
    -webkit-transition: .3s all;
    cursor: pointer
}

.mobile-sidebar .hambmenu-menus .menu>li .open-btn::before {
    content: "";
    position: absolute;
    z-index: 1;
    height: 6px;
    width: 6px;
    border: 1px solid #555;
    border-top: none;
    border-left: none;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    margin-top: -1px
}

.mobile-sidebar .hambmenu-menus .menu>li .open-btn.active {
    transform: rotate(180deg)
}

.mobile-sidebar .hambmenu-menus .menu>li>ul {
    width: calc(100% - 0px);
    padding: 5px 12px;
    margin: 20px 0 10px;
    background-color: rgba(0, 0, 0, 0.15);
    border-radius: 15px;
    display: none;
    border: 1px solid #6b6C771A
}

.mobile-sidebar .hambmenu-menus .menu {
    width: 100%;
    display: block;
    max-height: calc(100% - 180px);
    overflow: auto
}

.mobile-sidebar .hambmenu-menus .menu>li {
    width: 100%;
    display: flex;
    border-bottom: 1px solid #6b6C771A;
    position: relative;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 15px 0
}

.mobile-sidebar .hambmenu-menus .menu>li>ul li {
    width: 100%;
    display: flex;
    border-bottom: 1px solid #6b6C771A;
    position: relative;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center
}

.mobile-sidebar .hambmenu-menus .menu>li>ul li:last-child {
    border: 0
}

.mobile-sidebar .hambmenu-menus .menu>li>ul li a {
    display: inline-block !important;
    padding: 10px 0 !important
}

.mobile-sidebar .hambmenu-menus .searchbox form.hsearch {
    overflow: hidden;
    border-radius: 10px
}

.hambmenu div.icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 30px;
    cursor: pointer
}

.hambmenu {
    position: relative;
    display: flex;
    width: 50px;
    height: 50px;
    background: var(--theme-main-opaque-color);
    border-radius: 10px
}

.hambmenu div.icon li {
    list-style: none;
    position: absolute;
    left: 0;
    background: var(--theme-main-color);
    width: 100%;
    height: 1.5px;
    transform: translateY(-50%);
    transition: .5s;
    border-radius: 20px
}

.hambmenu div.icon li:first-of-type {
    top: 20%
}

.hambmenu div.icon li:nth-of-type(2) {
    top: 50%
}

.hambmenu div.icon li:nth-of-type(3) {
    top: 80%
}

.hambmenu.open div.icon li:first-of-type {
    top: 50%;
    transform: translateY(-50%) rotate(45deg)
}

.hambmenu.open div.icon li:nth-of-type(2) {
    top: 50%;
    transform: translateY(-50%) rotate(-45deg)
}

.hambmenu.open div.icon li:nth-of-type(3) {
    left: -100%;
    opacity: 0
}

#header .header-responsive .logo a {
    padding: 0;
    margin: 0
}

.col_box_status_ticket_wpyar {
    border: 1px solid #6b6C771A !important;
    box-shadow: none
}

.woocommerce div.product form.cart {
    margin-bottom: 0
}

.select2-hidden-accessible {
    border: 0 !important;
    clip: rect(0 0 0 0) !important;
    -webkit-clip-path: inset(50%) !important;
    clip-path: inset(50%) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    width: 1px !important;
    white-space: nowrap !important
}

.woocommerce div.product form.cart .variations label {
    font-weight: 200
}

.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {
    background-color: var(--theme-main-color);
    color: #fff
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: var(--theme-main-opaque-color);
    color: var(--theme-main-color)
}

.woocommerce-variation.single_variation {
    align-items: center;
    display: flex
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: var(--bs-body-color);
    font-size: 16px
}

.skeleton {
    background-color: var(--pweb-pwebcards-pcard-2-background);
    border-radius: 4px;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

.skeleton .card-image {
    height: 200px;
    background-color: var(--pweb-skeletonbfbackground)
}

.skeleton .card-content {
    padding: 16px
}

.skeleton .card-title {
    margin-bottom: 8px;
    position: relative
}

.skeleton .card-title::before {
    content: "";
    position: absolute;
    background-color: var(--pweb-skeletonbfbackground);
    height: 100%;
    width: 100%
}

.skeleton .card-description {
    position: relative
}

.skeleton .card-description::before {
    content: "";
    position: absolute;
    background-color: var(--pweb-skeletonbfbackground);
    height: 100%;
    width: 100%
}

.skeleton::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    background: var(--pweb-skeletonbackground);
    animation: loading 1.5s ease-in-out infinite
}

@keyframes loading {
    0% {
        transform: translateX(-100%)
    }

    100% {
        transform: translateX(100%)
    }
}

.skeleton.loaded::before {
    display: none
}

.skeleton.loaded {
    animation: fade-out .5s ease-in-out 1s forwards
}

@keyframes fade-out {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0;
        z-index: -1
    }
}

.fade-in {
    opacity: 0;
    transition: opacity 1s ease-in-out
}

.loaded {
    opacity: 1
}

.pwebwg-acard.normal-slider {
    display: block;
    background: var(--pwebwg-acard-background);
    border-radius: 15px;
    overflow: hidden;
    border: 1px solid #99999921
}

.pwebwg-acard.normal-slider .acard-thumbnail {
    overflow: hidden;
    position: relative;
    display: block;
    height: 200px;
    margin-bottom: 15px
}

.pwebwg-acard.normal-slider .acard-thumbnail:not(.skeleton)::before {
    content: '';
    bottom: 0;
    background: linear-gradient(360deg, var(--pwebwg-acard-background) 0, rgba(255, 255, 255, 0) 100%);
    width: 100%;
    height: 50%;
    position: absolute;
    animation: skeleton-fade-in .5s ease-out
}

@keyframes skeleton-fade-in {
    from {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

.pwebwg-acard.normal-slider .acard-content {
    padding: 0 15px;
    margin: 25px 0
}

.pwebwg-acard.normal-slider .acard-title {
    font-weight: 300;
    height: 20px;
    overflow: hidden;
    transition: .2s;
    position: relative;
    display: block;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis
}

.pwebwg-acard.normal-slider .acard-title:hover {
    color: var(--theme-main-color)
}

.pwebwg-acard.normal-slider .author-profile {
    overflow: hidden;
    border-radius: 50px;
    position: absolute;
    transition: .2s;
    bottom: -15px;
    left: 15px;
    height: 40px;
    z-index: 1;
    width: 40px
}

.pwebwg-acard.normal-slider .author-profile:hover {
    transform: scale(1.1);
    box-shadow: 0 9px 15px -6px #1a1d1f33
}

.pwebwg-acard.normal-slider .acard-desc {
    line-height: 1.9;
    font-size: 13px;
    color: #818181;
    margin: 15px 0;
    height: 75px;
    overflow: hidden;
    text-overflow: ellipsis
}

.pwebwg-acard.normal-slider .acard-footer .acard-cmmntcount {
    font-size: 13px;
    align-items: center;
    color: #818181;
    display: flex
}

.pwebwg-acard.normal-slider .acard-footer .acard-cmmntcount svg {
    margin-left: 5px;
    width: 15px
}

.pwebwg-acard.normal-slider .acard-footer a {
    color: var(--theme-main-color);
    display: flex;
    justify-content: end;
    align-items: center;
    font-size: 13px
}

.pwebwg-acard.normal-slider .acard-footer a svg {
    margin-right: 5px;
    width: 17px
}

.pwebwg-acard.normal-slider .acard-footer a svg circle, .pwebwg-acard.normal-slider .acard-footer a svg path {
    fill: var(--theme-main-color)
}

.pwebwg-acard.overlay-black {
    position: relative;
    overflow: hidden;
    display: block;
    border-radius: 10px;
    transition: .3s ease-in-out
}

.pwebwg-acard.overlay-black:hover {
    transform: scale(1.03)
}

.pwebwg-acard.overlay-black:hover .acard-thumbnail img {
    transform: scale(1.1)
}

.pwebwg-acard.overlay-black:hover .acard-content {
    bottom: -80px
}

.pwebwg-acard.overlay-black.long {
    height: 300px
}

.pwebwg-acard.overlay-black.wide {
    height: 200px
}

.pwebwg-acard.overlay-black .acard-thumbnail, .pwebwg-acard.overlay-black .acard-thumbnail img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    transition: .2s ease-in-out
}

.pwebwg-acard.overlay-black .acard-thumbnail:not(.skeleton)::before {
    content: '';
    position: absolute;
    height: 100%;
    background: linear-gradient(0deg, #101214 0, rgba(255, 255, 255, 0) 155.15%);
    width: 100%
}

.skeleton .acard-thumbnail {
    height: 200px;
    background-color: var(--pweb-skeletonbfbackground)
}

.pwebwg-acard.overlay-black .acard-content {
    position: absolute;
    color: #fff;
    bottom: 15px;
    right: 0;
    width: 100%;
    padding: 0 15px;
    transition: .2s ease-in-out
}

.pwebwg-acard.overlay-black .acard-content .acard-title {
    font-size: 14px;
    font-weight: 300
}

.pwebwg-acard.overlay-black .acard-content .acard-icon {
    color: var(--theme-main-color);
    font-size: 13px;
    display: inline-block
}

.pwebwg-acard.overlay-black .acard-content .acard-icon svg {
    margin-right: 5px
}

.pwebwg-acard.overlay-black .acard-content .acard-icon circle, .pwebwg-acard.overlay-black .acard-content .acard-icon path {
    fill: var(--theme-main-color)
}

.pwebwg-acard.overlay-black.wide .acard-content {
    display: flex;
    justify-content: space-between
}

.pwebwg-acards .pwebwg-acard.normal-card, .pwebwg-acards .pwebwg-acard.normal-card .acard-thumbnail img {
    transition: .2s ease-in-out
}

.pwebwg-acards .pwebwg-acard.normal-card:hover {
    transform: scale(1.05)
}

.pwebwg-acards .pwebwg-acard.normal-card:hover .acard-thumbnail img {
    transform: scale(1.05)
}

.pwebwg-acard-lists .pwebwg-acard.normal-card {
    display: flex;
    background: var(--pwebwg-acard-background);
    border-radius: 10px;
    padding: 15px;
    align-items: center;
    margin-bottom: 18px;
    box-shadow: var(--pwebwg-acard-boxshodow)
}

.pwebwg-acard-lists .pwebwg-acard.normal-card .acard-thumbnail {
    width: 150px;
    height: 95px;
    margin-left: 15px;
    border-radius: 10px;
    overflow: hidden;
    background-color: var(--pweb-skeletonbfbackground)
}

.pwebwg-acard-single .pwebwg-acard.normal-card {
    background: var(--pwebwg-acard-background);
    border-radius: 10px;
    padding: 15px;
    align-items: center;
    margin-bottom: 15px;
    box-shadow: var(--pwebwg-acard-boxshodow)
}

.pwebwg-acard-single .pwebwg-acard.normal-card .acard-thumbnail {
    border-radius: 10px;
    overflow: hidden;
    display: block;
    height: 220px;
    border-radius: 10px;
    overflow: hidden;
    display: block;
    height: 200px;
    background-color: var(--pweb-skeletonbfbackground);
    margin-bottom: 15px
}

.pwebwg-acard.normal-card .acard-thumbnail img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.pwebwg-acard-single .pwebwg-acard.normal-card .acard-title {
    font-size: 16px;
    font-weight: 300;
    display: block;
    white-space: nowrap;
    -ms-text-overflow: ellipsis;
    text-overflow: ellipsis;
    overflow: hidden
}

.pwebwg-acard.normal-card .skeleton .acard-button .read-time, .pwebwg-acard.normal-card .skeleton .acard-button a, .pwebwg-acard.normal-card .skeleton .acard-description, .pwebwg-acard.normal-card .skeleton .acard-title {
    position: relative;
    display: flex
}

.logo.skeleton::after, .product-img.skeleton::after, .pwebwg-acard.normal-card .acard-thumbnail.skeleton::after, .pwebwg-acard.normal-card .skeleton .acard-button .read-time::before, .pwebwg-acard.normal-card .skeleton .acard-button a::before, .pwebwg-acard.normal-card .skeleton .acard-description::before, .pwebwg-acard.normal-card .skeleton .acard-title::before, .pwebwg-acard.normal-slider .acard-desc.skeleton::after, .pwebwg-acard.normal-slider .acard-footer .acard-cmmntcount.skeleton::after, .pwebwg-acard.normal-slider .acard-footer a.skeleton::after, .pwebwg-acard.normal-slider .acard-thumbnail.skeleton::after, .pwebwg-acard.normal-slider .acard-title.skeleton::after, .pwebwg-acard.normal-slider .author-profile.skeleton::after, .pwebwg-acard.overlay-black .acard-thumbnail.skeleton::after, .pwebwg-pcards .alfa-card .product-footer.skeleton::after, .pwebwg-pcards .alfa-card .product-title.skeleton::after, .pwebwg-pcards .flexy-card .product-footer.skeleton::after, .pwebwg-pcards .flexy-card .product-title.skeleton::after, .pwebwg-pcards .product-countdown.skeleton::after, .pwebwg-pcards .product-thumbnail.skeleton::after, .pwebwg-pcards .roocket-card .product-footer.skeleton::after, .pwebwg-pcards .roocket-card .product-title.skeleton::after, .pwebwg-pcards .rtltheme-card .product-actions.skeleton::after, .pwebwg-pcards .rtltheme-card .product-footer.skeleton::after, .pwebwg-pcards .rtltheme-card .product-main-category.skeleton::after, .pwebwg-pcards .rtltheme-card .product-title.skeleton::after, .pwebwg-pcards .slider-card .product-ryuli.skeleton::after, .pwebwg-pcards .slider-card .product-title.skeleton::after, .pwebwg-pcards .slider-gallery-card .product-title.skeleton::after {
    content: "";
    position: absolute;
    background-color: var(--pweb-skeletonbfbackground);
    height: 100%;
    width: 100%;
    top: 0;
    right: 0;
    border-radius: 5px
}

.pwebwg-acard-single .pwebwg-acard.normal-card .acard-button {
    margin-top: 10px
}

.pwebwg-acard-single .pwebwg-acard.normal-card .acard-description {
    font-size: 13px;
    color: #818181;
    margin-top: 10px
}

.pwebwg-acard-single .pwebwg-acard.normal-card .acard-description p {
    line-height: 2;
    margin: 0;
    height: 80px;
    overflow: hidden;
    white-space: pre-wrap;
    text-overflow: ellipsis
}

.pwebwg-acard-single .pwebwg-acard.normal-card .acard-button a {
    font-size: 14px;
    padding: 10px 20px
}

.pwebwg-acard-single .pwebwg-acard.normal-card .acard-button .read-time {
    font-size: 13px;
    color: var(--theme-main-color)
}

.pwebwg-acard-single .pwebwg-acard.normal-card .acard-button .read-time span {
    font-size: 20px;
    font-weight: 300
}

.switch-darkmode {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 5px;
    margin-right: 5px;
    padding: 25px 34px
}

.switch-darkmode input {
    display: none
}

.switch-darkmode .slider {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 34px
}

.switch-darkmode .slider::before {
    position: absolute;
    content: "";
    height: 35px;
    width: 25px;
    left: 8px;
    bottom: 7.5px;
    background-color: #fff;
    -webkit-transition: .4s;
    transition: .4s;
    border-radius: 50px
}

.switch-darkmode input:checked+.slider {
    background-color: var(--theme-main-color)
}

.switch-darkmode input:checked+.slider:before {
    -webkit-transform: translateX(27px);
    -ms-transform: translateX(27px);
    transform: translateX(27px)
}

.switch-darkmode.normalsw .slider {
    border-radius: 10px
}

.switch-darkmode.normalsw .slider::before {
    border-radius: 8px
}

.upload-container {
    position: relative;
    width: 100%;
    margin: 0
}

.upload-container .upload-button {
    cursor: pointer;
    display: flex !important;
    gap: 10px;
    justify-content: start
}

.upload-container .file-input {
    position: absolute;
    right: 0;
    bottom: 0;
    opacity: 0;
    display: none
}

.upload-container .file-preview {
    font-size: 14px;
    margin-top: 10px;
    position: relative;
    overflow: hidden;
    border-radius: 10px
}

.upload-container .file-preview span {
    position: absolute;
    top: 20px;
    left: 10px;
    background: #bfa454;
    padding: 10px;
    border-radius: 15px;
    color: #fff
}

.upload-container .remove-image-button {
    background: #b94b4b;
    box-shadow: 0 9px 25px 0 #e2606026;
    width: 100%;
    text-align: start;
    display: flex;
    gap: 10px;
    justify-content: start
}

.fn .usname {
    font-size: 17px
}

.fn .ususername {
    font-weight: 100;
    opacity: .3
}

.account-authentication, .phone-authentication {
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
    display: flex;
    text-align: center;
    justify-content: center
}

.account-authentication .authentication-title, .phone-authentication .authentication-title {
    font-weight: 300;
    margin-bottom: 15px
}

.account-authentication label, .phone-authentication label {
    display: block;
    font-size: 15px;
    margin-block: 10px
}

.account-authentication .logo, .phone-authentication .logo {
    justify-content: center;
    display: flex;
    margin: 15px 0
}

.account-authentication .logo a, .phone-authentication .logo a {
    width: 170px;
    display: block
}

.account-authentication input[type=password], .account-authentication input[type=tel], .account-authentication input[type=text], .phone-authentication input[type=password], .phone-authentication input[type=tel], .phone-authentication input[type=text] {
    width: 100%;
    padding: 15px 40px 15px 15px;
    border-radius: 10px;
    border: 1px solid var(--pweb-inputbrdbg);
    font-size: 15px;
    font-weight: 200;
    outline: 0 !important;
    transition: .3s;
    text-align: left;
    direction: ltr
}

.account-authentication input[type=password]::placeholder, .account-authentication input[type=tel]::placeholder, .account-authentication input[type=text]::placeholder, .phone-authentication input[type=password]::placeholder, .phone-authentication input[type=tel]::placeholder, .phone-authentication input[type=text]::placeholder {
    text-align: end
}

.verification-code-inputs input[type=text] {
    text-align: center !important;
    padding: 10px !important
}

.account-authentication input[type=password]:focus, .account-authentication input[type=tel]:focus, .account-authentication input[type=text]:focus, .phone-authentication input[type=password]:focus, .phone-authentication input[type=tel]:focus, .phone-authentication input[type=text]:focus {
    border: 1px solid #ef4056
}

.account-authentication button[type=button], .phone-authentication button[type=button] {
    border: none;
    color: #fff;
    border-radius: 10px !important;
    width: 100%;
    background: var(--theme-main-color);
    transition: .2s;
    padding: 15px;
    font-weight: 200
}

.account-authentication button[type=button]:hover, .phone-authentication button[type=button]:hover {
    background: var(--theme-main-hover-color)
}

.account-authentication .login-user-auth, .account-authentication .register-wrap-account, .account-authentication .verification-code-container, .phone-authentication .login-user-auth, .phone-authentication .signin-user-auth, .phone-authentication .verification-code-container {
    position: relative
}

.account-authentication .register-wrap-account {
    display: none
}

.phone-authentication .login-user-auth .h1, .phone-authentication .signin-user-auth .h1, .phone-authentication .verification-code-container .h1 {
    font-size: 20px;
    font-weight: 300
}

.account-authentication .register-wrap-account label, .phone-authentication .signin-user-auth label {
    text-align: start
}

.account-authentication .register-wrap-account input[type=text], .phone-authentication .signin-user-auth input[type=text] {
    margin: 0;
    padding: 15px 40px 15px 15px
}

.account-authentication .register-wrap-account .pwcontent, .phone-authentication .signin-user-auth .pwcontent {
    position: relative;
    width: 100%
}

.account-authentication .register-wrap-account .generate-password, .phone-authentication .signin-user-auth .generate-password {
    position: absolute;
    font-size: 15px;
    top: 44px;
    right: 10px;
    height: 32px;
    width: 32px;
    line-height: 1
}

.account-authentication .register-wrap-account #user_password {
    padding: 15px 50px 15px 15px
}

.account-authentication .icon-animation, .phone-authentication .icon-animation {
    animation: iconScale .5s ease-in-out
}

@keyframes iconScale {
    0% {
        transform: scale(1)
    }

    50% {
        transform: scale(1.2)
    }

    100% {
        transform: scale(1)
    }
}

.account-authentication .input-container, .phone-authentication .input-container {
    position: relative;
    margin: 20px 0;
}

.signin-user-auth .input-container {
    margin-top: 0;
}

.account-authentication .input-container>i, .phone-authentication .input-container>i {
    position: absolute;
    right: 15px;
    font-size: 18px;
    color: #ccc;
    transition: all .3s ease-in-out;
    top: 30%;
    bottom: 30%
}

.account-authentication .input-container button, .phone-authentication .input-container button {
    position: absolute;
    right: 15px;
    bottom: 30px;
    font-size: 18px;
    color: #ccc;
    transition: all .3s ease-in-out;
    background: 0 0
}

.account-authentication .input-container button i, .phone-authentication .input-container button i {
    color: #ccc;
    font-size: 18px;
    transition: all .3s ease-in-out
}

.account-authentication .forgot-password, .phone-authentication .forgot-password {
    display: flex;
    font-size: 14px;
    align-items: center;
    margin-bottom: 20px
}

.account-authentication .forgot-password button, .phone-authentication .forgot-password button {
    padding: 0;
    width: auto;
    margin-right: auto;
    background: 0 0;
    color: var(--theme-main-color)
}

.account-authentication .send-otp-code, .phone-authentication .send-otp-code {
    background: 0 0 !important;
    color: var(--theme-main-color) !important;
    padding: 0 !important
}

.account-authentication .forgot-password button:hover, .account-authentication .send-otp-code:hover, .phone-authentication .forgot-password button:hover, .phone-authentication .send-otp-code:hover {
    opacity: .5;
    background: 0 0
}

form .otploader {
    display: none;
    position: absolute;
    width: 100%;
    height: 100%;
    background: var(--pweb-modal-background);
    z-index: 1
}

form .timeoutcode {
    position: absolute;
    top: -8px;
    left: 0
}

form .timeoutcode button {
    font-size: 13px;
    color: var(--theme-main-color) !important;
    background: 0 0 !important;
    padding: 0 !important;
    font-weight: 300 !important
}

.pweb-modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    backdrop-filter: blur(5px);
    display: none;
    z-index: 9998
}

.pweb-modal {
    background: var(--pweb-modal-background);
    border-radius: 10px;
    padding: 20px 35px !important;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.5);
    z-index: 9999;
    width: 400px;
    max-width: calc(100% - 40px);
    opacity: 0;
    visibility: hidden;
    transition: opacity .3s ease, transform .25s ease;
    height: auto;
    overflow: hidden
}

@media (min-width:768px) {
    .pweb-modal.quickviewmodal {
        width: 800px
    }
}

@media (max-width:768px) {
    .pweb-modal {
        padding: 20px !important;
        width: 100%;
        height: 100%;
        border-radius: 0;
        max-width: none
    }

    .pwebwg-acards .swiper-button-next, .pwebwg-acards .swiper-button-prev {
        left: 20px !important;
        top: 10% !important
    }

    .pweb-modal.quickviewmodal {
        padding: 20px !important;
        width: 100%;
        height: 100%;
        border-radius: 0;
        max-width: none
    }
}

.pweb-modal.show {
    visibility: visible;
    opacity: 1;
    transform: translate(-50%, -50%) scale(1)
}

.pweb-modal-title {
    font-weight: 300;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 15px;
    margin: 20px 10px;
    user-select: none
}

.pweb-modal-title::before {
    content: '';
    width: 25px;
    height: 25px;
    background-color: var(--theme-main-color);
    position: absolute;
    right: -25px;
    border-radius: 8px
}

.pweb-modal-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-top: 40px
}

.pweb-modal-close {
    position: absolute;
    top: 0;
    left: 0;
    margin: 20px 10px;
    padding: 0 15px;
    border: none;
    transition: .2s;
    background-color: transparent;
    cursor: pointer
}

.pweb-modal-close:hover {
    transform: scale(1.2);
    border: 1px solid #797979;
    border-radius: 100px
}

.verification-code-inputs {
    display: flex;
    gap: 10px;
    direction: ltr;
    position: relative;
    padding: 20px 0 0;
    margin: 20px 0
}

.verification-code-input {
    font-size: 24px;
    padding: 5px;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 5px;
    transition: all .2s ease-in-out
}

.cpth input {
    padding: 15px !important;
    margin: 0 0 0 10px !important;
    text-align: end !important
}

.cpth img {
    width: 200px;
    height: 55px;
    border-radius: 10px;
    object-fit: cover
}

.PwebCaptchaImage {
    cursor: pointer
}

.tooltip {
    background: var(--bs-body-bg);
    box-shadow: 0 4px 43px -9px rgba(0, 0, 0, .3);
    border-radius: 15px;
    font-size: 14px;
    padding: 10px;
    border-radius: 8px;
    z-index: 9999
}

.sending-code-container .loginTermsDesc {
    margin-top: 15px;
    font-size: .7rem;
    line-height: 1.7;
    color: #797979
}

.sending-code-container .loginTermsDesc p {
    margin: 0
}

.authentication-center {
    background: var(--pweb-modal-background);
    padding: 30px;
    box-shadow: 0 4px 40px rgba(119, 132, 157, .1);
    -webkit-box-shadow: rgba(119, 132, 157, .1) 0 4px 40px;
    border-radius: 10px
}

.account-authentication .authentication-button button {
    font-size: 14px
}

.account-authentication .authentication-button .forgot-pw {
    color: var(--pweb-inputcolor);
    background-color: var(--pweb-inputbackground) !important
}

.account-authentication .authentication-button .forgot-pw:hover {
    opacity: .5;
    background-color: var(--pweb-inputbackground) !important
}

.account-authentication .seprator {
    display: block;
    border-bottom: 1px dashed var(--pweb-inputbrdbg);
    text-align: center;
    margin: 0 10px
}

.account-authentication .seprator i {
    position: relative;
    background-color: var(--pweb-inputbackground);
    bottom: -12px;
    border-radius: 40px;
    font-style: normal;
    font-size: 13px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    display: inline-block
}

.account-authentication .nav-item button {
    font-size: 14px !important;
    background: 0 0 !important;
    color: inherit !important;
    padding: 0 !important;
    display: flex;
    justify-content: center;
    gap: 5px
}

.account-authentication .showinptpassword, .phone-authentication .showinptpassword {
    width: 25px !important;
    background: 0 0 !important;
    padding: 0 !important;
    left: 12px !important;
    bottom: 30% !important;
    top: 30% !important;
    font-size: 16px !important;
    color: #ccc
}

.books-pattern {
    position: relative;
    border-radius: 30px 10px 10px 30px
}

.books-pattern::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    background: url(./assets/images/books-pattern.svg);
    opacity: .1;
    transform: scale(2)
}

.pwebwg-pcards.simple-cards .simple-card {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    background: var(--pwebwg-pcard-background);
    box-shadow: rgba(59, 59, 59, 0.06) 0 8px 24px;
    margin-bottom: 10px;
    padding: 15px;
    border-radius: 10px;
    height: 270px
}

.pwebwg-pcards.rtltheme-cards .rtltheme-card {
    display: flex;
    flex-direction: column;
    overflow: hidden;
    justify-content: space-between;
    background: var(--pwebwg-pcard-background);
    transition: .2s;
    box-shadow: rgba(59, 59, 59, 0.06) 0 8px 24px;
    margin-bottom: 20px;
    padding: 0;
    border-radius: 8px
}

.pwebwg-pcards.alfa-cards .alfa-card {
    position: relative;
    background: var(--pwebwg-pcard-background);
    box-shadow: rgba(59, 59, 59, 0.06) 0 8px 24px;
    border-radius: 10px 10px 30px 30px;
    padding: 15px;
    margin-bottom: 10px
}

.pwebwg-pcards.roocket-cards .roocket-card {
    background: var(--pwebwg-pcard-background);
    box-shadow: rgba(59, 59, 59, 0.06) 0 8px 24px;
    border-radius: 10px;
    padding: 7.5rem 15px 15px;
    margin-bottom: 10px;
    margin-top: 3rem;
    position: relative
}

.pwebwg-pcards.flexy-cards .flexy-card {
    margin-bottom: 15px;
    position: relative
}

.pwebwg-pcards .product-thumbnail {
    background-color: var(--pweb-skeletonbfbackground);
    display: block;
    overflow: hidden;
    position: relative;
    border-radius: 10px;
    margin-bottom: 20px
}

.pwebwg-pcards .roocket-card .product-thumbnail {
    height: 8rem;
    width: -moz-available;
    width: -webkit-fill-available;
    border-radius: 10px;
    position: absolute;
    top: -35px;
    right: 0;
    margin-left: 1rem;
    margin-right: 1rem
}

@media (max-width: 992px) {
    .pwebwg-pcards .roocket-card .product-thumbnail {
        height: 12rem
    }
}

.pwebwg-pcards .flexy-card .product-thumbnail {
    margin: 0;
    width: 45%;
    height: auto;
    position: absolute;
    top: 10px;
    bottom: 10px
}

.pwebwg-pcards .flexy-card .product-content {
    background: var(--pwebwg-pcard-background);
    padding: 20px 28% 20px 20px;
    box-shadow: rgba(59, 59, 59, 0.06) 0 8px 24px;
    margin: 0 20% 0 0;
    border-radius: 10px
}

.pwebwg-pcards .rtltheme-card .product-thumbnail {
    border-radius: 0
}

.pwebwg-pcards .alfa-card .product-thumbnail {
    height: 240px
}

.pwebwg-pcards.alfa-cards .alfa-card .product-thumbnail img, .pwebwg-pcards.flexy-cards .flexy-card .product-thumbnail img, .pwebwg-pcards.roocket-cards .roocket-card .product-thumbnail img, .pwebwg-pcards.rtltheme-cards .rtltheme-card .product-thumbnail img, .pwebwg-pcards.simple-cards .simple-card .product-thumbnail img {
    transition: .2s;
    object-fit: cover;
    height: 100%;
    width: 100%
}

.pwebwg-pcards.alfa-cards .alfa-card:hover .product-thumbnail img, .pwebwg-pcards.flexy-cards .flexy-card:hover .product-thumbnail img, .pwebwg-pcards.roocket-cards .roocket-card:hover .product-thumbnail img, .pwebwg-pcards.rtltheme-cards .rtltheme-card:hover .product-thumbnail img, .pwebwg-pcards.simple-cards .simple-card:hover .product-thumbnail img {
    transform: scale(1.1)
}

.pwebwg-pcards.simple-cards .simple-card .product-thumbnail .offer-badge {
    position: absolute;
    left: 10px;
    top: 10px;
    background: #c69333;
    border-radius: 50px;
    width: 35px;
    height: 35px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px
}

.pwebwg-pcards.alfa-cards .alfa-card .product-thumbnail .offer-badge {
    position: absolute;
    left: 10px;
    top: 10px;
    background: #c69333;
    border-radius: 50px;
    transition: .2s;
    width: 35px;
    height: 35px;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 14px
}

.pwebwg-pcards.alfa-cards .alfa-card .product-thumbnail .offer-badge span {
    display: none
}

.pwebwg-pcards.alfa-cards .alfa-card:hover .product-thumbnail .offer-badge span {
    display: block
}

.pwebwg-pcards.alfa-cards .alfa-card:hover .product-thumbnail .offer-badge {
    width: 100px
}

.pwebwg-pcards.simple-cards .simple-card.even .product-thumbnail {
    order: 2;
    margin-bottom: 0
}

.pwebwg-pcards.simple-cards .simple-card.even .product-content {
    order: 1;
    margin-bottom: 20px
}

.pwebwg-pcards .rtltheme-card .product-content {
    padding: 0 10px;
    height: 90px;
    transition: .2s
}

.pwebwg-pcards.simple-cards .simple-card button {
    font-size: 13px;
    padding: 10px 20px
}

.pwebwg-pcards .product-title {
    display: block;
    font-weight: 300;
    transition: .2s;
    margin-bottom: 15px
}

.pwebwg-pcards .flexy-card .product-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: auto
}

.pwebwg-pcards .alfa-card .product-title {
    margin: 0;
    height: 50px
}

.pwebwg-pcards .roocket-card .product-title {
    height: 50px
}

.pwebwg-pcards .rtltheme-card .product-title {
    margin-bottom: 5px;
    max-height: 45px;
    overflow: hidden
}

.pwebwg-pcards .rtltheme-card .product-main-category {
    font-size: 14px
}

.pwebwg-pcards .rtltheme-card .product-actions {
    height: 0;
    overflow: hidden;
    opacity: 0;
    transition: .3s
}

.pwebwg-pcards .rtltheme-card:hover .product-title {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.pwebwg-pcards .rtltheme-card:hover .product-main-category {
    height: 0;
    overflow: hidden
}

.pwebwg-pcards .rtltheme-card:hover .product-content {
    height: 40px
}

.pwebwg-pcards .rtltheme-card:hover .product-actions {
    opacity: 1;
    display: flex;
    height: 70px;
    transition: .3s;
    padding: 13px 15px;
    margin-top: -10px
}

.pwebwg-pcards .alfa-card:hover .product-title, .pwebwg-pcards .flexy-card .product-title:hover, .pwebwg-pcards .roocket-card .product-title:hover, .pwebwg-pcards .rtltheme-card .product-title:hover, .pwebwg-pcards .simple-card:hover .product-title, .pwebwg-pcards .slider-card .product-title:hover {
    color: var(--pweb-alink-hover-color)
}

.pwebwg-pcards .product-price {
    font-weight: 300;
    position: relative;
    font-size: 20px;
    user-select: none
}

.pwebwg-pcards .flexy-card .product-price, .pwebwg-pcards .roocket-card .product-price, .pwebwg-pcards .slider-card .product-price {
    display: flex;
    direction: ltr;
    align-items: center
}

.pwebwg-pcards .rtltheme-card .product-price {
    line-height: 1.2
}

.pwebwg-pcards .product-price span {
    font-weight: 100;
    font-size: 14px;
    display: block;
    text-align: end;
    margin-bottom: -4px
}

.pwebwg-pcards .flexy-card .product-price span, .pwebwg-pcards .roocket-card .product-price span, .pwebwg-pcards .rtltheme-card .product-price span, .pwebwg-pcards .slider-card .product-price span {
    margin: 0 5px 0 0;
    display: flex;
    align-items: center;
    gap: 4px;
    font-size: 20px;
}

.pwebwg-pcards .roocket-card .product-price .variable-product span span {
    order: 1;
    margin: 0;
    font-size: 14px;
    font-weight: 200;
}

.pwebwg-pcards .rtltheme-card .product-price span span {
    margin: 0;
    font-size: 14px;
    font-weight: 200;
}

.pwebwg-pcards .product-price .offer {
    font-size: 16px;
    text-decoration: line-through;
    color: #868686;
    justify-content: end;
    margin-top: -8px;
    font-weight: 200
}

.pwebwg-pcards .flexy-card .product-price .offer, .pwebwg-pcards .roocket-card .product-price .offer, .pwebwg-pcards .slider-card .product-price .offer {
    position: relative;
    text-decoration: none;
    margin: 0 0 0 5px
}

.pwebwg-pcards .flexy-card a.pweb-b {
    padding: 10px 20px;
    font-size: 14px
}

.pwebwg-pcards .rtltheme-card .product-culay div {
    line-height: 1.2
}

.pwebwg-pcards .rtltheme-card .product-culay div.satisfaction-percentage span, .pwebwg-pcards .rtltheme-card .product-culay div.successful-sale span {
    font-size: 18px
}

.pwebwg-pcards .flexy-card .product-price .offer::before, .pwebwg-pcards .roocket-card .product-price .offer::before, .pwebwg-pcards .slider-card .product-price .offer::before {
    width: 100%;
    background-color: #868686;
    display: block;
    content: '';
    position: absolute;
    transform: rotate(-6.48deg);
    bottom: 50%;
    height: 1.3px
}

.pwebwg-pcards .product-price .free-product {
    font-size: 13px;
    padding: 10px 20px;
    background: #71717026;
    border-radius: 10px;
    color: #9a9a9a;
    user-select: none;
    font-weight: 300
}

.pwebwg-pcards .roocket-card .product-price .free-product {
    font-size: 13px;
    padding: 3px 20px;
    background: #6acc6226;
    border-radius: 10px;
    color: #6acc62;
    user-select: none;
    font-weight: 300
}

.pwebwg-pcards .new-product {
    font-size: 13px;
    padding: 10px 20px;
    background: #3873be26;
    border-radius: 10px;
    color: #3873be;
    user-select: none;
    font-weight: 300
}

.pwebwg-pcards .simple-card .product-price .regular_price, .pwebwg-pcards .simple-card .product-price .sale_price {
    position: relative
}

.pwebwg-pcards .product-culay .satisfaction-percentage, .pwebwg-pcards .product-culay .successful-sale {
    color: #868686;
    user-select: none;
    font-weight: 100
}

.pwebwg-pcards .product-culay .successful-sale span {
    color: #299841;
    font-size: 20px;
    font-weight: 300
}

.pwebwg-pcards .product-culay .satisfaction-percentage span {
    color: #b5850a;
    font-size: 20px;
    font-weight: 300
}

.pwebwg-pcards .alfa-card .product-footer {
    height: 65px;
    margin-top: 10px
}

.pwebwg-pcards .alfa-card .add-to-cart {
    position: absolute;
    top: 25px;
    left: 20px;
    border-radius: 50px;
    width: 50px;
    height: 50px
}

.pwebwg-pcards .rtltheme-card .product-footer {
    border-top: 1px dashed #c4c4c44f;
    box-shadow: inset 0 9px 20px -12px rgba(82, 82, 82, .25);
    padding: 15px;
    height: 4.3rem
}

.pwebwg-pcards .flexy-card .product-footer {
    height: 90px
}

.pwebwg-pcards .rtltheme-card .offer-badge {
    position: relative;
    color: #e1526c;
    margin: -9px 0 0 !important;
    font-weight: 300
}

.pwebwg-pcards .rtltheme-card .offer-badge::before {
    content: '';
    position: absolute;
    width: 100%;
    background: linear-gradient(244.8deg, rgba(225, 82, 108, .16) 34%, rgba(225, 82, 108, 0) 114%);
    border-radius: 25px;
    height: 8px;
    bottom: 2px
}

.pwebwg-pcards.slider-cards {
    background: var(--pwebwg-pcard-background);
    transition: .2s;
    box-shadow: rgba(59, 59, 59, 0.06) 0 8px 24px;
    border-radius: 8px;
    padding: 15px
}

.pwebwg-pcards.slider-cards .slider-gallery-card .product-title {
    margin: 0;
    display: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: auto
}

.pwebwg-pcards.slider-cards .slider-card .product-title {
    display: none
}

.pwebwg-pcards.slider-cards .slider-card .product-title:not(.skeleton) {
    display: block
}

.pwebwg-pcards.slider-cards .pwebwg-pcard-gallery .gallery-pagination {
    position: absolute;
    z-index: 1
}

.pwebwg-pcards.slider-cards .slider-gallery-card {
    background: var(--pwebwg-pcard-slider-background);
    align-items: center;
    cursor: pointer;
    border-radius: 15px;
    transition: .2s;
    padding: 5px
}

.pwebwg-pcards.slider-cards .swiper-slide-thumb-active .slider-gallery-card {
    background: var(--theme-main-color);
    color: #fff;
    transform: translateX(0) translateY(-20px);
    -ms-transform: translateX(0) translateY(-20px);
    -moz-transform: translateX(0) translateY(-20px);
    -webkit-transform: translateX(0) translateY(-20px)
}

.pwebwg-pcards.slider-cards .slider-card {
    height: 100%
}

.pwebwg-pcards.slider-cards .slider-card .product-content {
    background: var(--pwebwg-pcard-background);
    height: 100%
}

.pwebwg-pcards.slider-cards .pwebwg-pcard-gallery .swiper-wrapper {
    padding: 30px 0
}

.pwebwg-pcards.slider-cards .slider-gallery-card .product-thumbnail {
    height: 90px;
    margin: 0;
    width: 100%
}

.pwebwg-pcards.slider-cards .slider-card .product-content .product-ryuli {
    height: 115px
}

.pweb-footer-land::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: -1;
    background: url(./assets/images/land-footer-back.png);
    background-repeat: no-repeat;
    background-size: cover;
    top: 0
}

.pweb-coupon-box {
    background: #fff;
    color: #666b7c;
    border: 1px solid #e3e3e3;
    box-shadow: 0 19px 35px -25px rgba(0, 0, 0, .25);
    border-radius: 15px;
    padding: 15px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center
}

.pweb-coupon-box .discount_amount {
    font-size: 25px;
    font-weight: 300
}

.pweb-coupon-box .discount_amount span {
    font-size: 18px;
    font-weight: 200
}

.pweb-coupon-box .usage_limit {
    font-size: 18px;
    font-weight: 200
}

.pweb-coupon-box .usage_limit span {
    font-size: 25px;
    font-weight: 300
}

.pweb-coupon-box .coupon_code input {
    border: 1px solid #8990aa;
    border-radius: 40px;
    background: 0 0;
    color: #8990aa;
    text-align: center;
    padding: 15px 0;
    margin-left: 10px
}

.pweb-coupon-box .coupon_code button {
    background: #8990aa;
    border-radius: 40px;
    color: #fff;
    transition: .2s;
    padding: 0 17px;
    font-weight: 200
}

.pweb-coupon-box .coupon_code button:hover {
    transform: scale(.9)
}

.pwebwg-pcards .pwebwg-pcard-flexy-slider, .pwebwg-pcards .pwebwg-pcard-rtltm-slider {
    padding: 18px
}

.pwebwg-pcards.rtltheme-cards .swiper-slide .rtltheme-card {
    box-shadow: none
}

.yalda-bkline::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 0;
    background: url(./assets/images/yalda-bkline.svg);
    background-repeat: repeat;
    background-size: auto;
    background-repeat: no-repeat;
    background-size: cover;
    bottom: -15px
}

@media (max-width:992px) {
    .pwebwg-pcards.slider-cards .product-countdown-container {
        position: absolute;
        left: 0;
        transform: scale(.8);
        right: 0;
        bottom: 10px
    }

    .pweb-footer-land::before {
        bottom: 0;
        background-position: center
    }
}

@media (min-width:992px) {
    .pwebwg-pcards.slider-cards {
        display: flex;
        padding: 30px;
        height: 600px
    }

    .pwebwg-pcards.slider-cards .slider-card .product-content {
        display: flex;
        justify-content: space-between
    }

    .pwebwg-pcards.slider-cards .pwebwg-pcard-swiper {
        width: 60%;
        order: 1
    }

    .pwebwg-pcards.slider-cards .pwebwg-pcard-gallery {
        width: 40%;
        margin-left: 25px;
        padding: 0 0 0 20px
    }

    .pwebwg-pcards.slider-cards .slider-gallery-card .product-title {
        width: 60%;
        margin: 0;
        display: block
    }

    .pwebwg-pcards.slider-cards .swiper-slide-thumb-active .slider-gallery-card {
        transform: translate(-20px)
    }

    .pwebwg-pcards.slider-cards .slider-gallery-card .product-thumbnail {
        width: 40%;
        margin-left: 15px
    }

    .pwebwg-pcards.slider-cards .slider-gallery-card {
        padding: 15px
    }

    .pwebwg-pcards.slider-cards .pwebwg-pcard-gallery .swiper-wrapper {
        padding: 0
    }

    .pwebwg-pcards.slider-cards .slider-card .product-thumbnail {
        height: 400px
    }

    .pwebwg-pcards.slider-cards .product-countdown-container {
        position: absolute;
        top: 15px;
        left: 5px;
        transform: none
    }
}

.pweb_product_title {
    font-weight: 300;
    margin: 0
}

.product-short-description {
    color: #bababa
}

.video-js {
    width: 100%
}

.pweb_product_price {
    padding: 15px;
    background: var(--bs-accordion-bg);
    text-align: center;
    border-radius: 10px
}

.pweb_product_price span.amount {
    font-weight: 300
}

.pweb_product_price ins .amount {
    font-size: 16px;
    font-weight: 300
}

.pweb_product_price del {
    font-size: 15px;
    position: relative
}

.pweb_product_price del span span {
    display: none
}

.pweb_product_price del span.woocommerce-Price-amount {
    color: #bababa;
    font-size: 13px
}

.pweb_product_price del::after {
    width: 100%;
    height: 1px;
    background: #bababa;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: rotate(-5deg);
    -moz-transform: rotate(-5deg);
    -ms-transform: rotate(-5deg);
    -o-transform: rotate(-5deg);
    transform: rotate(-5deg)
}

.pcsidu {
    background: var(--product-right-info-bg);
    border-radius: 10px;
    margin: 10px
}

.save-post i {
    font-size: 18px
}

@media (max-width:768px) {
    .save-post .pweb-bsoft {
        width: 100% !important
    }

    .save-post i {
        font-size: 15px
    }
}

.courses .lesson-part i {
    font-size: 40px;
    margin-left: 20px
}

.courses .pweb-accordion-header.icon .lesson-one i, .courses .pweb-accordion-header.icon .lesson-part i {
    color: var(--theme-main-color) !important
}

.courses .lesson-part .lessons-part-title {
    line-height: 2
}

.courses .lesson-part .lessons-part-title div {
    font-weight: 200;
    color: #bababa
}

.courses .pweb-accordion-header, .courses .pweb-accordion-header.lesson {
    border: 1px solid #61585836;
    user-select: none;
    transition: .2s
}

.courses .pweb-accordion-content {
    display: none
}

.courses .pweb-accordion-header.icon {
    border: 1px solid var(--theme-main-color)
}

.courses .lesson-item {
    margin-right: 20px
}

.courses .lesson-one .lesson-name {
    line-height: 1
}

.pweb-advanced-search-form {
    display: flex;
    justify-content: center
}

.pweb-advanced-search-form .pweb-search-input {
    height: 50px;
    border-radius: 5px;
    padding: 10px 160px 10px 25px;
    font-weight: 200
}

.pweb-advanced-search-form .pweb-category-select {
    width: 200px;
    height: 50px;
    padding: 10px;
    border-radius: 3px;
    font-size: 16px
}

.pweb-advanced-search-form button {
    border-radius: 3px;
    padding: 0 10px;
    font-size: 16px
}

.pweb-search-results {
    display: none;
    opacity: 0;
    position: absolute;
    transition: .2s;
    left: 0;
    right: 0;
    top: 60px;
    z-index: 2;
    background: var(--pweb-dashboard-input-bg);
    -webkit-box-shadow: 0 10px 70px rgba(0, 0, 0, .15);
    box-shadow: 0 10px 70px rgba(0, 0, 0, .15);
    border-radius: 10px;
    padding: 15px
}

.pweb-search-results.active {
    display: block;
    opacity: 1
}

.pweb-advanced-search-form input:not(:focus):not(:active)+.pweb-search-results {
    opacity: 0;
    visibility: hidden
}

.pweb-advanced-search-form .pweb-search-results a {
    width: 100%;
    padding: 10px;
    display: block;
    transition: .3s;
    margin-bottom: 5px
}

.pweb-advanced-search-form .pweb-search-results a:hover {
    color: var(--theme-main-color)
}

.pweb-advanced-search-form .select2-container {
    position: absolute;
    right: 20px;
    top: 10px
}

.pbWidgetSpinner {
    display: none;
    width: 50px;
    height: 50px;
    border: 3px solid #88888826;
    border-top-color: var(--theme-main-color);
    border-radius: 100%;
    margin: 15% auto 0;
    -webkit-animation: SpinnerRotate .5s linear infinite;
    animation: SpinnerRotate .5s linear infinite
}

@keyframes SpinnerRotate {
    to {
        transform: rotate(1turn)
    }
}

.pbWidgetSpinner--styles {
    width: 23px !important;
    height: 23px !important;
    margin: 0 !important;
    position: absolute;
    left: 10px;
    top: 13px
}

.pbWidgetDisplayClass {
    opacity: 1 !important;
    display: block !important
}

.top-1 {
    top: 1rem
}

.pweb-header-fix {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    background-color: var(--product-right-info-bg);
    transition: all .4s !important;
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0);
    z-index: 99
}

.pweb-header-fix.scroll {
    transform: translate3d(0, -110%, 0)
}

@keyframes slideDown {
    from {
        top: -100px
    }

    to {
        top: 0
    }
}

.product-countdown-container-head {
    background: #33333361;
    border-radius: 5px;
    text-align: center;
    padding: 25px;
    -webkit-box-shadow: 0 8px 70px -5px rgba(9, 31, 67, .06);
    -moz-box-shadow: 0 8px 70px -5px rgba(9, 31, 67, .06);
    box-shadow: 0 8px 70px -5px rgba(9, 31, 67, .06);
    color: #fff
}

.product-countdown-container-head .countdown-col {
    font-size: 16px !important;
    padding-right: 12px;
    color: #fff;
    display: inline-block;
    margin-bottom: 0
}

.product-countdown-container-head .countdown-col .number {
    font-weight: 300;
    font-size: 20px
}

.product-countdown-container-head .expire-offer {
    line-height: 3;
    font-size: 13px !important;
    text-align: center !important;
    color: #4e4e4e;
    font-weight: 300;
    background: #fff;
    padding: 5px 45px;
    border-radius: 5px;
    display: inline;
    margin-right: 12px
}

.demopwb-btn {
    width: 100%;
    text-align: center;
    display: block;
    color: #fff;
    font-size: 15px;
    border-radius: 4px;
    line-height: 55px;
    background-color: #8571ea;
    background: linear-gradient(45deg, #61ccff, #6575ff);
    box-shadow: 0 8px 70px -5px rgba(9, 31, 67, .06)
}

.demopwb-btn i {
    float: left;
    padding: 13px;
    background: #3333;
    border-radius: 3px 0 0 3px;
    width: 55px;
    height: 55px;
    align-items: center;
    display: flex;
    justify-content: center
}

.cartpwb-btn {
    width: 100%;
    text-align: center;
    display: block;
    color: #fff;
    font-size: 15px;
    border-radius: 4px;
    line-height: 55px;
    background-color: #8571ea;
    background: linear-gradient(45deg, #f7bf42, #ff6589);
    box-shadow: 0 8px 70px -5px rgba(9, 31, 67, .06);
    padding: 0;
    font-weight: 200;
    overflow: hidden
}

.cartpwb-btn span {
    float: left;
    background: #3333;
    padding: 13.5px;
    border-radius: 3px 0 0 3px;
    width: 55px;
    height: 55px;
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 20px
}

.favopwb-btn {
    width: 100%;
    text-align: center;
    display: block;
    color: #fff;
    font-size: 15px;
    border-radius: 4px;
    line-height: 55px;
    background-color: #8571ea;
    background: linear-gradient(135deg, #00baae, #33bfb5);
    box-shadow: 0 8px 70px -5px rgba(9, 31, 67, .06);
    cursor: pointer;
    padding: 0;
    font-weight: 200;
    overflow: hidden
}

.favopwb-btn span {
    float: left;
    background: #3333;
    padding: 13.5px;
    border-radius: 3px 0 0 3px;
    width: 55px;
    height: 55px;
    align-items: center;
    display: flex;
    justify-content: center;
    font-size: 20px
}

.pweb-tooltip {
    display: flex;
    justify-content: center
}

.pweb-tooltip i {
    font-size: 40px
}

.border-radi-cirl .switch-darkmode.normalsw .slider, .border-radi-cirl a, .border-radi-cirl button {
    border-radius: 50px !important
}

.border-radi-cirl .switch-darkmode input:checked+.slider::before {
    -webkit-transform: translateX(27px);
    -ms-transform: translateX(27px);
    transform: translateX(21px)
}

.border-radi-cirl .switch-darkmode .slider::before {
    height: 25px;
    width: 25px;
    left: 11px;
    bottom: 12px;
    box-shadow: 1px 4px 5px -2px #84848470
}

.hasaccount {
    padding: 0 90px
}

.hasaccount div {
    font-size: 18px;
    text-align: center;
    margin-bottom: 15px;
    font-weight: 300
}

.hasaccount .gotoaccount {
    background: linear-gradient(141.87deg, #5e64e0 21.99%, #373b8f 128.53%);
    border-radius: 15px;
    color: #fff;
    padding: 15px 50px;
    transition: .2s;
    width: 100%;
    display: block;
    text-align: center
}

.hasaccount .gotoaccount:hover {
    box-shadow: 0 30px 28px -13px rgba(94, 100, 224, .25)
}

.pweb_articlecategory {
    padding: 0 !important;
    margin: 0;
    list-style: none
}

.pweb_articlecategory li {
    padding: 9px 12px;
    border-bottom: 1px solid #6b6C771A;
    margin: 0 !important;
    transition: .2s;
    border-right: 1px solid #9a9a9a17
}

.pweb_articlecategory li a {
    font-size: 15px;
    color: var(--footer-a-footer-menu-li-a-color);
    display: block
}

.pweb_articlecategory span {
    float: left;
    background: var(--theme-main-color);
    width: 25px;
    height: 25px;
    line-height: 25px;
    border-radius: 50px;
    color: #fff;
    text-align: center;
    font-size: 13px;
    position: relative;
    top: -22px;
    left: 0
}

.pweb_articlecategory li:hover {
    border-right: 5px solid var(--theme-main-color)
}

.pweb_articlecategory li:last-child {
    border-bottom: none
}

.sidebar-post {
    -webkit-box-shadow: 0 8px 70px -5px rgba(9, 31, 67, .06);
    -moz-box-shadow: 0 8px 70px -5px rgba(9, 31, 67, .06);
    box-shadow: 0 8px 70px -5px rgba(9, 31, 67, .06);
    margin-bottom: 15px;
    padding-bottom: 1px;
    background-color: var(--bcards-bcard-background);
    overflow: hidden
}

.sidebar-post .title-block {
    position: relative;
    margin: 0 !important;
    padding: 15px 20px;
    background-color: #9a9a9a17;
    border: 1px solid #6b6C771A
}

.top-menu-transpart {
    background: 0 0;
    font-size: 20px;
    height: auto
}

.hambmenu-menus .sub-menu .menu-item-has-children {
    display: block !important
}

.hambmenu-menus .sub-menu .menu-item-has-children .open-btn {
    margin: 10px 0 !important;
    float: left;
    background-color: var(--product-right-info-bg) !important
}

.mobile-sidebar .hambmenu-menus .menu>li:last-child {
    border: transparent
}

.filterid_products {
    width: 100%;
    -ms-flex-negative: 0;
    border-radius: 10px;
    padding: 16px;
    text-align: center;
    font-size: 13px;
    margin-left: .263%;
    display: inline-block;
    -webkit-box-shadow: 0 8px 70px -5px rgba(9, 31, 67, .06);
    -moz-box-shadow: 0 8px 70px -5px rgba(9, 31, 67, .06);
    box-shadow: 0 8px 70px -5px rgba(9, 31, 67, .06);
    background-color: var(--bcards-bcard-background);
    height: 145px;
    transition: all .2s ease-in-out;
    font-weight: 300
}

.filterid_products:hover {
    box-shadow: 0 10px 30px rgba(74, 98, 138, .09);
    background: var(--theme-main-color);
    color: #fff
}

.filterid_products img {
    width: 50px !important;
    display: block;
    margin: 0 auto 8px;
    border: 2px solid #fff !important;
    border-radius: 50px
}

.inshopsearch input {
    width: 100% !important
}

.sort_new .sort_new, .sort_popularity .sort_popularity, .sort_price .sort_price, .sort_price-desc .sort_price-desc, .sort_rating .sort_rating {
    color: #fff;
    background: var(--theme-main-color)
}

.pweb-pricefilter-widget input[type=text] {
    margin: 10px;
    transition: .2s;
    width: 100%;
    font-weight: 200;
    padding: 10px
}

.pweb-pricefilter-widget button {
    width: 100%;
    padding: 10px;
    margin-top: 10px;
    background-color: var(--theme-main-color);
    font-weight: 200;
    color: #fff
}

.author-box .author-profile a {
    display: block;
    overflow: hidden;
    border-radius: 15px;
    transition: .2s
}

.author-box .author-profile a:hover {
    opacity: .8
}

.author-box .author-profile img {
    width: 65px;
    height: 65px
}

.author-box .author-name a {
    font-size: 17px;
    font-weight: 300;
    transition: .2s
}

.author-box .author-name a:hover {
    color: var(--theme-main-color)
}

.actions .wp-element-button {
    float: left !important
}

.woocommerce-Price-amount bdi {
    font-weight: 300;
    font-size: 18px
}

del .woocommerce-Price-amount bdi {
    font-weight: 200;
    font-size: 15px
}

.woocommerce-orders-table td a {
    padding: 5px !important
}

@media (max-width: 360px) {
    .account-authentication .input-container, .phone-authentication .input-container {
        flex-direction: column;
        align-items: center
    }

    .account-authentication .cpth img, .phone-authentication .cpth img {
        width: 100%;
        margin-bottom: 20px;
        height: 90px
    }

    .account-authentication .cpth input, .phone-authentication .cpth input {
        margin: 0 0 20px !important
    }
}

.close.pweb-bsoft {
    align-items: center
}

.close.pweb-bsoft svg {
    width: 15px;
    height: 15px
}

.close.pweb-bsoft:hover svg path {
    stroke: #fff
}

.add-to-cart-pweb {
    position: relative;
    font-size: 14px
}

.add-to-cart-pweb:hover .products-dropdown {
    opacity: 1;
    visibility: visible;
    top: 20px
}

.add-to-cart-pweb:hover .pweb-bsoft {
    color: #fff;
    background-color: var(--theme-main-color)
}

.add-to-cart-pweb:hover .pweb-bsoft svg path {
    stroke: #fff
}

.add-to-cart-pweb:hover .pweb-bsoft span.number {
    background: #fff;
    color: var(--theme-main-color)
}

.add-to-cart-pweb .count-products {
    background: var(--pweb-pdrowcard-background);
    color: #868686;
    padding: 0 10px
}

.add-to-cart-pweb .see-cart {
    color: #fff;
    background-color: var(--theme-main-color);
    padding: 0 10px;
    border-radius: 30px
}

@media (min-width:992px) {
    .add-to-cart-pweb .products-dropdown {
        opacity: 0;
        visibility: hidden;
        margin-top: 40px;
        top: 40px;
        background: var(--pweb-header-menu-li-ul-background);
        position: absolute;
        border-radius: 10px;
        z-index: 999;
        width: 400px;
        -webkit-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
        -webkit-box-shadow: 0 10px 70px rgba(0, 0, 0, .15);
        box-shadow: 0 10px 70px rgba(0, 0, 0, .15);
        padding: 12px 15px;
        border-top: 3px solid var(--theme-main-color);
        user-select: none;
        left: 0;
        max-height: 235px;
        overflow: auto
    }

    .add-to-cart-pweb .products-dropdown .remove-from-cart {
        width: 90px !important
    }
}

.add-to-cart-pweb .products-dropdown .product-info {
    display: grid;
    align-items: center
}

.add-to-cart-pweb .products-dropdown .remove-from-cart {
    position: absolute;
    right: 25px;
    bottom: 15px;
    width: 55px;
    background: #c14141;
    color: #fff;
    font-weight: 200;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50px;
    height: 20px
}

.add-to-cart-pweb .products-dropdown .product-actions {
    margin: 0;
    padding: 0;
    justify-items: center;
    display: grid
}

.add-to-cart-pweb .products-dropdown .increase-quantity {
    width: 100%;
    background: transparent;
    color: inherit
}

.add-to-cart-pweb .products-dropdown .product-actions input {
    width: 100%;
    padding: 5px;
    margin: 0;
    text-align: center;
    background: transparent;
    border: transparent
}

.add-to-cart-pweb .products-dropdown .decrease-quantity {
    width: 100%;
    background: transparent;
    color: inherit
}

.add-to-cart-pweb .products-dropdown .cart-footer {
    background: var(--theme-main-color);
    color: #fff;
    padding: 15px;
    margin-top: 15px;
    border-radius: 10px;
    position: sticky;
    bottom: -80px
}

.add-to-cart-pweb .products-dropdown .product-item {
    position: relative;
    padding: 10px 10px 10px 0;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 11px 62px 15px rgba(101, 101, 101, 0.12);
    margin: 0;
    margin-top: 0
}

.add-to-cart-pweb .products-dropdown .product-item .product-title {
    transition: .2s
}

.add-to-cart-pweb .products-dropdown .product-item .product-title:hover {
    color: var(--pweb-alink-hover-color)
}

.add-to-cart-pweb .products-dropdown .product-item .product-img {
    border-radius: 10px !important
}

.add-to-cart-pweb .products-dropdown .product-item img {
    border-radius: 10px
}

.add-to-cart-pweb .products-dropdown .cart-footer a {
    color: var(--bs-btn-hover-color);
    background-color: var(--bs-btn-hover-bg);
    border-color: var(--bs-btn-hover-border-color)
}

.add-to-cart-pweb .products-dropdown .cart-footer a:hover {
    color: var(--theme-main-color);
    background-color: #fff;
    border: 1px solid #fff
}

.add-to-cart-pweb .regular-price {
    font-weight: 200;
    font-size: 12px;
    text-decoration: line-through;
    color: #868686;
    margin-left: 5px
}

.mobile-menu .searchbox input {
    width: 100% !important;
    padding: 15px 45px 15px 15px
}

.woocommerce #reviews #comments ol li.review.even::before {
    content: "";
    position: absolute;
    height: 146px;
    width: 2px;
    background-color: #d5d5d5;
    right: 19px;
    top: 9px;
    z-index: 1
}

.woocommerce #reviews #comments ol li.review.even::after {
    content: " ";
    display: table;
    position: absolute;
    height: 2px;
    width: 40px;
    background-color: #d5d5d5;
    z-index: 1;
    bottom: 127px;
    right: 19px
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    margin: 0 50px 0 0
}

.woocommerce #reviews #comments ol.commentlist li img.avatar {
    float: right;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
    width: 40px;
    height: auto;
    margin: 0;
    box-shadow: none;
    border-radius: 50px;
    z-index: 2
}

.hambmenu-menus .searchbox input {
    padding: 15px
}

.content-collapse {
    height: 300px;
    overflow: hidden;
    position: relative;
    border-radius: 20px;
    cursor: pointer
}

.content-collapse::before {
    content: '';
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 160px;
    bottom: 0;
    background: var(--content-collapse-before-background)
}

.content-collapse::after {
    content: 'مشاهده بیشتر';
    position: absolute;
    z-index: 1;
    bottom: 20px;
    text-align: center;
    font-weight: 300;
    color: var(--theme-main-color);
    font-size: 20px;
    width: 100%
}

.pweb_quick_access {
    position: fixed;
    z-index: 99999;
    right: 1%;
    padding: 10px;
    font-size: 18px;
    bottom: 10px;
    user-select: none
}

.pweb_quick_access .quick_access_list {
    visibility: hidden;
    display: grid;
    opacity: 0;
    line-height: 2.5;
    border-radius: 10px;
    transition: .2s
}

.pweb_quick_access .quick_access_list.active {
    visibility: visible;
    opacity: 1
}

.pweb_quick_access .quick_access_list a {
    margin-bottom: 15px;
    padding: 0 20px;
    border-radius: 50px;
    align-items: center;
    display: flex
}

.pweb_quick_access .quick_access_list i {
    font-size: 18px;
    display: flex;
    margin-left: 5px
}

.pweb_quick_access button {
    border-radius: 50px;
    font-size: 25px;
    width: 50px;
    height: 50px
}

.pweb-cart-form {
    background: var(--footer-a-background);
    border-radius: 10px;
    box-shadow: rgba(17, 12, 46, 0.15) 0 48px 100px 0
}

.pweb-dashboard .blockUI.blockOverlay {
    z-index: 2 !important
}

.pweb-dashboard .blockUI.blockMsg {
    z-index: 3 !important;
    opacity: .8 !important
}

.pweb-dashboard .rcp_form ul {
    display: flex;
    flex-wrap: wrap;
    gap: 10px
}

.pweb-dashboard .rcp_form li {
    width: 270px
}

.pweb-dashboard .rcp_subscription_level .rcp_level {
    display: none
}

.pweb-dashboard #rcp_user_pass_requirements, .pweb-dashboard .rcp_form label {
    font-size: 15px
}

.pweb-dashboard .rcp_subscription_level label {
    width: 100%;
    padding: 20px;
    margin: 0;
    background: var(--theme-main-opaque-color);
    color: var(--theme-main-color);
    border-radius: 10px
}

.pweb-dashboard .rcp_level_description {
    border: transparent
}

.pweb-dashboard #rcp_subscription_levels li input[type="radio"]:checked~label {
    background: var(--theme-main-color);
    color: #fff
}

.pweb-dashboard table.rcp-table {
    background: var(--pweb-header-background);
    box-shadow: 0 8px 70px -5px rgba(9, 31, 67, 0.06);
    width: 100% !important;
    border-radius: 10px;
    overflow: hidden
}

.pweb-dashboard .rcp_registration_total_details tr {
    padding: 15px 20px;
    border: transparent !important
}

.pweb-dashboard .rcp-table th, body.twentytwentyone-theme .rcp-table td, .rcp_subscription_message {
    font-weight: 300 !important
}

.pweb-dashboard .rcp-button {
    padding: 10px 25px;
    margin: 15px 0
}

.pweb-dashboard #rcp_submit_wrap .rcp-button {
    width: 100% !important
}

.pweb-dashboard .rcp_form li {
    margin: 0 0 5px !important
}

.pweb-dashboard .rcp_separator, .pweb-dashboard .rcp_level_duration {
    display: none
}

.pweb-dashboard .rcp_price {
    background: var(--theme-main-color);
    color: #fff;
    padding: 0 10px;
    border-radius: 10px;
    margin-right: 10px
}

.pweb-dashboard #rcp_subscription_levels li input[type="radio"]:checked~label .rcp_price {
    background: #fff;
    color: var(--theme-main-color)
}

.pweb-dashboard #rcp-payment-history th, .pweb-dashboard #rcp-account-overview th {
    padding: 20px 40px;
    background: #2C2F31;
    border: 1px solid #6b6C771A;
    color: #fff
}

.pweb-dashboard #rcp-account-overview td, .pweb-dashboard #rcp-account-overview th, .pweb-dashboard #rcp-payment-history td, .pweb-dashboard #rcp-payment-history th {
    padding: 20px;
    border: 1px solid #6b6C771A
}

.pweb-dashboard #rcp-account-overview td:last-child, .pweb-dashboard #rcp-account-overview th:last-child, .pweb-dashboard #rcp-payment-history td:last-child, .pweb-dashboard #rcp-payment-history th:last-child {
    border: transparent
}

.pweb-dashboard #rcp-account-overview td:first-child, .pweb-dashboard #rcp-account-overview th:first-child, .pweb-dashboard #rcp-payment-history td:first-child, .pweb-dashboard #rcp-payment-history th:first-child {
    border: transparent;
    border-left: 1px solid #6b6C771A
}

.pweb-dashboard .rcp-table a button {
    font-size: 15px
}

.rcp-table-wrapper h3 {
    font-weight: 400
}

.wc-block-components-notice-banner {
    border-radius: 10px !important;
    border: transparent !important;
    border-top: 3px solid !important;
    font-weight: 300 !important
}

.wc-block-components-notice-banner.is-success {
    border-top-color: #63bc77 !important;
    background-color: #63bc761f !important;
    color: #63bc77 !important
}

.wc-block-components-notice-banner.is-info {
    border-top-color: #007cba !important;
    background-color: #007cba1f !important;
    color: #007cba !important
}

.wc-block-components-notice-banner.is-error {
    border-top-color: #d65a5a !important;
    background-color: #d65a5a24 !important;
    color: #d65a5a !important
}

.woocommerce-thankyou-order-received {
    display: grid;
    justify-content: center;
    justify-items: center;
    gap: 15px
}

.wc-block-components-notice-banner>.wc-block-components-notice-banner__content .wc-forward {
    order: 2;
    background: var(--theme-main-color) !important;
    color: #fff !important;
    padding: 10px 15px !important;
    opacity: 1
}

.wc-block-components-notice-banner>.wc-block-components-notice-banner__content {
    align-items: center;
    display: flex;
    justify-content: space-between
}

.wc-block-components-notice-banner {
    display: flex !important;
    align-items: center !important
}

.cart-login {
    transition: .3s;
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    max-height: 0;
    border: 1px solid #6b6C771A;
    background: var(--footer-a-background);
    border-radius: 10px;
    box-shadow: rgba(17, 12, 46, 0.15) 0 48px 100px 0;
    display: flex;
    justify-content: center
}

.cart-login.show {
    visibility: visible;
    opacity: 1;
    max-height: 1000px
}

.cart-login .authentication-center {
    max-width: 700px;
    width: 600px;
    box-shadow: none;
    background: transparent
}

.wc-block-components-notice-banner__content a {
    color: inherit
}

.stsho-spin {
    -moz-animation: stdshospin 2s infinite linear;
    -o-animation: stdshospin 2s infinite linear;
    -webkit-animation: stdshospin 2s infinite linear;
    animation: stdshospin 2s infinite linear;
    display: inline-block
}

@-moz-keyframes stdshospin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-webkit-keyframes stdshospin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-o-keyframes stdshospin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@-ms-keyframes stdshospin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes stdshospin {
    0% {
        -moz-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }

    100% {
        -moz-transform: rotate(359deg);
        -o-transform: rotate(359deg);
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

.fi {
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center
}

.save-post .pweb-bsoft {
    width: 50px;
    height: 50px;
    user-select: none;
}

.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.block1::after {
    position: absolute;
    content: '';
    bottom: 5px;
    width: 4px;
    height: 30px;
    border-radius: 50px 0 50px 50px;
    background-color: #000;
    z-index: -1
}

.pweb-block-title.block2::before {
    position: absolute;
    content: '';
    width: 30px;
    height: 3px;
    border-radius: 50px;
    background-color: #000;
    bottom: -15px;
    right: 0
}

.pweb-block-title.block2::after {
    position: absolute;
    content: '';
    bottom: -15px;
    width: 70px;
    height: 3px;
    border-radius: 50px;
    background-color: #000;
    right: 40px
}

.pweb-block-title.block2.text-center::before {
    position: absolute;
    content: '';
    width: 30px;
    height: 3px;
    border-radius: 50px;
    background-color: #000;
    bottom: -15px;
    right: 30%
}

.pweb-block-title.block2.text-center::after {
    position: absolute;
    content: '';
    bottom: -15px;
    width: 70px;
    height: 3px;
    border-radius: 50px;
    background-color: #000;
    right: 45%
}

.pweb-block-title.block1 .third_block_title, .pweb-block-title.block1 .first_block_title {
    color: var(--bs-body-color);
    position: relative;
    z-index: 1;
    margin-right: 20px
}

.pweb-block-title.block1 .third_block_title .second_block_title, .pweb-block-title.block1 .first_block_title .second_block_title {
    color: var(--bs-body-color)
}

.pweb-block-title.block3 {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px
}

.pweb-block-title.block3 svg {
    width: 65px;
    height: 65px
}

.pweb-block-title.block3 .third_block_title, .pweb-block-title.block3 .first_block_title {
    position: relative;
    z-index: 1
}

.pweb-block-title.block1 .first_block_title::before, .pweb-block-title.block1 .third_block_title::before, .pweb-block-title.block3 .first_block_title::before, .pweb-block-title.block3 .third_block_title::before {
    position: absolute;
    content: '';
    bottom: 8px;
    width: 100%;
    background-color: #000;
    height: 10px;
    z-index: -1
}

.ssho_pdbox {
    display: flex;
    height: 200px;
    padding: 20px 0;
    margin-bottom: 15px;
    justify-content: space-between
}

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

.pdboxsimpleslider {
    padding: 20px 0
}

.pdboxsimple {
    transition: .2s linear
}

.pdboxsimple:hover {
    transform: translateY(-15px)
}

.pdboxsimple .product-title.textovrfl {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 91%
}

.pdboxsimple:hover .product-title {
    color: #CC9B50
}

.pdboxsimple .product-img {
    position: relative;
    display: flex;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    transition: .2s linear;
    height: 200px
}

.pweb-podcasts-boxs .podcastslider {
    padding: 30px 10px
}

.pweb-podcasts-boxs .podcast {
    width: 200px;
    overflow: hidden;
    border-radius: 10px;
    transition: .2s linear
}

.pweb-podcasts-boxs .podcast:hover {
    transform: scale(1.05)
}

.pweb-podcasts-boxs .podcast .podcast-img .img-overlay, .pdboxsimple .product-img .img-overlay, .pweb-bboxsimple .article .post-img .img-overlay {
    overflow: hidden;
    position: absolute;
    bottom: -150px;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    transition: .2s;
    opacity: 0;
    background: linear-gradient(180deg, rgba(110, 97, 181, 0.00) 0%, #FFF0 100%);
    pointer-events: none
}

.pweb-podcasts-boxs .podcast .podcast-img:hover .img-overlay, .pdboxsimple .product-img:hover .img-overlay, .pweb-bboxsimple .article .post-img:hover .img-overlay {
    background: linear-gradient(180deg, rgba(110, 97, 181, 0.00) 0%, #6E61B5 100%);
    opacity: 1;
    bottom: 0
}

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

.pweb-podcasts-boxs .podcast .podcast-img .preview-overlay .product-title {
    bottom: 10px;
    position: absolute
}

.pweb-podcasts-boxs .podcast .podcast-img:hover .preview-overlay, .pdboxsimple .product-img:hover .preview-overlay {
    opacity: 1;
    transform: scale(1)
}

.pweb-podcasts-boxs .podcast .podcast-img .preview-overlay .open, .pdboxsimple .product-img .preview-overlay .open {
    display: grid;
    width: 50px;
    height: 50px;
    position: absolute;
    background: #ffffff1c;
    border-radius: 40px;
    border: 1px solid
}

.pweb-podcasts-boxs.archive-podcasts .podcast {
    width: 100%
}

.pweb-podcasts-boxs.archive-podcasts .podcast a {
    display: flex;
    width: 100%
}

.pweb-podcasts-boxs.archive-podcasts .podcast a img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.ssho_pdbox .product-img:hover {
    transform: scale(1.03)
}

.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:hover .img-overlay {
    background: linear-gradient(180deg, rgba(110, 97, 181, 0.00) 0%, #6E61B5 100%);
    opacity: 1;
    bottom: 0
}

.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 .product-img:hover .preview-overlay {
    opacity: 1;
    transform: scale(1)
}

.ssho_pdbox .product-img .preview-overlay .open {
    display: grid;
    width: 50px;
    height: 50px;
    position: absolute;
    background: #ffffff1c;
    border-radius: 40px;
    border: 1px solid
}

.ssho_pdbox .left-side {
    display: flex;
    align-items: center;
    border-radius: 20px 0 0 20px;
    background: #FFF;
    box-shadow: 0 16px 40px 20px rgba(112, 144, 176, 0.05);
    padding: 10px 30px 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-size: 17px;
    font-weight: 300;
    height: fit-content;
    overflow: hidden;
    display: flex;
    align-items: center
}

.ssho_pdbox .left-side .product-detail .product-title:hover {
    color: #6E61B5
}

.ssho_pdbox .left-side .product-detail .product-price .regular_price {
    font-weight: 300;
    font-size: 20px
}

.ssho_pdbox .left-side .product-price .regular_price.discounted {
    text-decoration: line-through;
    color: #868686;
    font-size: 16px;
    font-weight: 200
}

.ssho_pdbox .left-side .product-price .sale_price, .ssho_pdbox .left-side .product-price .regular_price:not(.discounted) {
    font-size: 20px;
    font-weight: 300
}

.ssho_pdbox .left-side .product-detail .product-price .free-product, .quickviewmodal .product-detail .left-side .product-price .free-product {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #82CA6F;
    background-color: #B2EEA240;
    border-radius: 10px;
    font-weight: 300;
    padding: 10px 20px;
    user-select: none
}

.ssho_pdbox .left-side .product-detail .product-price .product-rate {
    color: #A3A3A3
}

.ssho_pdbox .left-side .product-detail .product-price .product-rate i {
    color: #F9D67C
}

.ssho_pdbox .left-side .product-detail .product-price .product-rate span {
    font-size: 17px;
    font-weight: 300
}

.quickviewmodal .product-detail {
    width: 100%;
    display: flex;
    gap: 10px
}

.quickviewmodal .product-detail .product-img {
    position: relative;
    width: 400px;
    height: 250px;
    overflow: hidden;
    border-radius: 10px
}

.quickviewmodal .product-detail .product-img .offer-badge {
    position: absolute;
    left: 14px;
    color: #fff;
    top: 14px
}

.quickviewmodal .product-detail .product-img .offer-badge span:first-child {
    z-index: 1;
    position: relative;
    top: 1px;
    font-size: 13px;
    left: -1px
}

.quickviewmodal .product-detail .product-img .offer-badge span:last-child {
    z-index: 0
}

.quickviewmodal .product-detail .product-img .offer-badge .star {
    background: #B85555;
    width: 25px;
    height: 25px;
    position: absolute;
    text-align: center;
    display: flex;
    top: 0;
    border-radius: 1px
}

.quickviewmodal .product-detail .left-side .seeproduct {
    background: rgba(110, 97, 181, 0.10);
    color: #6E61B5;
    padding: 10px 30px;
    border-radius: 10px;
    font-size: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .2s linear
}

.quickviewmodal .product-detail .left-side .seeproduct:hover {
    background: transparent
}

.quickviewmodal .product-detail .product-img .offer-badge .star::before, .quickviewmodal .product-detail .product-img .offer-badge .star::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 25px;
    width: 25px;
    background: #B85555;
    border-radius: 1px
}

.quickviewmodal .product-detail .product-img .offer-badge .star::before {
    transform: rotate(30deg)
}

.quickviewmodal .product-detail .product-img .offer-badge .star::after {
    transform: rotate(60deg)
}

.quickviewmodal .product-detail .left-side {
    width: 100%;
    display: grid;
    align-content: space-between;
    text-align: start;
    background: #fff;
    box-shadow: 0 16px 40px 20px rgba(112, 144, 176, 0.05);
    border-radius: 10px;
    padding: 20px;
    gap: 20px
}

.quickviewmodal .product-detail .left-side .product-title {
    font-size: 20px;
    font-weight: 300
}

.quickviewmodal .product-detail .left-side .product-price .regular_price.discounted {
    text-decoration: line-through;
    color: #868686
}

.quickviewmodal .product-detail .left-side .product-price .sale_price, .quickviewmodal .product-detail .left-side .product-price .regular_price:not(.discounted) {
    font-size: 20px;
    font-weight: 300
}

@media (max-width:768px) {
    .quickviewmodal .product-detail {
        display: grid;
        justify-content: center;
        align-content: center;
        justify-items: center
    }

    .quickviewmodal .product-detail .product-img {
        height: auto;
        max-width: 150px
    }
}

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

.ssho_pdbox .product-actions .action {
    border-radius: 10px;
    background: rgba(110, 97, 181, 0.10);
    color: #6E61B5;
    width: 40px;
    height: 40px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .2s linear
}

.ssho_pdbox .product-actions .action:hover {
    background: transparent
}

@media (min-width:768px) {
    .ssho_pdboxs.row {
        margin-top: calc(0 * var(--bs-gutter-y));
        margin-left: calc(-2 * var(--bs-gutter-x));
        margin-right: calc(-1 * var(--bs-gutter-x))
    }

    .ssho_pdboxs.row>* {
        padding-left: calc(var(--bs-gutter-x) * 1.5);
        padding-right: calc(var(--bs-gutter-x) * 1.5);
        margin-top: var(--bs-gutter-y)
    }
}

@media (max-width:992px) {
    .ssho_pdbox .product-img {
        transform: scale(1);
        width: 100%;
        height: 300px;
        max-height: unset
    }

    .ssho_pdbox {
        display: grid;
        height: auto;
        justify-content: unset;
        gap: 15px;
        margin: 0;
        padding: 10px 0
    }

    .ssho_pdbox .left-side {
        display: grid;
        justify-content: unset;
        gap: 15px;
        border-radius: 15px;
        padding: 15px
    }

    .ssho_pdbox .left-side .product-detail {
        margin: 0
    }

    .ssho_pdbox .product-actions {
        display: flex;
        justify-content: space-between
    }

    .ssho_pdboxs.horizontal {
        display: flex;
        -webkit-box-orient: horizontal;
        flex-direction: row;
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap
    }
}

.fa, .fab, .fad, .fal, .far, .fas {
    font-family: "Font Awesome 5 Free"
}

.woocommerce #content table.cart td.actions .coupon::after, .woocommerce #content table.cart td.actions .coupon::before, .woocommerce table.cart td.actions .coupon::after, .woocommerce table.cart td.actions .coupon::before, .woocommerce-page #content table.cart td.actions .coupon::after, .woocommerce-page #content table.cart td.actions .coupon::before, .woocommerce-page table.cart td.actions .coupon::after, .woocommerce-page table.cart td.actions .coupon::before {
    content: unset !important
}

.pweb-subscription-boxs {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between
}

.pweb-subscription-boxs .sbox {
    width: 23%;
    border-radius: 20px;
    background: #FFF;
    box-shadow: 0 16px 40px 20px rgba(112, 144, 176, 0.05);
    padding: 20px;
    display: grid;
    justify-content: center;
    gap: 30px;
    margin-bottom: 20px
}

.pweb-subscription-boxs .sbox:last-child {
    margin-left: 0
}

.pweb-subscription-boxs .sbox .text-icon {
    display: grid;
    justify-content: center;
    gap: 15px;
    justify-items: center
}

.pweb-subscription-boxs .sbox .text-icon .icon {
    padding: 10px;
    width: 60px;
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 17px;
    background: rgba(55, 199, 164, 0.10);
    color: #37c7a4
}

.pweb-subscription-boxs .sbox .text-icon .icon i {
    font-size: 25px
}

.pweb-subscription-boxs .sbox .text-icon .text {
    display: flex;
    justify-content: center;
    font-size: 20px;
    font-weight: 300
}

.pweb-subscription-boxs .sbox .items {
    display: grid;
    gap: 20px;
    justify-content: center
}

.pweb-subscription-boxs .sbox .items .item {
    display: flex;
    align-items: center;
    gap: 10px
}

.pweb-subscription-boxs .sbox .items .item:not(.active) {
    opacity: .8
}

.pweb-subscription-boxs .sbox .items .item:not(.active) .text {
    color: #888
}

.pweb-subscription-boxs .sbox .items .item:not(.active) .state {
    color: #888
}

.pweb-subscription-boxs .sbox .items .item.active .state i {
    color: #37C7A4
}

.pweb-subscription-boxs .sbox .actions {
    display: flex;
    gap: 40px;
    align-items: center
}

.pweb-subscription-boxs .sbox .actions .price {
    font-weight: 300;
    display: flex;
    gap: 5px;
    font-size: 20px;
    align-items: center;
    width: 100%
}

.pweb-subscription-boxs .sbox .actions .symbol {
    width: 20px;
    font-size: 14px;
    line-height: 1;
    font-weight: 200;
    color: #888
}

.pweb-subscription-boxs .sbox .actions .link {
    border-radius: 10px;
    background: rgba(55, 199, 164, 0.10);
    color: #37c7a4;
    padding: 15px 20px;
    text-align: center;
    transition: .2s linear;
    width: 100%
}

.pweb-subscription-boxs .sbox .actions .link:hover {
    background: #37c7a4;
    color: #fff
}

.pweb-subscription-boxs .sbox.color1 .actions .link:hover, .pweb-subscription-boxs .sbox.color2 .actions .link:hover, .pweb-subscription-boxs .sbox.color3 .actions .link:hover, .pweb-subscription-boxs .sbox.color4 .actions .link:hover, .pweb-subscription-boxs .sbox.color5 .actions .link:hover {
    color: #fff !important
}

.pweb-blogbox-boxs {
    display: flex;
    gap: 20px;
    flex-wrap: wrap
}

.pweb-blogbox-boxs .single-img {
    width: 37%
}

@media (max-width:768px) {
    .pweb-blogbox-boxs {
        gap: 50px
    }

    .pweb-blogbox-boxs .single-img {
        width: 100%
    }
}

.pweb-blogbox-boxs .single-img .article {
    position: relative
}

.pweb-blogbox-boxs .single-img .article .post-img {
    height: 320px;
    display: grid;
    position: relative;
    overflow: hidden;
    border-radius: 10px
}

.pweb-blogbox-boxs .single-img .article .post-img:hover {
    filter: grayscale(50%)
}

.pweb-blogbox-boxs .single-img .article .post-img .img-overlay {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    transition: .2s ease-in-out;
    opacity: 1;
    background: linear-gradient(180deg, rgba(110, 97, 181, 0.00) 0%, #6E61B5 100%)
}

.pweb-blogbox-boxs .single-img .article .post-img img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.pweb-blogbox-boxs .single-img .article .post-overview {
    position: absolute;
    background: #fff;
    padding: 20px 15px;
    border-radius: 10px;
    transform: translate(-5%, -80%) scale(1);
    width: 90%;
    display: grid;
    gap: 15px;
    box-shadow: 0 16px 40px 20px rgba(112, 144, 176, 0.05)
}

.pweb-blogbox-boxs .single-img .article .post-overview .post-title {
    font-weight: 300;
    font-size: 15px;
    color: #504C67
}

.pweb-blogbox-boxs .single-img .article .post-overview .post-title:hover {
    color: #6E61B5
}

.pweb-blogbox-boxs .single-img .article .post-overview .other {
    display: flex;
    justify-content: space-between;
    align-items: center
}

.pweb-blogbox-boxs .single-img .article .post-overview .other .post-categories {
    color: #8A85A4
}

.pweb-blogbox-boxs .single-img .article .post-overview .other .post-categories:hover {
    color: #6E61B5
}

.pweb-blogbox-boxs .single-img .article .post-overview .other .post-date {
    color: #8A85A4
}

.pweb-blogbox-boxs .list-link {
    width: 60%;
    display: grid;
    gap: 20px
}

@media (max-width:992px) {
    .pweb-blogbox-boxs .list-link {
        width: 100%
    }
}

.pweb-blogbox-boxs .list-link .article {
    border-radius: 15px;
    background: #FFF;
    box-shadow: 0 16px 40px 20px rgba(112, 144, 176, 0.05);
    padding: 15px;
    align-items: center;
    display: grid;
    transition: .2s
}

.pweb-blogbox-boxs .list-link .article:hover {
    transform: scale(1.05)
}

.pweb-blogbox-boxs .list-link .article .post-overview {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}

.pweb-blogbox-boxs .list-link .article .post-overview .post-title {
    font-size: 15px;
    font-weight: 300;
    color: #504C67
}

.pweb-blogbox-boxs .list-link .article .post-overview .post-title:hover {
    color: #6E61B5
}

.pweb-blogbox-boxs .list-link .article .post-overview .other {
    display: flex;
    gap: 20px;
    align-items: center
}

@media (max-width:768px) {
    .pweb-blogbox-boxs .list-link .article .post-overview .other {
        display: none
    }
}

.pweb-blogbox-boxs .list-link .article .post-overview .other .post-date {
    color: #8A85A4
}

.pweb-blogbox-boxs .list-link .article .post-overview .other a {
    border-radius: 10px;
    background: rgba(110, 97, 181, 0.10);
    color: #6E61B5;
    width: 40px;
    height: 40px;
    font-size: 18px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .2s linear
}

.pweb-blogbox-boxs .list-link .article .post-overview .other a:hover {
    background: transparent
}

.blok:nth-of-type(odd) {
    background-color: #fff
}

.blok:nth-of-type(even) {
    background-color: #000
}

@-webkit-keyframes border-transform {
    0%, 100% {
        border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%
    }

    14% {
        border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%
    }

    28% {
        border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%
    }

    42% {
        border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%
    }

    56% {
        border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%
    }

    70% {
        border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%
    }

    84% {
        border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%
    }
}

.paginacontainer {
    height: 3000px
}

.progress-wrap {
    position: fixed;
    right: 30px;
    bottom: 30px;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    border-radius: 50px;
    box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.1);
    z-index: 999;
    background: #fff;
    opacity: 0;
    visibility: hidden;
    transform: translateY(15px);
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear
}

.progress-wrap.active-progress {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.progress-wrap::after {
    position: absolute;
    font-family: "stsho";
    content: '\e83c';
    text-align: center;
    line-height: 46px;
    font-size: 24px;
    color: #6E61B5;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 1;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear
}

.progress-wrap:hover::after {
    opacity: 0
}

.progress-wrap::before {
    position: absolute;
    font-family: "stsho";
    content: '\e83c';
    text-align: center;
    line-height: 46px;
    font-size: 24px;
    opacity: 0;
    background: #6E61B5;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    left: 0;
    top: 0;
    height: 46px;
    width: 46px;
    cursor: pointer;
    display: block;
    z-index: 2;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear
}

.progress-wrap:hover::before {
    opacity: 1
}

.progress-wrap svg path {
    fill: none
}

.progress-wrap svg.progress-circle path {
    stroke: #6E61B5;
    stroke-width: 4;
    box-sizing: border-box;
    -webkit-transition: all 200ms linear;
    transition: all 200ms linear
}

.progress-wrap:hover {
    transform: scale(1.1)
}

.pweb-searchbox input {
    border: transparent;
    font-weight: 200;
    position: relative;
    background: #fff;
    padding: 20px;
    border-radius: 50px;
    width: 100%;
    color: #C3C3C3
}

.pweb-searchbox button {
    position: absolute;
    background: transparent;
    top: 35%;
    left: 15px;
    font-size: 20px;
    color: #C3C3C3;
    display: flex
}

.pweb-searchbox .result-search {
    background: var(--pweb-dashboard-input-bg);
    padding: 10px;
    position: absolute;
    top: 120px;
    border-radius: 10px;
    display: grid;
    width: 100%;
    box-shadow: 0 16px 40px 20px rgba(0, 0, 0, 0.08);
    gap: 10px;
    z-index: 1;
    visibility: hidden;
    opacity: 0;
    transition: .2s;
    max-height: 250px;
    overflow: auto
}

.pweb-searchbox .result-search a {
    padding: 15px;
    transition: .2s;
    border-radius: 10px;
    display: flex;
    align-items: center;
    gap: 11px
}

.pweb-searchbox .result-search a:hover {
    color: var(--theme-main-color);
    background: var(--theme-main-opaque-color)
}

.pweb-searchbox .result-search a img {
    width: 50px;
    height: 50px;
    border-radius: 10px
}

.pweb-searchbox .result-search.open {
    visibility: visible;
    opacity: 1;
    top: 80px
}

.dymctextbox {
    transition: .2s linear
}

.dymctextbox div {
    transition: .2s linear
}

.bboxsimpleslider {
    padding: 20px 40px
}

.pweb-bboxsimple .article {
    display: grid;
    gap: 15px;
    transition: .2s
}

.pweb-bboxsimple .article:hover {
    transform: translateY(-10px)
}

.pweb-bboxsimple .article img {
    height: 100%;
    object-fit: cover;
    width: 100%
}

.pweb-bboxsimple .article .post-img {
    position: relative;
    width: 250px;
    display: flex;
    height: 185px;
    overflow: hidden;
    border-radius: 10px
}

.pweb-bboxsimple .article .post-date {
    position: absolute;
    bottom: 22%;
    background: #fff;
    display: flex;
    padding: 10px 20px;
    box-shadow: 0 15px 30px -4px rgba(0, 0, 0, 0.08);
    right: -40px;
    border-radius: 0 50px 50px 50px;
    gap: 10px;
    user-select: none;
    transform: scale(0.9)
}

.pweb-bboxsimple .article .post-overview {
    height: 20px;
    display: flex
}

.pweb-bboxsimple .article .post-overview .post-title.textovrfl {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 91%
}

.pweb-blogbox-boxs.box2 .single-img .article .post-overview .post-title.textovrfl {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 91%
}

.pweb-bboxsimple .article.zoj .post-date {
    bottom: unset;
    top: 7%
}

.pweb-bboxsimple .article .post-date i {
    color: #CC9B50
}

.pweb-faqbox {
    display: grid;
    gap: 15px
}

.pweb-faqbox .pweb-accordion-wrapper button {
    width: 100%;
    border-radius: 10px;
    background: #FFF;
    padding: 20px;
    color: #3F3F3F;
    font-weight: 300;
    justify-content: space-between;
    text-align: start;
    display: flex;
    align-items: center;
    transition: .2s
}

.pweb-faqbox .pweb-accordion-wrapper button i {
    transform: rotate(360deg);
    transition: .2s
}

.pweb-faqbox .pweb-accordion-wrapper.active button i {
    transform: rotate(180deg)
}

.pweb-faqbox .pweb-accordion-wrapper.active button {
    color: #CC9B50;
    border-radius: 10px 10px 0 0
}

.pweb-faqbox .pweb-accordion-wrapper .collepsing-div {
    background: #fff;
    color: #888;
    padding: 0 20px 20px;
    border-radius: 0 0 10px 10px
}

.pweb-gotop #gotop {
    background: #CC9B50;
    cursor: pointer;
    color: #fff;
    border-radius: 50px;
    width: 75px;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 75px;
    font-size: 20px;
    transition: .2s;
    transform: scale(0.9)
}

.pweb-gotop #gotop:hover {
    transform: scale(1)
}

@media (min-width:768px) {
    .pweb-discussions-box .pweb-modal {
        width: 600px
    }
}

@media (max-width:768px) {
    .pweb-discussions-box .pweb-modal.show {
        transform: translate(-50%, -2%) scale(1)
    }
}

.pweb-discussions-box .pweb-submit-discussion {
    width: 100%;
    display: grid;
    gap: 20px
}

.pweb-discussions-box .pweb-submit-discussion textarea {
    border-radius: 10px;
    background: rgba(139, 139, 139, 0.1);
    width: 100%;
    border: medium;
    padding: 10px 15px 0;
    font-weight: 200;
    outline: transparent
}

.pweb-discussions-box .pweb-submit-discussion button {
    display: flex;
    justify-content: center;
    padding: 10px;
    border: transparent;
    outline: transparent;
    background: var(--theme-main-color);
    color: #fff;
    font-weight: 200;
    border-radius: 10px;
    height: 50px;
    align-items: center;
    min-width: 100px;
    font-style: normal;
    transition: .2s
}

.pweb-discussions-box .pweb-submit-discussion .user-avatar {
    width: 100px;
    height: 80px;
    overflow: hidden;
    border-radius: 10px
}

@media (max-width: 768px) {
    .pweb-discussions-box .pweb-submit-discussion .user-avatar {
        width: 50px;
        height: 40px
    }
}

.pweb-discussions-box .discussion-count {
    display: flex;
    gap: 18px;
    font-size: 17px
}

.pweb-discussions-box .discussion-count i {
    font-size: 20px
}

.pweb-discussions-box .pweb-submit-discussion .user-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.pweb-discussions-box .pweb-submit-discussion button:hover {
    background: var(--theme-main-hover-color)
}

.pweb-discussions-box .pweb-submit-discussion .input-container {
    justify-content: end;
    border-radius: 10px;
    overflow: hidden;
    height: 55px
}

.pweb-discussions-box .pweb-submit-discussion .input-container input {
    background: rgba(139, 139, 139, 0.1);
    border: transparent;
    font-weight: 200;
    width: 100%
}

.pweb-discussions-box .pweb-submit-discussion .input-container.unemail input {
    border-radius: 10px
}

.pweb-discussions-box .pweb-submit-discussion .input-container img {
    object-fit: cover;
    width: 200px
}

.pweb-discussions {
    display: grid;
    gap: 20px
}

.pweb-discussions .discussionContainer {
    position: relative;
    border-radius: 10px;
    border: 1px solid #6b6C771A;
    padding: 20px;
    box-shadow: 0 8px 70px -5px rgba(9, 31, 67, .06)
}

.pweb-discussions .discussion-reply {
    position: absolute;
    bottom: 15px;
    left: 20px;
    color: var(--theme-main-color);
    cursor: pointer;
    user-select: none
}

.pweb-discussions .discussion-rate {
    display: flex;
    justify-content: end;
    gap: 7px;
    color: #ffa41b
}

.pweb-discussions .discussion-rate i {
    font-size: 10px
}

.pweb-discussions .child.discussionContainer {
    border-right: 4px solid var(--theme-main-color)
}

.pweb-discussions .discussion-published-date, .pweb-discussions .discussion-author .user-role {
    color: #9a9A9A61;
    font-weight: 200;
    display: flex;
    gap: 15px
}

.pweb-discussions .discussion-author {
    display: grid;
    font-weight: 300
}

.pweb-discussions .discussion-avatar {
    width: 50px;
    height: 50px;
    overflow: hidden;
    border-radius: 10px
}

.pweb-discussions .discussion-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover
}

.pweb-discussions .no-comments {
    border-radius: 10px;
    background: rgba(255, 207, 105, .16);
    color: #f8c457;
    padding: 20px;
    user-select: none
}

.swal2-container {
    z-index: 9999 !important
}

.pweb-checkbox {
    user-select: none
}

.pweb-checkbox input {
    display: none
}

.pweb-checkbox label {
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    margin: 0;
    transition: .2s
}

.pweb-checkbox label:hover {
    opacity: .5
}

.pweb-checkbox label::before {
    content: "";
    background-color: rgba(139, 139, 139, 0.1);
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 50 50' width='50px' height='50px' fill='white'><path d='M 41.9375 8.625 C 41.273438 8.648438 40.664063 9 40.3125 9.5625 L 21.5 38.34375 L 9.3125 27.8125 C 8.789063 27.269531 8.003906 27.066406 7.28125 27.292969 C 6.5625 27.515625 6.027344 28.125 5.902344 28.867188 C 5.777344 29.613281 6.078125 30.363281 6.6875 30.8125 L 20.625 42.875 C 21.0625 43.246094 21.640625 43.410156 22.207031 43.328125 C 22.777344 43.242188 23.28125 42.917969 23.59375 42.4375 L 43.6875 11.75 C 44.117188 11.121094 44.152344 10.308594 43.78125 9.644531 C 43.410156 8.984375 42.695313 8.589844 41.9375 8.625 Z' /></svg>");
    background-size: 1000%;
    background-position: center;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 5px;
    transition: .2s
}

.pweb-checkbox input:checked+label::before {
    background-color: var(--theme-main-color);
    background-size: 85%;
    box-shadow: 0 2px 6px var(--theme-main-color);
    -webkit-box-shadow: var(--theme-main-color) 0 3px 8px -3px
}

.signuser {
    gap: 10px
}

.ltr_dir {
    direction: ltr
}

.pweb-ajax-products-container .loadinger {
    position: absolute;
    right: 10%;
    left: 10%;
    bottom: 10%;
    top: 10%;
    justify-content: center;
    align-items: center;
    z-index: 2;
    color: #fff;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(5px);
    border-radius: 10px;
    display: grid;
    justify-items: center;
    align-content: center;
    gap: 20px;
    user-select: none
}

.pweb-ajax-products-container .loadinger i {
    width: 50px;
    height: 50px
}

.pweb-ajax-products .pweb-checkbox label::before {
    border-radius: 50px
}

.pweb-ajax-products .products {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between
}

.pweb-ajax-products .products .product {
    width: 30%;
    margin-bottom: 90px;
    position: relative
}

.pweb-ajax-products.box2 .products .product {
    width: 22%;
    margin-bottom: 30px
}

@media (max-width:992px) {
    .pweb-ajax-products .products .product {
        width: 48%
    }

    .pweb-ajax-products.box2 .products .product {
        width: 48%
    }

    .pweb-ajax-products.horizontal .products {
        display: flex;
        -webkit-box-orient: horizontal;
        flex-direction: row;
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
        gap: 20px
    }

    .pweb-ajax-products.horizontal .products>* {
        flex-shrink: 0
    }

    .pweb-ajax-products.horizontal .products .product {
        margin: 0
    }
}

@media (max-width:768px) {
    .pweb-ajax-products .products .product {
        width: 100%
    }

    .pweb-ajax-products.box2 .products .product {
        width: 100%
    }
}

.pweb-ajax-products .products .product .detail-box {
    position: absolute;
    background: #fff;
    right: 13px;
    left: 13px;
    top: 85%;
    padding: 15px;
    border-radius: 15px;
    box-shadow: 0 16px 40px 20px rgba(112, 144, 176, 0.05);
    z-index: 1;
    transition: .2s
}

@media (max-width:992px) {
    .pweb-ajax-products.horizontal .products .product .detail-box {
        position: relative;
        background: #fff;
        right: 0;
        left: 0;
        top: 0;
        padding: 15px;
        border-radius: 15px;
        box-shadow: unset;
        z-index: 1;
        transition: .2s;
        border: 1px solid #eee
    }
}

.pweb-ajax-products .products .product .product-rate {
    color: #A3A3A3;
    width: 80%
}

.pweb-ajax-products .products .product .product-rate i {
    color: #F9D67C
}

.pweb-ajax-products .products .product .product-rate span {
    font-size: 17px;
    font-weight: 300
}

.pweb-ajax-products .products .product .product-price .offer {
    text-decoration: line-through;
    color: #868686
}

.pweb-ajax-products .products .product .product-price .regular_price {
    font-weight: 300;
    font-size: 20px
}

.pweb-ajax-products .products .product:hover .detail-box {
    max-height: 300px
}

.pweb-ajax-products .product .product-title {
    font-size: 15px;
    font-weight: 300;
    transition: .2s
}

.pweb-ajax-products .product .product-title.textovrfl {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 99%;
    display: block
}

.pweb-ajax-products .product .product-title:hover {
    color: var(--pweb-alink-hover-color)
}

.pweb-ajax-products .product .product-img {
    position: relative;
    display: flex;
    width: 100%;
    overflow: hidden;
    border-radius: 10px;
    transition: .2s linear;
    height: 200px
}

.pweb-ajax-products.box2 .product .product-img {
    height: 260px
}

.pweb-ajax-products.box2 .product .product-price {
    background: #f9f9f9;
    padding: 15px;
    border-radius: 10px;
    border: 1px solid #f0f0f0
}

.pweb-ajax-products .product .product-img .img-overlay {
    position: absolute;
    bottom: -150px;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    transition: .2s;
    opacity: 0;
    background: linear-gradient(180deg, rgba(110, 97, 181, 0.00) 0%, #FFF0 100%)
}

.pweb-ajax-products .product:hover .product-img .img-overlay {
    background: linear-gradient(180deg, rgba(110, 97, 181, 0.00) 0%, #6E61B5 100%);
    opacity: 1;
    bottom: 0
}

.pweb-ajax-products .product .product-actions {
    max-height: 0;
    transition: .2s;
    overflow: hidden;
    visibility: hidden;
    display: flex;
    justify-content: space-between;
    gap: 10px
}

.pweb-ajax-products .product:hover .product-actions {
    max-height: 200px;
    overflow: hidden;
    visibility: visible;
    margin-top: 10px
}

@media (max-width:992px) {
    .pweb-ajax-products.horizontal .products .product .product-actions {
        max-height: 200px;
        overflow: hidden;
        visibility: visible;
        margin-top: 10px
    }
}

.pweb-ajax-products .product .product-actions .action {
    border-radius: 10px;
    background: rgba(110, 97, 181, 0.10);
    color: #6E61B5;
    width: 40px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .2s linear;
    font-weight: 300;
    font-size: 15px;
    gap: 15px
}

.pweb-ajax-products .product .product-actions .action:hover {
    background: transparent
}

.pweb-ajax-products .product .product-actions .action {
    width: 20%
}

.pweb-ajax-products .product .product-actions .action.add-to-cart {
    width: 100%
}

.pweb-ajax-products.box2 .product .product-actions {
    position: absolute;
    display: grid;
    left: 10px;
    overflow: unset;
    top: 0
}

.pweb-ajax-products.box2 .product .action {
    width: 45px;
    height: 45px;
    background: #fff
}

.pweb-ajax-products .products .product .product-price .free-product {
    font-size: 13px;
    padding: 3px 20px;
    background: rgba(110, 97, 181, 0.10);
    border-radius: 10px;
    color: #6E61B5;
    user-select: none;
    font-weight: 300
}

.rating-box .rate {
    width: 20px;
    height: 20px;
    border-radius: 50px;
    background: rgba(139, 139, 139, 0.1);
    padding: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    user-select: none;
    cursor: pointer
}

.rating-box .rate.selected {
    background: var(--theme-main-color);
    color: #fff
}

.gradient-border {
    --grborderwidth: 3px;
    background: var(--pweb-modal-background);
    position: relative;
    border-radius: 7px;
    padding: 15px
}

.gradient-border::after {
    content: '';
    position: absolute;
    top: calc(-1 * 3px);
    left: calc(-1 * 3px);
    height: calc(100% + 3px * 2);
    width: calc(100% + 3px * 2);
    background: linear-gradient(60deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82);
    border-radius: 10px;
    z-index: -1;
    animation: animatedgradient 3s ease alternate infinite;
    background-size: 300% 300%
}

@keyframes animatedgradient {
    0% {
        background-position: 0 50%
    }

    50% {
        background-position: 100% 50%
    }

    100% {
        background-position: 0 50%
    }
}

.justify-items-center {
    justify-items: center
}

.pweb-reviews .ratings {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    justify-content: space-between;
    margin-block: 25px
}

.pweb-reviews .ratings i {
    color: #ffa41b
}

.pweb-reviews .ratings .all-rate-box {
    width: 35%;
    background: var(--bs-nav-pills-link-active-bg);
    padding: 15px;
    display: grid;
    justify-items: center;
    align-items: center;
    border-radius: 10px
}

.pweb-reviews .ratings .all-rate-box .total-rate {
    font-size: 40px;
    font-weight: 300;
    display: flex;
    height: 40px
}

.pweb-reviews .ratings .all-rate-box .total-rate-number {
    font-size: 17px
}

.pweb-reviews .ratings .rate-details {
    width: 60%;
    display: grid;
    gap: 15px
}

@media (max-width:992px) {
    .pweb-reviews .ratings .all-rate-box {
        width: 100%
    }

    .pweb-reviews .ratings .rate-details {
        width: 100%
    }
}

.pweb-reviews .ratings .rate-details .rate {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    align-items: center
}

.pweb-reviews .ratings .rate-details .rate .meter {
    height: 10px;
    position: relative;
    background: var(--bs-nav-pills-link-active-bg);
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    overflow: hidden;
    width: 100%
}

.pweb-reviews .ratings .rate-details .rate .meter>span {
    display: block;
    height: 100%;
    border-top-left-radius: 20px;
    border-bottom-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-right-radius: 20px;
    background-color: #ffa41b;
    position: relative;
    overflow: hidden
}

.pweb-reviews .ratings .rate-details .rate .title {
    display: flex;
    gap: 10px;
    width: 170px
}

.pweb-add-to-cart-float {
    position: fixed;
    bottom: -100px;
    z-index: 99;
    right: 0;
    left: 0;
    padding: 15px;
    background: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(5px);
    transition: .2s;
    display: flex;
    gap: 15px;
    align-items: center;
    color: #fff
}

.pweb-add-to-cart-float.open {
    bottom: 0
}

.pweb-add-to-cart-float button {
    border-radius: 10px;
    background: var(--theme-main-color);
    color: #FFF;
    width: 100%;
    height: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .2s linear;
    font-weight: 300;
    font-size: 15px;
    gap: 15px
}

.plyr--audio .plyr__controls {
    background: transparent;
    color: var(--bs-link-color)
}

.pweb-dash-menus {
    display: grid;
    gap: 15px;
    margin-block: 15px
}

.pweb-phone-number-editprofile .phone_number {
    display: flex;
    align-items: center;
    gap: 10px;
    background: var(--pweb-dashboard-input-bg);
    padding: 15px;
    border: 1px solid #6b6C771A !important;
    margin-top: 15px;
    justify-content: space-between;
    border-radius: 10px
}

.pweb-phone-number-editprofile .phone_number span {
    font-size: 20px;
    font-weight: 300
}

.pweb-phone-number-editprofile .verified {
    background: #52ac66;
    user-select: none
}

.pweb-phone-number-editprofile .verified.no {
    background: #ac5252
}

.reset-password-form-container {
    background: var(--pweb-modal-background);
    padding: 30px;
    box-shadow: 0 4px 40px rgba(119, 132, 157, .1);
    -webkit-box-shadow: rgba(119, 132, 157, .1) 0 4px 40px;
    border-radius: 10px;
    display: flex;
    justify-content: center
}

.reset-password-form-container form {
    display: grid;
    gap: 20px;
    width: 45%
}

@media (max-width:992px) {
    .reset-password-form-container form {
        width: 80%
    }
}

@media (max-width:768px) {
    .reset-password-form-container form {
        width: 100%
    }
}

.reset-password-form-container form .title {
    font-size: 20px;
    font-weight: 300
}

.reset-password-form-container form input {
    padding: 15px;
    border-radius: 10px;
    font-weight: 200;
    background: rgba(139, 139, 139, 0.1);
    border: transparent;
    direction: ltr
}

.dymcpicbox, .dymcpicbox .butn {
    display: flex;
    align-items: center;
    justify-content: center
}

.see-all {
    display: flex;
    align-items: center;
    gap: 10px;
    background: #2E3344;
    padding: 15px 15px 15px 45px;
    user-select: none;
    color: #fff;
    margin-left: 20px;
    transition: .2s;
    border-radius: 15px;
    overflow: unset !important
}

.see-all>.icon {
    position: absolute;
    left: -20px;
    background: #fff;
    color: #2e3344;
    box-shadow: 0 16px 40px 20px rgba(57, 57, 57, 0.05);
    padding: 10px;
    border-radius: 10px;
    width: 50px;
    display: flex;
    justify-content: center;
    align-items: center
}

.see-all>.icon i {
    display: flex;
    align-items: center;
    justify-content: center
}

.see-all:hover {
    opacity: .8
}

.pweb-ajax-products .filters-selector {
    cursor: pointer;
    user-select: none
}

@media (max-width:768px) {
    .pweb-ajax-products .filters {
        position: absolute;
        top: 60px;
        background: #fff;
        width: 200px;
        z-index: 2;
        right: 5px;
        border-radius: 10px;
        padding: 20px;
        visibility: hidden;
        box-shadow: 0 16px 40px 20px rgba(57, 57, 57, 0.12);
        transition: .2s;
        opacity: 0
    }

    .pweb-ajax-products .filters.open {
        visibility: visible;
        opacity: 1
    }
}

.pweb-user-comments {
    padding: 80px 0 60px
}

.pweb-user-comments .comment {
    background: #fff;
    box-shadow: 0 16px 40px 20px rgba(112, 144, 176, 0.05);
    padding: 85px 20px 20px;
    border-radius: 10px;
    display: grid;
    align-content: end;
    transition: .2s;
    cursor: grab
}

.pweb-user-comments .comment .user-profile {
    position: absolute;
    top: -75px;
    left: 0;
    right: 0;
    padding: 0;
    width: 100%;
    display: flex;
    justify-content: center
}

.pweb-user-comments .comment .user-profile .profile {
    width: 150px;
    height: 150px
}

.pweb-user-comments .comment .user-profile img {
    border-radius: 10000px
}

.pweb-user-comments .comment .comment-info {
    display: grid;
    gap: 15px
}

.pweb-user-comments .comment .comment-info .user-name {
    font-size: 20px;
    font-weight: 300;
    display: grid;
    gap: 0;
    justify-content: center;
    justify-items: center;
    color: #2E3344
}

.pweb-user-comments .comment .comment-info .user-name span {
    font-size: 15px;
    font-weight: 200;
    color: #8A85A4
}

.pweb-user-comments .comment .user-review {
    color: #8A85A4
}

@media (min-width:992px) {
    .pweb-user-comments .swiper-slide:not(.swiper-slide-next) .comment {
        opacity: .4
    }
}

.pweb-blogbox-boxs.box2 .single-img {
    justify-content: space-between
}

@media (max-width:768px) {
    .pweb-blogbox-boxs.box2 .single-img {
        width: 100%
    }

    .pweb-blogbox-boxs.box2 .list-link {
        width: 100%;
        display: none
    }
}

@media (max-width:992px) {
    .pweb-blogbox-boxs.box2 .list-link {
        width: 30%
    }
}

@media (min-width:768px) {
    .pweb-blogbox-boxs.box2 .single-img {
        width: 65%
    }

    .pweb-blogbox-boxs.box2 .list-link {
        width: 30%
    }
}

.pweb-blogbox-boxs.box2 .single-img .article .post-overview {
    bottom: 0;
    transform: unset;
    right: 0;
    left: 0;
    width: 100%;
    background: transparent;
    color: #fff
}

.pweb-blogbox-boxs.box2 .single-img .article .post-overview .post-title {
    color: #fff
}

.pweb-blogbox-boxs.box2 .single-img .article .post-img .img-overlay {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.34) 0%, #000 100%)
}

.pweb-blogbox-boxs.box2 .single-img .article .post-overview .other .post-date, .pweb-blogbox-boxs.box2 .single-img .article .post-overview .other .post-categories {
    color: #fff;
    font-size: 13px
}

.pweb-blogbox-boxs.box2 .single-img .article .post-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
}

.pweb-blogbox-boxs.box2 .single-img .article .post-img .preview-overlay .open {
    display: grid;
    width: 50px;
    height: 50px;
    position: absolute;
    background: #ffffff1c;
    border-radius: 40px;
    border: 1px solid
}

.pweb-blogbox-boxs.box2 .single-img .article .post-img:hover .preview-overlay {
    opacity: 1;
    transform: scale(1)
}

.pweb-blogbox-boxs .single-img .article .post-img {
    height: 350px
}

.account-stats {
    padding: 15px;
    justify-content: space-between;
    background: var(--pweb-dashboard-dashbox-bg);
    border-radius: 10px;
    font-weight: 300
}

.account-stats .notactive {
    color: #b85b5b
}

.account-stats .active {
    color: #489158
}

.account-stats .phone_number, .account-stats .rcpvip {
    display: grid;
    gap: 10px
}

.login-alert {
    display: grid;
    border-radius: 10px;
    background: rgba(181, 181, 181, 0.16);
    color: #9b9b9b;
    padding: 20px;
    user-select: none;
    width: 100%;
    gap: 15px
}

.login-alert a {
    background-color: var(--theme-main-color);
    border-radius: 10px;
    padding: 10px;
    color: #fff
}

.product-page-gallery-thumbs img {
    border-radius: 15px
}

.product-page-gallery img {
    border-radius: 10px;
    cursor: pointer;
    transition: .2s
}

.product-page-gallery img:hover {
    opacity: .5
}

wc-order-attribution-inputs {
    display: none;
}

.product-price .variable-product span {
    font-weight: 300;
    font-size: 16px;
}

.lesson-tabs-wrapper {
    display: grid;
    gap: 15px;
}

.lesson-tabs-wrapper .lesson-tabs {
    display: flex;
    align-items: center;
    gap: 10px;
}

.lesson-tabs-wrapper .lesson-tabs .tab {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 18px;
    color: #757F85;
    padding: 20px;
    cursor: pointer;
    border-radius: 15px;
    transition: 0.2s;
    position: relative;
    user-select: none;
}

.lesson-tabs-wrapper .lesson-tabs .tab.active {
    color: #151718;
    background: #FFFFFF;
}

.lesson-tabs-wrapper .lesson-tabs .tab:hover {
    color: #151718;
}

.lesson-tabs-wrapper .lesson-tabs .tab::before {
    content: '';
    position: absolute;
    top: 0;
    right: 50%;
    left: 50%;
    bottom: 0;
    border-radius: 15px;
    background: rgba(255, 193, 7, 0.03);
}

.lesson-tabs-wrapper .lesson-tabs .tab.active::before {
    animation: tabItemBefore 1s ease 0s forwards;
}

@keyframes tabItemBefore {
    0% {
        right: 50%;
        left: 50%;
        background: rgba(0, 0, 0, 0.096)
    }

    50% {
        right: 0%;
        left: 0%
    }

    100% {
        background: transparent
    }
}

.lesson-tabs-wrapper .lesson-tabs-content .tab-content {
    display: none;
    animation: pTabShow 0.3s ease 0s forwards;
    transform: scale(0.79);
}

.lesson-tabs-wrapper .lesson-tabs-content .tab-content.active {
    display: grid;
}

@keyframes pTabShow {
    to {
        opacity: 1;
        transform: scale(1)
    }
}

.dashcontent .details-link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #6b6c77;
    text-align: center;
    line-height: 2.5;
    transition: 0.2s;
    opacity: 0;
    color: #fff;
}

.dashcontent tr {
    position: relative;
}

.dashcontent thead th {
    font-weight: 300;
    border-color: #6b6c771a;
}

.dashcontent tr:hover .details-link {
    opacity: 1;
}

.dashcontent.tblcontent {
    overflow: auto;
}

.dashcontent.tblcontent table {
    width: 500px;
}

.dashcontent.tblcontent table td {
    border-color: #6b6c771a;
}

.woocommerce-form p.form-row {
    width: 100%;
}