/*
Theme Name: استاد شو
Theme URI: https://pishtaz-web.com
Author: پیشتاز وب
Author URI: https://pishtaz-web.com
Description: قالب فروش دوره آموزشی استاد شو | Ostadsho
Requires at least: 6.1
Tested up to: 6.1
Requires PHP: 5.6
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/old-licenses/gpl-2.0.html
Text Domain: twentytwentythree
Tags: منعطف و مدرن ترین پوسته آموزشی وردپرس
*/

svg, img {
    vertical-align: middle;
    border-style: none;
    overflow: hidden;
    height: auto;
    max-width: 100%;
}

input {
    outline: none;
}

ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

button, a {
    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;
}

.pweb-b, .woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce a.button.alt, .comment_container .pweb-comment-replay-btn a, .comment-respond .comment-reply-title small a, .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .single-blog .commentlist .comment .reply .comment-reply-link, .post-password-form input[type="submit"] {
    padding: 15px;
    background: var(--theme-main-color);
    box-shadow: 0px 9px 25px 0px var(--theme-main-opaque-color);
    transition: 0.2s ease-in-out;
    border-radius: 8px;
    color: #fff;
    font-weight: 200;
    font-size: 15px;
    border: transparent;
}

.pweb-bsoft {
    padding: 15px;
    background: var(--theme-main-opaque-color);
    transition: 0.2s ease-in-out;
    border-radius: 8px;
    color: var(--theme-main-color);
    font-weight: 200;
    border: transparent;
}

.pweb-b:hover, .woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover, .woocommerce a.button.alt:hover, .comment_container .pweb-comment-replay-btn a:hover, .comment-respond .comment-reply-title small a:hover, .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover, .single-blog .commentlist .comment .reply .comment-reply-link:hover, .post-password-form input[type="submit"]:hover {
    color: #fff;
    background-color: var(--theme-main-hover-color);
    background-size: 100%;
    transform: translateY(1px);
    box-shadow: none;
}

.pweb-bsoft:hover {
    color: #fff;
    background-color: var(--theme-main-color);
}

.ripple {
    position: absolute;
    background: white;
    border-radius: 50%;
    transform: translate(-50%, -50%);
    pointer-events: none;
    pointer-events: none;
    animation: ripples 1s linear;
}

@keyframes ripples {
    0% {
        width: 0px;
        height: 0px;
        opacity: 0.2;
    }

    100% {
        width: 500px;
        height: 500px;
        opacity: 0;
    }
}

.pweb-bsoft.pweb-stroke svg path {
    stroke: var(--theme-main-color);
}

.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: 0.2s all;
    box-shadow: 0px 0px 25px 0px var(--theme-main-boxshodow-color);
    border-radius: 30px;
    width: 20px;
    height: 20px;
    text-align: center;
}

.togglesvg.sun .sun, .togglesvg.moon .moon {
    display: none !important;
}

.togglesvg.sun .sun, .togglesvg.moon .moon {
    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;
}

/*===================*/
/* PULSE GROW
/*===================*/

@-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);
    }
}

body #header {
    border-top: 3px solid var(--theme-main-color);
    position: relative;
    z-index: 2;
}

/*   headers style  */
#header .normal:first-child, #header .header-responsive {
    background-color: var(--pweb-header-background);
    box-shadow: var(--pweb-header-shadow);
    padding: 30px 0;
}

#header .header-responsive {
    padding: 0;
}

#header .logo, footer .logo {
    width: 140px;
    transition: 0.3s;
}

#header .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: 0px;
    z-index: 0;
    height: 80px;
    box-shadow: var(--pweb-header-headermenu-shadow);
    border-top: var(--pweb-header-headermenu-bordertop);
}

#header .searchbox input, .searchbox input {
    padding: 15px 45px;
    width: 350px;
    background: var(--pweb-header-searchbox-background);
    color: var(--pweb-header-searchbox-color);
    transition: 0.2s ease-in-out width;
    border: transparent;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 200;
}

#header .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;
}

#header .searchbox input:focus {
    width: 400px;
}

#header .searchbox input::placeholder, .searchbox input::placeholder {
    color: var(--pweb-header-searchbox-inputplaceholder-color);
}

#header .searchbox input:focus::placeholder, .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;
}

#header .links a, #header .links button {
    padding: 15px;
    margin: 0 5px;
    margin-top: auto;
    margin-bottom: auto;
    display: flex;
    justify-content: center;
    align-items: center;
}

#header .links a svg, #header .links button svg {
    width: 20px;
    height: 20px;
    align-items: center;
    display: flex;
}

#header .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;
}

#header .my-account>a::after {
    transition: .2s;
    -webkit-transition: .2s;
    position: relative;
    right: 5px;
    top: 2px;
    content: "\f107";
    font-family: "Font Awesome 6 pro";
    font-weight: 300;
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 3px 0 7px;
}

#header .my-account.active>a::after {
    transform: rotate(180deg);
}

#header .my-account>a div.profile {
    width: 30px;
    margin-left: 10px;
    overflow: hidden;
    border-radius: 8px;
}

#header .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);
    box-shadow: var(--pweb-header-menu-li-ul-shadow);
    padding: 10px 5px;
    display: none;
    left: 0;
    z-index: 1;
}

#header .my-account .my-account-menu a {
    border-radius: 10px;
    justify-content: normal;
}

#header .my-account .my-account-menu a:hover {
    background: var(--theme-main-opaque-color);
    color: var(--theme-main-color);
}

/* mega menu style */
#header div.menu ul {
    display: flex;
    margin-top: 18px;
    padding-right: 5px;
}

#header div.menu ul>li {
    position: relative;
    list-style: none;
    padding-right: 20px;
}

#header div.menu ul.sub-menu>li {
    padding-right: 0px;
    position: relative;
}

#header div.menu ul>li:first-child {
    padding-right: 0px;
}

#header div.menu ul li.menu-item-has-children>a:after {
    transition: .2s;
    -webkit-transition: .2s;
    position: relative;
    right: 5px;
    top: 2px;
    content: "\f107";
    font-family: "Font Awesome 6 pro";
    font-weight: 300;
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
}

#header div.menu ul.sub-menu li.menu-item-has-children>a::after {
    transition: .2s;
    -webkit-transition: .2s;
    position: relative;
    right: 5px;
    top: 2px;
    content: "\f053";
    font-family: "Font Awesome 6 pro";
    font-weight: 300;
    font-size: 11px;
    display: inline-block;
    vertical-align: middle;
}

#header div.menu ul li>a {
    transition: 0.2s;
}

#header div.menu ul li:hover>a {
    color: var(--pweb-alink-hover-color);
}

#header div.menu ul li.menu-item-has-children:hover>a::after {
    transform: rotate(180deg);
}

#header div.menu ul.sub-menu li.menu-item-has-children:hover>a::after {
    transform: rotate(0deg);
    right: 85px;
}

#header div.menu li ul {
    position: absolute;
    width: 200px;
    background: var(--pweb-header-menu-li-ul-background);
    top: 100px;
    opacity: 0;
    visibility: hidden;
    padding: 5px;
    transition: all .3s;
    border-radius: 5px;
    display: block;
    border-top: 3px solid var(--theme-main-color);
    box-shadow: var(--pweb-header-menu-li-ul-shadow);
    right: 0;
    z-index: 1;
}

#header div.menu li:hover>.sub-menu {
    visibility: visible;
    opacity: 1;
    top: 20px;
}

#header .header-menu .menu li:hover>.sub-menu {
    top: 50px;
}

#header div.menu li ul li ul {
    top: -12px !important;
    right: 200px;
}

#header div.menu li ul li:hover ul {
    right: 210px !important;
}

#header div.menu li .sub-menu a {
    display: block;
    transition: 0.2s ease-in-out;
    margin: 5px;
    font-size: 14px;
    padding: 10px;
    border-radius: 5px;
}

#header div.menu li .sub-menu 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: 0.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: 0px;
}

.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;
}

.unu, .doi, .trei {
    -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;
}

.wheel {
    -webkit-animation: mouse-wheel 0.6s linear infinite;
    -moz-animation: mouse-wheel 0.6s linear infinite;
    animation: mouse-wheel 0.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-d .links a, .header-d .links button {
    border-radius: 30px !important;
}

#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: 500px;
    font-weight: 200;
    padding: 0 15px;
    border: transparent;
    border-radius: 10px;
}

.searchajaxbox button {
    position: absolute;
    left: 10px;
    height: 45px;
    width: 45px;
    border-radius: 30px;
    top: 5px;
}

.searchajaxbox input::placeholder {
    color: #aaaaaa;
}

.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: 0px 0px 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-rtl .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 300ms 0ms cubic-bezier(0.6, -0.28, 0.735, 0.045);
}

.swiper:hover .swiper-button-prev, .swiper:hover .swiper-button-next {
    -webkit-transform: scale(1);
    transform: scale(1);
    transition: all 300ms 100ms cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

.swiper-pagination-bullet {
    position: relative;
    overflow: hidden;
    width: 30px;
    height: 5px;
    border-radius: 3px;
    background: var(--swiper-pagination-bullet-inactive-color, #fff);
}

.swiper-pagination-bullet-active {
    background: var(--swiper-pagination-bullet-inactive-color, rgba(255, 255, 255, 0.31));
}

.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-pagination-bullet::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    transition: opacity 200ms;
}

.swiper-pagination-bullet-active:before {
    background-color: #fff;
    animation: slide-progress 5s cubic-bezier(.3, 0, .3, 1) forwards;
}

.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: 0.2s ease-in-out;
}

.pwebcards .pcard-3 .removeFav {
    padding: 8px;
    position: absolute;
    background: #6b6c77;
    border-radius: 0 0 10px 10px;
    color: #fff;
    left: 0;
}

.pwebcards .pcard-3 .pcardimg img {
    border-radius: 0 10px 10px 0;
}

.pwebcards .pcard-3 .pcardbody .pcardtitle a {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 170px;
}

.pwebcards .pcard-3:hover .productimg {
    opacity: 1;
    -webkit-animation: flash 1.5s;
    animation: flash 1.5s;
}

@-webkit-keyframes flash {
    0% {
        opacity: 0.4;
    }

    100% {
        opacity: 1;
    }
}

@keyframes flash {
    0% {
        opacity: 0.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: 0.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 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: 0.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%;
}

.scboxs .scboxtitle, .bcards .bcardstitle, .commentsbox .commentsboxtitle {
    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: 0.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 .title, .scboxs .scbox-a .scbox:hover .texts .disc {
    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-prev, .swiper.scboxa .swiper-button-next {
    top: 42px;
    background-color: #434446;
}

.swiper.scboxb .swiper-button-prev, .swiper.scboxb .swiper-button-next {
    top: 67px;
    background-color: #434446;
}

.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;
}

.pwebcards .pwebcards-title a {
    margin-top: auto;
    margin-bottom: auto;
    padding: 10px 20px;
    transition: 0.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 0px 10px;
    overflow: hidden;
}

.pwebcards .pcardimg img {
    border-radius: 10px;
    width: 100%;
}

.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;
}

ins, del {
    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 {
    display: contents;
}

.nocolmargin .col-6 {
    margin-bottom: 0px;
}

.pcard-3 .pcardfooter {
    position: absolute;
    left: 0px;
    top: 0;
    z-index: 0;
    border-radius: 8px;
    transition: 0.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: 0.2s all;
    padding: 15px;
    border-radius: 10px;
}

.bcards .bcard-a .bcardheader {
    align-items: center;
    margin-bottom: 10px;
}

.bcards .bcard .bcardtitle {
    font-weight: 300;
    transition: 0.2s all;
    color: var(--bcards-bcard-bcardtitle);
}

.pweb-dashboard .bcards .bcard .bcardtitle {
    font-weight: 300;
    transition: 0.2s all;
    color: var(--bcards-bcard-bcardtitle);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 280px;
}

.bcards .bcard .bcardimages {
    overflow: hidden;
    border-radius: 10px;
}

.bcards .bcard-a .postdate {
    background: var(--theme-main-color);
    color: #fff;
    padding: 5px;
    text-align: center;
    transition: 0.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 {
    -webkit-animation: flash 1.5s;
    animation: flash 1.5s;
}

.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: 0px;
}

.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 0.2s ease-in-out;
    -moz-transition: width 0.2s ease-in-out;
    -o-transition: width 0.2s ease-in-out;
    transition: width 0.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 0px 0px 0px;
    border-top: 1px solid #6B6C771A;
}

.bcards .bcard-c .bcardfooter .author {
    color: #868686;
    transition: 0.2s all;
}

.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: 0px;
}

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: 0px;
    top: 0px;
    content: "\f111";
    font-family: "Font Awesome 6 pro";
    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 {
    padding: 10px;
    margin-right: 5px;
}

footer .lefttools a i {
    font-size: 15px;
    width: 15px;
    position: relative;
    top: 2px;
    right: 1px;
}

.bcards .bcardstitle .left, .scboxs .scboxtitle .left {
    position: absolute;
    right: 0px;
    left: 19%;
    top: -7px;
    font-size: 36px;
    opacity: 0.1;
    transform: rotate(15deg);
}

.bcards .bcardstitle .right, .scboxs .scboxtitle .right {
    position: absolute;
    left: 0px;
    right: 19%;
    top: -7px;
    font-size: 50px;
    opacity: 0.1;
    transform: rotate(-15deg);
}

.commentsbox .commentsboxtitle .fa-quote-left {
    position: absolute;
    left: 0;
    right: 23%;
    top: 0px;
    font-size: 50px;
    opacity: 0.1;
}

.commentsbox .commentsboxtitle .fa-quote-right {
    position: absolute;
    right: 0;
    left: 23%;
    top: 0px;
    font-size: 50px;
    opacity: 0.1;
}

.reviewbox .comment {
    border-radius: 15px 5px 5px 5px;
    cursor: move;
    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;
}

.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: 13px;
    color: var(--reviewbox-comment-user-review-color);
}

.reviewbox .review-link {
    padding: 5px 15px;
    background: var(--theme-main-color);
    border-radius: 20px 0px 20px 20px;
    color: #fff;
    position: absolute;
    bottom: -40px;
    width: 100%;
}

.reviewslider {
    overflow: hidden;
    padding: 5px 15px;
}

.reviewslider .reviewbox {
    position: relative;
    margin: 10px 0px 50px 0px;
}

.single-product .product-right-info {
    height: 100%;
    padding: 25px;
    background: var(--product-right-info-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;
}

.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, .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: 25px;
    padding: 10px 15px;
    transition: 0.3s;
}

.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-media .social-box .icon {
    background: #FFFFFF;
    border-radius: 50px;
    display: flex;
    width: 50px;
    height: 50px;
    transition: 0.3s;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.social-media .social-box .brand-name div:last-child {
    letter-spacing: 0.38em;
    direction: ltr;
}

.social-media .social-box:hover .icon {
    transform: scale(0.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: "\f107";
    font-family: "Font Awesome 6 pro";
    font-weight: 300;
    font-size: 13px;
    display: inline-block;
    vertical-align: middle;
}

.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: 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: 12px;
    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, 0.1);
    color: #A74242;
}

.courses .pweb-accordion-header.lesson .lesson-two .status-label.public {
    background: rgba(66, 167, 106, 0.1);
    color: #42A76A;
}

.courses .pweb-accordion-header.lesson .lesson-two .status-label.members {
    background: rgba(225, 168, 82, 0.1);
    color: #E1A852;
}

.easy-toast, .easy-toast::before, .easy-toast::after {
    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;
}

.course-details .cdetail {
    padding: 10px;
    border-radius: 10px;
    background: var(--bs-nav-pills-link-active-bg);
    font-size: 13px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.course-details .cdetail:last-child {
    margin-bottom: 0px;
}

.course-details .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;
}

.course-details .cdetail .content div:first-child {
    color: var(--bs-nav-link-color);
}

.course-details .cdetail .content div:last-child {
    font-weight: 300;
    font-size: 14px;
}


.course-details .cdetail .content div.price ins span, .course-details .cdetail .content div.price>span>bdi {
    font-weight: 300;
    font-size: 14px;
}

.course-details .cdetail .content div span {
    font-size: 10px;
    font-weight: 100;
}

.course-details .cprogress .text {
    font-size: 13px;
}

.course-details .cprogress .text span {
    font-weight: 300;
    font-size: 16px;
}

.course-details .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;
}

.course-details .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;
}

.course-details .cprogress .meter>span::after {
    animation: move 2s linear infinite;
}

.course-details .cprogress .meter>span::after {
    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: 0.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: 0px;
}

.share-post .box-item.whatsapp {
    background: #57D80F;
    color: #fff;
}

.share-post .box-item.telegram {
    background: #1486FF;
    color: #fff;
}

.share-post .box-item.twitter {
    background: #1750FF;
    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: 0px 0px 15px 0px 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: 0.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);
}

.single-content h1, .single-content .h1, .article-content .content h1, .article-content .content .h1 {
    font-size: 20px;
    font-weight: 300;
}

.single-content h2, .single-content .h2, .article-content .content h2, .article-content .content .h2 {
    font-size: 19px;
    font-weight: 300;
}

.single-content h3, .single-content .h3, .article-content .content h3, .article-content .content .h3 {
    font-size: 18px;
    font-weight: 300;
}

.single-content h4, .single-content .h4, .article-content .content h4, .article-content .content .h4 {
    font-size: 17px;
    font-weight: 300;
}

.single-content h5, .single-content .h5, .article-content .content h5, .article-content .content .h5 {
    font-size: 16px;
    font-weight: 300;
}

.single-content h6, .single-content .h6, .article-content .content h6, .article-content .content .h6 {
    font-size: 15px;
    font-weight: 300;
}

.single-content h6, .single-content strong {
    font-weight: 200;
}

.article-content .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;
}

.single-content blockquote, .article-content .content blockquote {
    margin: 10px 0;
    padding: 15px 20px 15px 0;
    position: relative;
    z-index: 1;
    border: 0 !important;
}

.single-content blockquote::before, .article-content .content blockquote::before {
    color: rgba(158, 158, 158, 0.09);
    content: '\f10e';
    font-family: FontAwesome;
    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: normal normal normal 14px/1 FontAwesome;
    content: "\f834";
    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 0;
    line-height: 2.5;
}

.review_form input, .review_form select, .review_form textarea, .comment-respond textarea, .comment-respond select, .comment-respond input {
    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;
}

.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%;
    transition: 0.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, 0.02) 0px 1px 3px 0px, rgba(27, 31, 35, 0.15) 0px 0px 0px 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%
    }
}

.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;
}

.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);
    margin-bottom: 20px;
    padding: 0;
    display: flex;
    border-radius: 10px;
    color: #fff;
    justify-content: space-between;
    overflow: hidden;
}

.top-menu-wrap a {
    color: #FFFFFF99;
    transition: 0.3s;
}

.top-menu-wrap a:hover {
    color: #fff;
}

.top-menu-wrap .breadcrumb-list {
    display: flex;
    white-space: nowrap;
    overflow: auto;
    align-items: center;
}

.top-menu-wrap .breadcrumb-list .placeholder-icons {
    padding: 0 15px;
    display: flex;
}

.top-menu-wrap .breadcrumb-list .placeholder-icons i {
    font-size: 15px;
}

.top-menu-wrap .breadcrumb-list i {
    margin: 0 13px;
    font-size: 10px;
}

.dashboard-horizontal nav {
    margin: 5px 0 35px;
    width: 100% !important;
    float: none !important;
}

.dashboard-horizontal 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;
}

.dashboard-horizontal nav ul li a {
    position: relative;
    text-align: center;
    border-radius: 30px;
    width: 130px;
    user-select: none;
    transition: 0.3s;
    height: 115px;
    padding: 10px;
    color: var(--dashboard-horizontal-li-a-color);
    border-left: 1px dashed #6b6c774d;
}

.dashboard-horizontal nav ul li.is-active a {
    color: var(--theme-main-color);
    border-left: 1px dashed;
    background: linear-gradient(90deg, var(--theme-main-opaque-color) 0%, #ffffff00 86.76%);
}

.dashboard-horizontal nav ul li.is-active a::after {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    background: var(--theme-main-color);
    box-shadow: 0px 0px 25px var(--theme-main-hover-color);
    top: 15px;
    right: 10px;
    border-radius: 50px;
}

.dashboard-horizontal nav ul li a:hover {
    color: var(--theme-main-color);
    border-left: 1px dashed;
}

.dashboard-horizontal nav ul li:last-child a {
    border-left: transparent !important;
}

.dashboard-horizontal nav ul li {
    display: flex;
}

.dashboard-horizontal nav ul li a::before {
    font-family: "Font Awesome 6 pro" !important;
    font-weight: 800;
    font-size: 40px;
    display: block;
}

.dashboard-horizontal nav ul li.woocommerce-MyAccount-navigation-link--dashboard a::before {
    content: "\e1b0";
}

.dashboard-horizontal nav ul li.woocommerce-MyAccount-navigation-link--orders a::before {
    content: "\e0dc";
}

.dashboard-horizontal nav ul li.woocommerce-MyAccount-navigation-link--downloads a::before {
    content: "\f019";
}

.dashboard-horizontal nav ul li.woocommerce-MyAccount-navigation-link--my-courses a::before {
    content: "\f07c";
}

.dashboard-horizontal nav ul li.woocommerce-MyAccount-navigation-link--wpyar-ticket a::before {
    content: "\f590";
}

.dashboard-horizontal nav ul li.woocommerce-MyAccount-navigation-link--woo-wallet a::before {
    content: "\f555";
}

.dashboard-horizontal nav ul li.woocommerce-MyAccount-navigation-link--edit-address a::before {
    content: "\f601";
}

.pweb-dashboard .dashbox {
    background: var(--pweb-dashboard-dashbox-bg);
    padding: 10px 20px;
    font-size: 14px;
    border-radius: 15px;
}

.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: 0.3s;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    border-radius: 15px;
}

.pweb-dashboard .dashbox .dashhead a.logout {
    font-size: 13px;
    transition: 0.3s;
    font-weight: 200;
    background: rgba(185, 75, 75, 0.1);
    color: #B94B4B;
    padding: 15px;
    border-radius: 15px;
}

.pweb-dashboard .dashbox .dashhead a.logout: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 .dashbtn {
    display: block;
    text-align: center;
    transition: 0.3s;
    padding: 15px;
    background: #6B6C77;
    color: #fff;
    border-radius: 15px;
}

.pweb-dashboard .dashbox .dashbtn:hover, .pweb-dashboard .dashbox .dashhead a.goto:hover {
    opacity: 0.5;
}

.pweb-dashboard .dashlist {
    background: var(--pweb-dashboard-dashbox-goto-bg);
    transition: 0.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;
}

.pweb-dashboard .dashlist .procut-title {
    width: 50%;
}

.pweb-dashboard .dashlist:hover {
    background: transparent;
}

.status-user-widget .widget-box {
    position: relative;
    color: #fff;
    overflow: hidden;
    padding: 25px;
    user-select: none;
    border-radius: 20px;
    display: flex;
    font-size: 13px;
    justify-content: center;
}

.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;
}

.status-user-widget .widget-box .text .btext {
    font-weight: 300;
    font-size: 15px;
}

.pweb-dashboard input[type=text], .pweb-dashboard input[type=email], .pweb-dashboard input[type="password"], .pweb-dashboard input[type="tel"], .pweb-dashboard input[type="number"], .pweb-dashboard input[type="search"], .pweb-dashboard textarea, .pweb-dashboard select, .dataTables_wrapper .dataTables_length select, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea, .cart-page-inner .woocommerce-cart-form td.actions .coupon .input-text, .woocommerce .quantity .qty, .post-password-form input[type="password"] {
    display: block;
    width: 100%;
    padding: 0.8rem 0.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;
    border-radius: .375rem;
    transition: all 0.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 {
    display: inline-block;
    background: var(--theme-main-color);
    color: #fff;
    width: fit-content;
    padding: 5px 15px;
    border-radius: 3px;
}

.wcdlar_order_wrapper a.download-btns .fal {
    font-size: 15px;
    margin-left: 11px;
    -webkit-transform: translateY(2px);
    -moz-transform: translateY(2px);
    -ms-transform: translateY(2px);
    -o-transform: translateY(2px);
    transform: translateY(2px);
}

.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);
}

.tite_status_tickets_wpyar, .head_wpyar_tickt h3 {
    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: 0.3s;
    background-color: #6B6C77;
    border-radius: 15px;
    font-size: 14px;
}

.head_wpyar_tickt a:hover {
    opacity: 0.6;
}

.ul_list_ticket_uwpyar li a::before, .ul_list_ticket_uwpyar li a::after {
    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: 10px;
    color: var(--bs-body-color);
}

.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 th, table.dataTable thead td {
    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 th, table.dataTable tbody td {
    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_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate {
    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-order-downloads, .woocommerce table.my_account_orders, .woocommerce .woocommerce-customer-details, .woocommerce .woocommerce-order-details, .woocommerce .woocommerce-order-downloads {
    padding: 10px 15px;
    background: var(--pweb-dashboard-dashbox-bg);
    border-radius: 15px;
}

.woocommerce .woocommerce-order-downloads h2, .woocommerce .woocommerce-order-details h2, .woocommerce .woocommerce-customer-details 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;
}

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;
}

/*  comments style  */


.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: 10px 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: 0px;
    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)
}

.commentlist li.review:hover {
    box-shadow: 0 2px 30px 0 rgba(25, 25, 25, .12)
}

.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;
    }
}

@media (max-width: 768px) {
    time.woocommerce-review__published-date {
        display: block;
        margin-top: 10px;
        font-size: 11px;
    }

    .pwebcards .pcard-2 {
        padding: 10px;
    }
}

/* end comments style */

.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 {
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 0 5px;
}

.deal_timer_single .deal-text {
    font-size: 12px;
    line-height: 18px;
    margin-left: 10px;
    font-weight: 300;
}

.deal_timer_single .deal-text span {
    display: block;
    color: var(--theme-main-color);
}

.deal_timer_single .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
}

.deal_timer_single .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 {
    border: 1px solid #6B6C771A;
}

.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: 0.3;
    content: "\f070";
}

.woocommerce form .show-password-input::after, .woocommerce-page form .show-password-input::after {
    font-family: fontawesome;
    content: "\f06e";
}

.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-holder {
    position: relative;
    width: 100%;
    min-height: 1px;
    padding-right: 15px;
    padding-left: 15px;
}

@media (min-width: 992px) {
    .cart-page-inner .woocommerce-cart-holder {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 66.66667%;
        flex: 0 0 66.66667%;
        max-width: 66.66667%;
    }

    .cart-page-inner .cart-collaterals {
        -webkit-box-flex: 0;
        -ms-flex: 0 0 33.33333%;
        flex: 0 0 33.33333%;
        max-width: 33.33333%;
    }

    .reviewslider .swiper-slide-active, .reviewslider .swiper-slide {
        filter: blur(3px);
    }

    .reviewslider .swiper-slide-next {
        filter: blur(0px);
    }
}

.pwebcards .pwebcards-title a span {
    display: inline-block;
}

@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 0px 0px;
        margin: 0 !important;
    }

    .shop-control-bar .woocommerce-ordering select {
        width: 100%;
    }

    .col_box_status_ticket_wpyar {
        width: 100%;
    }

    .swiper-button-prev, .swiper-rtl .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 {
        width: 320px;
        overflow: hidden;
        border-radius: 10px;
    }

    .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: 0px 15px 0px 0px;
    }

    .landing-b .landingarchu .landingb .optionlist .optionbox.two {
        border-radius: 15px 0px 0px 0px;
    }

    .landing-b .landingarchu .landingb .optionlist .optionbox.three {
        border-radius: 0px 0px 15px 0px;
    }

    .landing-b .landingarchu .landingb .optionlist .optionbox.four {
        border-radius: 0px 0px 0px 15px;
    }

    .scboxs .scboxtitle, .bcards .bcardstitle, .commentsbox .commentsboxtitle {
        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-inner, .cart-page-inner .woocommerce-cart-form {
    border: 1px solid #6B6C771A;
    border-radius: 4px;
    padding: 30px;
    margin-bottom: 30px;
}

.woocommerce .cart-collaterals .cart_totals, .woocommerce-page .cart-collaterals .cart_totals {
    float: none;
    width: 100%;
}

.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: 50%;
        margin-bottom: 0;
    }

    .woocommerce-page table.shop_table_responsive tr td.actions::before {
        content: attr(data-title) " ";
        font-weight: 700;
        float: right;
    }
}

.cart-page-inner .woocommerce-cart-form td.actions {
    position: relative;
    padding-top: 30px;
    padding-bottom: 0;
}

.cart-page-inner .woocommerce-cart-form td.actions .coupon .input-text {
    width: 100%;
    line-height: 47px;
    padding: 0 15px;
}

.cart-page-inner .woocommerce-cart-form td.actions .coupon .button {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 11px;
    height: 57px;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}

.cart-page-inner .woocommerce-cart-form td.actions .coupon .input-text {
    width: 100% !important;
    line-height: 45px;
    padding: 0 15px;
}

.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 0s infinite;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -.5em;
    margin-top: -.5em;
    display: block;
    content: "";
    background: transparent;
    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: 28px;
    height: 20px;
    width: 20px;
    color: #b94a48 !important;
    font-weight: 100;
}

.woocommerce a.remove:hover {
    background: #b94a48;
}

.woocommerce-cart-form__cart-item.cart_item .product-thumbnail {
    width: 100px;
}

.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 {
    border: 1px solid #6B6C771A;
    border-radius: 4px;
    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;
    }

    .landingslider .landingsliders {
        height: 225px;
    }

    .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: transparent;
    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;
}

.checkout-breadcrumb div {
    width: 100%;
    display: inline-block;
}

.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;
}

.woocommerce-cart .title-checkout, .woocommerce-cart .title-thankyou {
    opacity: .2;
}

.woocommerce-checkout .title-thankyou {
    opacity: .2;
}

.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: 23px;
    float: right;
    margin: 0 20px;
    color: var(--theme-main-color);
    border-radius: 13px;
    text-align: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background-color: var(--theme-main-opaque-color);
    box-shadow: 0px 0px 0px 3px var(--theme-main-color);
}

.checkout-breadcrumb div {
    width: 100%;
    display: inline-block;
}

.order-steps {
    margin: 15px 0 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: 32px;
        height: 32px;
        line-height: 32px;
        font-size: 15px;
    }

    .checkout-breadcrumb div h4 {
        font-size: 12px;
        text-align: center;
        margin-top: 10px;
    }

    .signuser span {
        display: none;
    }

    .signuser svg {
        margin-left: 0 !important;
    }

    .signuser i {
        font-size: 20px;
        margin-left: 0 !important;
    }

    .col_box_status_ticket_wpyar {
        width: 50%;
        margin: 5px 0;
    }

    .row_status {
        flex-wrap: wrap !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: center;
    display: flex;
    -webkit-box-orient: horizontal;
    flex-wrap: wrap;
    flex-direction: row;
}

.woocommerce ul.order_details li {
    margin-left: 1em;
    background: var(--pweb-dashboard-dashbox-bg);
    border: transparent;
    padding: 10px 20px;
    border-radius: 10px;
    user-select: none;
}

.woo-wallet-transactions-items {
    overflow: auto;
    height: 300px;
}

.preview_popup_wrrapper, .ovrl_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, 0.93);
    backdrop-filter: blur(1px);
}

.video_popup_inner, .search_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: -2px;
    right: 0;
}


.plyr--video {
    border-radius: 10px;
}

.cdetail a {
    display: block;
    margin: 5px 0px;
    transition: 0.3s;
}

.cdetail.prerequisite a:hover {
    color: var(--pweb-alink-hover-color);
}

.woocommerce .star-rating::before {
    content: "";
}

.woocommerce .wc_customer_bought_product {
    padding: 15px;
    background: #ac705217;
    color: #ac7052;
    border-radius: 10px;
    user-select: none;
}

.single-product .pwebcards.products {
    background: transparent;
}

.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: 0.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: 0.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 0.15s ease-in-out, background 0.15s ease-in-out;
}

.blog-single-social-links a.social-share-telegram i {
    font-size: 0.875rem;
}

.blog-comments-button:hover i {
    color: #ffb738;
    background: rgba(255, 183, 56, 0.1);
}

.social-share-telegram:hover i {
    color: #36ade1;
    background: rgba(54, 173, 225, 0.1);
}

.social-share-linkedin:hover i {
    color: #017ab5;
    background: rgba(1, 122, 181, 0.1);
}

.social-share-gplus:hover i {
    color: #df4a32;
    background: rgba(223, 74, 50, 0.1);
}

.social-share-twitter:hover i {
    color: #00abf0;
    background: rgba(0, 171, 240, 0.1);
}

.social-share-facebook:hover i {
    color: #3a579a;
    background: rgba(58, 87, 154, 0.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-min, .irs--round .irs-max {
    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;
}

/* .sidebar-widgets-wrapper .widget-box {
    background: var(--single-content-bg);
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 15px;
}

.sidebar-widgets-wrapper>.widget-box:last-child {
    margin-bottom: 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 0.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.active_page a, .category-pagination span.current {
    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: 0.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;
}

.searchbox form {
    margin-top: 10px;
    position: relative;
    left: -5px;
}

.searchbox form.hsearch {
    margin-top: 0px;
    position: relative;
    left: 0;
}

.searchbox input {
    font-size: 14px;
    padding: 8px;
}

.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 0px;
    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: 0.3s;
}

.pweb-widget-adv.textadv a:hover {
    background: transparent;
    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, 0.93);
    backdrop-filter: blur(3px);
    transition: 1s 0.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 0s infinite;
}

@keyframes spin {
    from {
        transform: rotate(0);
    }

    to {
        transform: rotate(359deg);
    }
}

@media (max-width:700px) {
    .video_popup_inner, .search_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: 0.3s;
    }

    #header .header-responsive .logo {
        width: 140px;
    }

    .dashboard-horizontal 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;
    }

    .woocommerce ul.order_details li {
        margin-bottom: 15px;
    }

    .my-account span {
        display: none;
    }
}

.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: transparent;
    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: white;
    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;
}

.thr-info li i {
    font-size: 20px;
    vertical-align: middle;
    margin-left: 10px;
    opacity: 0.3;
}

.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: 0.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-range, .woocommerce .widget_price_filter .ui-slider .ui-slider-handle {
    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: 10px 15px;
    background: var(--pweb-dashboard-dashbox-bg);
    border-radius: 15px;
}

.mobile-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 {
    position: fixed;
    top: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.93);
    backdrop-filter: blur(3px);
}

.mobile-sidebar.active .sidebar {
    visibility: visible;
    opacity: 1;
    right: 0;
}

.mobile-sidebar.active {
    visibility: visible;
    opacity: 1;
}

.mobile-sidebar .hambmenu-menus {
    position: fixed;
    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 {
    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;
    height: 6px;
    width: 6px;
    z-index: -1;
    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% - 20px);
    padding: 5px 12px;
    margin: 0 10px 20px;
    background-color: var(--pweb-pdrowcard-background);
    border-radius: 15px;
    display: none;
}

.mobile-sidebar .hambmenu-menus .menu {
    width: 100%;
    display: block;
    max-height: calc(100% - 110px);
    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;
}

.mobile-sidebar .hambmenu-menus .menu>li>ul li {
    width: 100%;
    display: block;
    border-bottom: 1px solid #6B6C771A;
}

.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: 0 0 20px 20px;
}

.hambmenu div.icon {
    position: absolute;
    top: 52%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 20px;
    height: 25px;
    cursor: pointer;
}

.hambmenu {
    display: block;
    width: 55px;
    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: 0.5s;
    border-radius: 20px;
}

.hambmenu div.icon li:nth-of-type(1) {
    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:nth-of-type(1) {
    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;
}