/*
Theme Name: موزیکفای
Version: 2.5
Author: پیشتاز وب
Author URI: https://www.rtl-theme.com/author/mmehrani
Description: پوسته موزیک وردپرس
Tested up to: 8.1
Requires PHP: 7.4
PishtazWeb Theme, (C) 2024 pishtaz-web.com
*/
body {
    padding: 0;
    margin: 0;
    overflow: auto;
    overflow-x: hidden;
    background-color: var(--pweb-main-background);
    font: 300 14px IRANSans;
    direction: rtl;
    text-align: right;
}

ul, li, ol {
    margin: 0px;
    padding: 0px;
}

a {
    text-decoration: none !important;
}

b, strong {
    font-weight: 500;
}

input, select, textarea, button {
    outline: none
}

ul, li {
    list-style: none;
}

h1, h2, h3, h4, h5, h6, p {
    padding: 0;
    margin: 0;
}

h3 {
    font-size: 13px;
    font-family: IRANSans;
}

textarea {
    resize: none;
}

::-moz-selection {
    background: #ffda93;
    color: #9c6f18;
}

::selection {
    background: #ffda93;
    color: #9c6f18;
}

/* End Reset */
.cl {
    clear: both;
}

.margin_top {
    margin-top: 10px;
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 600;
    src: url('fonts/iran-sans/IRANSans_Bold.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 500;
    src: url('fonts/iran-sans/IRANSans_Medium.ttf') format('truetype');
}

@font-face {
    font-family: IRANSans;
    font-style: normal;
    font-weight: 300;
    src: url('fonts/iran-sans/IRANSans_Light.ttf') format('truetype');
}

.left_dir {
    direction: ltr;
    text-align: left;
}

/*start*/
header {
    background: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.0392156862745098);
}

.topheader h1 {
    display: none;
}

.topheader h2 {
    display: none;
}

header .logo {
    background: #ffa800;
    position: relative;
    width: 100%;
    height: 63px;
    display: block;
}

header nav ul {
    display: flex;
}

header nav li a {
    color: #595959;
    font-size: 15px;
    transition: .3s all ease;
    padding: 3px 15px;
}

header nav li a:hover {
    color: #846b06;
    background: #ffa800;
    border-radius: 5px;
}

.banners {
    margin-top: 10px;
}

.banners figure {
    margin-bottom: 7px;
}

.banners figure img {
    width: 100%;
    height: auto;
    border-radius: 5px;
    transition: 0.3s all ease;
}

.banners figure img:hover {
    opacity: 0.9;
}

.post_content .text.page .search {
    margin: 9px 0;
}

.toppost {
    display: flex;
    justify-content: space-between;
}

.qrcode {
    position: relative;
    transition: .3s all ease;
}

.qrcode img {
    position: absolute;
    top: 10px;
    left: 0;
    width: 37px;
    height: auto;
    border-radius: 5px;
    z-index: 99999;
}

.qrcode img:hover {
    width: 150px;
}

.search button {
    background: transparent;
    padding: 5px;
    border: none;
    position: relative;
}

.search input {
    border: transparent;
    border-right: 1px solid #c9ceda;
    padding-right: 10px;
    font-weight: 300;
    font-size: 13px;
}

.search input::placeholder {
    color: #a3a9b5;
    font-weight: 300;
    font-size: 13px;
}

.top_content .namad {
    background: #e7e8ec;
    color: #88909d;
    padding: 12px 50px;
    margin: 10px 0;
    border-radius: 4px;
    position: relative;
}

.top_content .namad::before {
    content: '';
    position: absolute;
    top: 7px;
    right: 5px;
    background: url(images/samandehi.png) no-repeat;
    width: 37px;
    height: 37px;
}

.top_content .rel {
    background: linear-gradient(to right, rgba(130, 49, 252, 1) 0%, rgba(130, 49, 252, 1) 18%, rgba(54, 117, 252, 1) 100%);
    color: #fff;
    padding: 12px;
    border-radius: 3px;
}

.BreadcrumbList {
    display: flex;
    margin-top: 10px;
}

.BreadcrumbList li {
    position: relative;
    padding-right: 11px;
}

.BreadcrumbList li a {
    display: block;
    padding: 5px;
    color: #9c9c9c;
    font-size: 13px;
}

.BreadcrumbList li a:hover {
    color: #888;
}

.BreadcrumbList li:after {
    position: absolute;
    content: '»';
    left: -10px;
    top: 4px;
}

.BreadcrumbList li:first-child {
    padding-right: 0;
}

.BreadcrumbList li:last-child:after {
    content: none;
}

.list {
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.0392156862745098);
}

.list .title {
    margin: 10px 0px;
    color: #aaaaaa;
    padding-right: 25px;
    position: relative;
    margin-right: 0.5rem;
}

.list .title::before {
    content: '';
    position: absolute;
    top: 1px;
    right: -8px;
    background: url(images/category.svg) no-repeat;
    width: 25px;
    height: 25px;
}

.list .title.arch:before {
    background: url(images/singer.svg) no-repeat;
}

.list ul li a {
    color: #636363;
    display: block;
    font-size: 13px;
    padding: 5px 0;
    transition: 0.3s all ease;
}

.list ul li a:hover {
    padding-right: 5px;
    opacity: 0.7;
}

.list .archive>ul {
    height: 150px;
    overflow: auto;
}

.list .archive ul.artists {
    overflow: auto;
    height: 100%;
}

.list .archive ul.artists::-webkit-scrollbar {
    width: 3px;
}

.list .archive ul.artists::-webkit-scrollbar-track {
    background: #f0f1f3;
    border-radius: 15px;
}

.list .archive ul.artists::-webkit-scrollbar-thumb {
    background: #c8cfdf;
    border-radius: 15px;
}

.list .archive ul.artists::-webkit-scrollbar-thumb:hover {
    background: #919aab;
}

/*posts*/
.posts {
    transition: all 0.3s;
    margin: 15px 0;
}

.posts .post {
    background: #fff;
    margin: 5px 0;
    display: block;
    border-radius: 5px;
    overflow: hidden;
    transition: 0.3s all ease;
}

.posts .post h5 {
    font-size: 13px;
    color: #505050;
}

.posts .post h6 {
    font-size: 12px;
    color: #505050;
    font-weight: 300;
}

.posts .post:hover {
    box-shadow: 0px 0px 25px rgba(0, 0, 0, 0.13);
    transform: rotate(0deg);
}

.posts .post figure {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: auto;
}

.posts .post figure img {
    width: 100%;
    height: auto;
}

.posts .post figure:after {
    position: absolute;
    top: -50%;
    left: -50%;
    z-index: 2;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, .2);
    border-radius: 100%;
    opacity: 0;
    overflow: hidden;
}

.posts .post:hover figure {
    animation: figanim ease-in-out .75s forwards;
}

.posts .post:hover figure:after {
    animation: circle .75s;
}

.adv {
    text-align: center;
}

.adv img, .ads-3 img {
    max-width: 100%;
    height: auto;
    margin-top: 5px;
    border-radius: 10px !important;
}

.onlinesplay {
    display: flex;
    width: 100%;
    margin: 15px auto;
    justify-content: center;
    flex-flow: wrap;
    background: rgba(246, 246, 246, 0.8);
    padding: 15px;
    font: 14px BYekan;
    border-radius: 10px;
}

.onlinesplay video {
    border-radius: 10px;
}

@keyframes figanim {
    0% {
        filter: grayscale(.5);
    }

    40% {
        filter: grayscale(.3);
    }

    100% {
        filter: grayscale(0);
    }
}

@keyframes circle {
    0% {
        opacity: 0.8;
        background: rgba(213, 156, 34, .2);
    }

    40% {
        opacity: 1;
        background: rgba(255, 174, 0, 0.17);
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

.posts .post .name {
    padding: 0 10px;
}

.posts .post .name h2 {
    color: #565656;
    font-size: 13px;
    font-weight: 500;
}

.posts .post .name .foot_post {
    display: flex;
    justify-content: space-between;
    color: #9d9d9d;
    font-size: 13px;
    margin: 8px 0;
}

.posts .post .name h3 {
    color: #454545;
    font-size: 12px;
    font-weight: 300;
}

.posts .post .name span {
    font-size: 11px;
}

/*online_Player*/
.online_player {
    background: #fff;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #eee;
}

.online_player, .online_player .info_play {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.online_player .info_play figure {
    overflow: hidden;
    border-radius: 8px;
    width: 90px;
    height: 90px;
    margin-bottom: 0;
}

.online_player .info_play figure img {
    width: 100%;
}

.online_player .info_play .name {
    margin: 10px 20px;
}

.online_player .info_play .name h3 {
    color: #303030;
    font-size: 14px;
}

.online_player .info_play .name h4 {
    color: #303030;
    font-size: 13px;
    font-weight: 300;
    margin: 5px 0;
}

.online_player .info_play a {
    color: #b5b8bd;
    font-size: 13px;
    position: relative;
    padding-right: 25px;
}

.online_player .info_play a:hover:before {
    background-position: 53.5% 29.5%;
}

.online_player .controlls {
    display: flex;
    justify-content: space-between;
    width: 58%;
    margin: 35px 10px 0;
}

.online_player .controlls .seekvol {
    width: 100px;
    height: 5px;
    background: #f0f1f3;
    border-radius: 5px;
    margin-top: 8px;
    display: flex;
    justify-content: flex-end;
    cursor: pointer;
}

.online_player .controlls .seekvol .seekbarvol {
    background: #ffb900;
    border-radius: 5px;
    width: 95%;
    height: 100%;
    cursor: pointer;
}

.online_player .controlls .icon::after {
    position: absolute;
    top: 50%;
    left: 69%;
    margin: -33px 0 0 -35px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    content: '';
    opacity: 0;
    pointer-events: none;
    background: rgba(255, 193, 7, 0.1);
}

.online_player .controlls .icon.play {
    background: url(images/play.svg) no-repeat;
    width: 25px;
    height: auto;
    cursor: pointer;
    position: relative;
    transition: 0.3s opacity ease;
}

.online_player .controlls .icon.pause {
    background: url(images/pause.svg) no-repeat;
    width: 25px;
    height: auto;
    cursor: pointer;
    position: relative;
    transition: 0.3s opacity ease;
}

.online_player .controlls .icon.play:after, .online_player .controlls .icon.pause:after {
    opacity: 1;
    background: rgba(220, 222, 224, 0.17);
}

.online_player .controlls .icon:hover:after {
    animation: boris 0.4s ease;
}

.online_player .controlls .icon.vol:hover:after {
    animation: none;
}

@keyframes boris {
    0% {
        -webkit-transform: scale3d(0.3, 0.3, 1);
        transform: scale3d(0.3, 0.3, 1);
    }

    25%, 50% {
        opacity: 1;
    }

    to {
        opacity: 0;
        -webkit-transform: scale3d(1.2, 1.2, 1);
        transform: scale3d(1.2, 1.2, 1);
    }
}

.online_player .controlls .icon.play:hover, .online_player .controlls .icon.pause:hover {
    opacity: 0.8;
}

.online_player .controlls .icon.forward {
    background: url(images/forward.svg) no-repeat;
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: relative;
    transition: 0.3s opacity ease;
}

.online_player .controlls .icon.backward {
    background: url(images/backward.svg) no-repeat;
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: relative;
    transition: 0.3s opacity ease;
}

.online_player .controlls .icon.repeat {
    background: url(images/repeate-one.svg) no-repeat;
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: relative;
    transition: 0.3s opacity ease;
}

.online_player .controlls .icon.vol {
    background: url(images/volume-low.svg) no-repeat;
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: relative;
    transition: 0.3s opacity ease;
}

.online_player .controlls .tm {
    color: #b0b3b9;
    font-size: 13px;
}

audio {
    display: none;
}

/*hover*/
.online_player .controlls .icon.forward:hover {
    background: url(images/forward-active.svg) no-repeat;
}

.online_player .controlls .icon.backward:hover {
    background: url(images/backward-active.svg) no-repeat;
}

.online_player .controlls .icon.repeat:hover, .online_player .controlls .icon.repeat.active {
    background: url(images/repeate-one-active.svg) no-repeat;
}

/* Global */
.large_title {
    background: linear-gradient(to right, rgba(243, 225, 23, 1) 0%, rgba(255, 179, 1, 1) 100%);
    color: var(--pweb-button-color);
    padding: 12px;
    text-align: center;
    border-radius: 3px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.large_title h1 {
    font-size: 15px;
}

.large_title.white {
    color: #FFF;
}

.large_title1 {
    background: linear-gradient(to right, rgba(243, 225, 23, 1) 0%, rgba(255, 179, 1, 1) 100%);
    color: #FFF;
    padding: 12px;
    text-align: center;
    border-radius: 3px;
    margin-top: 15px;
    margin-bottom: 15px;
}

.large_title1 h1 {
    font-size: 15px;
}

.large_title1.white {
    color: #FFF;
}

.teleg div {
    width: 65%;
    height: 60px;
    margin: 0 auto;
    margin-top: 10px;
}

.teleg textarea {
    max-width: 100%;
    min-width: 100%;
    max-height: 50px;
    min-height: 70px;
    border-radius: 3px;
    overflow-y: auto;
    padding-left: 0;
    color: #666666;
    border-radius: 3px;
    padding-right: 0;
}

.teleg a {
    color: #FFF;
    border-radius: 3px;
    display: block;
    background: #14c72b;
    border-bottom: 4px #089f1c solid;
    font-family: 'BYekan', tahoma, Arial, sans-serif;
    font-size: 20px;
    padding: 7px 0;
    margin-bottom: 5px;
    text-align: center;
}

.teleg a:hover {
    background: #089f1c;
    color: #FFF;
    text-shadow: 1px 1px 0px #66ade9;
}

/*post_content*/
.post_content {
    margin: 15px 0;
}

.post_content .box_right {
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 15px;
    overflow: hidden;
}

.post_content .comments .comment.depth-1 {
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.post_content .box_right.ads .foot_post .left .more {
    width: 100%;
    display: block;
    text-align: center;
}

.post_content .box_right.ads .foot_post {
    display: block;
}

.post_content .post header {
    box-shadow: none;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #f1f1f3;
    margin-bottom: 15px;
    padding-bottom: 15px;
}

.post_content .box_right.post .title {
    padding-right: 15px;
    position: relative;
    font-weight: 500;
    font-size: 15px;
}

.post_content .box_right.post .title::before {
    content: '';
    position: absolute;
    top: 0px;
    right: -30px;
    background: var(--pweb-main-color);
    width: 35px;
    height: 20px;
    border-radius: 12px;
}

.post_content .box_right.post .title a {
    color: #616060;
    transition: 0.3s all;
}

.post_content .box_right.post .title a:hover {
    margin-right: 5px;
}

.post_content .box_right.post img {
    max-width: 100%;
    height: auto;
    margin: 10px 0;
    border-radius: 5px;
    transition: 0.3s ease-in-out;
}

.post_content .box_right.post img:hover {
    filter: blur(5px);
}

.post_content .soci {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}

.post_content .soci .ico {
    position: relative;
    transition: 0.3s opacity ease;
    width: 100%;
    display: block;
    padding: 9px 30px;
    color: #fff;
    border-radius: 10px;
}

.post_content .soci .ico:hover {
    opacity: 0.8;
}

.post_content .soci .ico.insta {
    background: #E91E63;
}

.post_content .soci .ico.tel {
    background: #2196F3;
}

.post_content .soci .ico:before {
    content: '';
    position: absolute;
    top: 9px;
    right: 5px;
    width: 23px;
    height: 23px;
}

.post_content .soci .ico.insta:before {
    background-position: 1% 80%;
}

.post_content .soci .ico.tel:before {
    background-position: 9.45% 80%;
}

.shnvr {
    display: block;
    position: fixed;
    bottom: 0;
    max-width: 100%;
    height: 45px;
    text-align: center;
    background: rgba(0, 0, 0, .9);
    z-index: 99999;
    right: 0;
    left: 0
}

.shnvr {
    display: none
}

.post_content .text {
    text-align: center;
    color: #444141;
    font-size: 13px;
}

.post_content .text.page {
    text-align: right;
}

.post_content .text p {
    line-height: 30px;
}

.post_content .text a {
    color: #444141;
}

.post_content .text a:hover {
    color: #000;
}

.post_content .foot_post {
    display: flex;
    justify-content: space-between;
    padding: 7px 0 8px;
}

.post_content .foot_post .right {
    display: flex;
    justify-content: space-between;
    width: 70%;
}

.post_content .foot_post .right .icinfo {
    margin-top: 5px;
}

.post_content .foot_post .right .icinfo span, .post_content .foot_post .right .icinfo time, .post_content .post header .comment {
    position: relative;
    padding-right: 30px;
    padding-left: 5px;
    color: #787878;
    font-size: 12px;
}

.post_content .foot_post .right .icinfo span::before, .post_content .foot_post .right .icinfo time::before, .post_content .post header .comment::before {
    content: '';
    position: absolute;
    top: 0px;
    right: 0;
    background: url(images/comment.svg) no-repeat;
    width: 25px;
    height: 25px;
}

.post_content .foot_post .right .icinfo a {
    color: #787878;
}

.post_content .foot_post .right .icinfo span.cat::before {
    background: url(images/sm-category.svg) no-repeat;
}

.post_content .foot_post .right .icinfo span.date::before {
    background: url(images/calendar.svg) no-repeat;
    top: -1px;
}

.post_content .foot_post .right .icinfo span.view {
    padding-right: 23px;
}

.post_content .foot_post .right .icinfo span.view::before {
    width: 20px;
    background: url(images/view.svg) no-repeat;
}

.post_content .post header .comment {
    padding-right: 30px;
}

.post_content .post header .comment:before {}

.post_content .foot_post .left {
    margin-top: 4px;
}

.post_content .foot_post.sng .right {
    width: 100%;
}

.post_content .foot_post .lks .icon {
    color: #6d6e70;
    background: #f0f1f3;
    font-size: 12px;
    padding: 7px 10px 5px 29px;
    transition: .3s all ease;
    border-radius: 5px;
    position: relative;
    display: inline-block;
    border: 1px solid transparent;
    cursor: pointer;
}

.post_content .foot_post .lks .icon:before {
    content: '';
    position: absolute;
    top: 5px;
    left: 7px;
    width: 20px;
    height: 20px;
}

.post_content .foot_post .lks .icon.like:before {
    background-position: 27% 41.5%;
}

.post_content .foot_post .lks .icon.like:hover {
    border: 1px solid #fdb904;
    background: #FFF;
}

.post_content .foot_post .lks .icon.dislike:hover {
    border: 1px solid #909090;
    background: #FFF;
}

.post_content .foot_post .lks .counter {
    margin-left: 5px;
}

.post_content .foot_post .left .more {
    background: var(--pweb-main-color);
    color: #825e00;
    font-size: 15px;
    font-weight: 500;
    padding: 10px 15px;
    border-radius: 5px;
    box-shadow: 0px 4px 9px rgba(0, 0, 0, 0.12);
    transition: .3s all ease;
}

.post_content .foot_post .left .more:hover {
    opacity: 0.8;
}

.box_right.number {
    text-align: center;
}

.box_right.number span {
    color: #717171;
    font-weight: 500;
    font-size: 15px;
    padding: 1px 10px;
}

.box_right.number span:hover {
    background: #f0f1f3;
    color: #a6a6a8;
    border-radius: 3px;
}

.box_right.number span.active {
    background: #fcba02;
    color: #fff;
    border-radius: 3px;
}

.post_content aside {
    background: #edae01;
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.post_content aside.tab {
    box-shadow: inset 0px 2px 7px rgba(0, 0, 0, 0.07);
}

.post_content aside .title {
    text-align: center;
    color: #9c7405;
    position: relative;
    padding: 1px 10px;
    font-size: 13px;
}

.post_content aside .nav-tabs {
    border-bottom: none;
    display: flex;
    justify-content: center;
    margin: 15px 0;
}

.post_content aside .nav-tabs .nav-link.active {
    color: #fff;
    background-color: #a47d16;
    border: none;
    border-radius: 20px;
}

.post_content aside .nav-tabs .nav-link:hover, .nav-tabs .nav-link:focus {
    border: none;
}

.post_content aside .nav-tabs .nav-link {
    border: none;
    color: #ab7d03;
    background: #e1a604;
    border-radius: 20px;
    padding: 2px 0;
    margin: 4px;
    width: 55px;
    text-align: center;
    transition: 0.3s all ease;
}

.post_content aside .nav-tabs .nav-link.active:hover {
    background: #a47d16;
}

.post_content aside .nav-tabs .nav-link:hover {
    background: #cc980c;
}

.post_content aside .tab_content {
    display: none;
}

.post_content aside .tab_content.show {
    display: block;
}

.post_content aside .tab_content ul li {
    color: #544110;
    position: relative;
}

.post_content aside .tab_content ul li .counter {
    background: rgba(193, 145, 8, 0.43);
    width: 20px;
    height: 20px;
    border-radius: 100%;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    transition: 0.3s all ease;
}

.post_content aside .tab_content ul li:hover .counter {
    background: #fff;
    color: #888;
}

.post_content aside .tab_content ul li:hover a {
    color: #fff;
}

.post_content aside .tab_content ul li a {
    color: #806219;
    font-size: 12px;
    transition: 0.3s all ease;
    display: block;
    padding: 4px 0;
}

.post_content aside.gray {
    background: #e3e6ed;
    border: 1px solid #ccd2de;
    padding-top: 0;
}

.post_content aside.gray .title {
    color: #7a7f92;
    background: #bdc3d1;
    width: 50%;
    border-radius: 0 0 10px 10px;
    margin: 0 auto;
}

.post_content aside.gray ul {
    margin: 10px 0;
}

.post_content aside.gray ul li a {
    color: #51545b;
    font-size: 12px;
    display: block;
    transition: 0.3s all ease;
    padding: 5px 1px;
}

.post_content aside.gray ul li a:hover {
    opacity: 0.7;
}

.ads-main {
    background: #dddddd;
    padding: 15px;
    border-radius: 3px;
    margin-bottom: 15px;
    position: relative;
    border-right: 48px solid rgb(204, 204, 204);
}

.ads-main:before {
    content: "تبلیغ ویژه";
    position: absolute;
    font-size: 15px;
    font-family: 'IRANSans', tahoma, Arial, sans-serif;
    transform: rotate(270deg);
    right: -50px;
    top: 66px;
}

.ads-fix-post:before {
    content: "تبــلیغات";
    right: -50px;
    top: 30px;
}

.ads-main a {
    display: block;
    text-align: center;
}

#wp_page_numbers ul {
    display: flex;
    justify-content: center;
}

#wp_page_numbers ul li {
    margin-right: 4px;
}

#wp_page_numbers ul li a, #wp_page_numbers ul li span {
    position: relative;
    padding: 3px 11px;
    display: block;
    color: #3d4046;
    font-size: 13px;
    transition: 0.3s all ease;
    border-radius: 5px;
    min-width: 35px;
    border: 1px solid transparent;
}

#wp_page_numbers ul li a:hover, #wp_page_numbers ul li span:hover {
    color: #fff;
    background: #feb703;
    border: 1px solid #feb703;
}

#wp_page_numbers ul li.active_page a, #wp_page_numbers ul li span.current {
    font-weight: 300;
    color: #9fa3ab;
    background: #EEE;
    cursor: no-drop;
    border: 1px solid transparent;
}

#wp_page_numbers ul li.active_page a:hover {
    color: #9fa3ab;
    background: #EEE;
}

/*footer*/
.gotop {
    width: 40px;
    height: 40px;
    border-radius: 15px;
    position: fixed;
    bottom: 5%;
    right: 7px;
    cursor: pointer;
    transition: 0.3s ease;
    background: var(--pweb-main-color);
    z-index: 1;
}

.gotop::before {
    content: '';
    display: block;
    height: 20px;
    transition: 0.3s all;
    margin-top: 12px;
    margin-left: 12px;
    background-image: url("data:image/svg+xml,%3Csvg width='17' height='13' viewBox='0 0 17 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.2015 10.9907L8.50094 6.29126L6.41561 8.37603C6.31314 8.48212 6.25644 8.62422 6.25772 8.77172C6.25901 8.91921 6.31817 9.0603 6.42247 9.1646C6.52677 9.2689 6.66786 9.32807 6.81535 9.32935C6.96285 9.33063 7.10495 9.27393 7.21104 9.17146L8.50094 7.88212L12.4055 11.7861C12.6319 12.0126 12.9008 12.1923 13.1966 12.3149C13.4925 12.4375 13.8096 12.5007 14.1299 12.5007C14.4501 12.5008 14.7673 12.4377 15.0632 12.3152C15.3591 12.1927 15.6279 12.0131 15.8544 11.7867C16.0809 11.5603 16.2606 11.2915 16.3832 10.9956C16.5058 10.6997 16.569 10.3826 16.569 10.0624C16.5691 9.74209 16.506 9.42495 16.3835 9.12905C16.261 8.83315 16.0814 8.56427 15.855 8.33778L8.50094 0.983154L1.14745 8.33834C0.918698 8.56425 0.736881 8.83317 0.612455 9.12962C0.488029 9.42607 0.423451 9.7442 0.422436 10.0657C0.421422 10.3872 0.483992 10.7057 0.606545 11.003C0.729098 11.3002 0.909215 11.5703 1.13653 11.7976C1.36385 12.025 1.63388 12.2051 1.93109 12.3277C2.2283 12.4503 2.54682 12.5129 2.86832 12.512C3.18982 12.511 3.50796 12.4465 3.80443 12.3221C4.1009 12.1977 4.36985 12.016 4.5958 11.7873L5.52343 10.8602C5.6259 10.7541 5.6826 10.612 5.68132 10.4645C5.68004 10.317 5.62088 10.1759 5.51658 10.0716C5.41228 9.96732 5.27119 9.90816 5.12369 9.90688C4.97619 9.90559 4.8341 9.9623 4.728 10.0648L3.80037 10.9918C3.55042 11.2307 3.21796 11.3641 2.87219 11.3641C2.52641 11.3641 2.19396 11.2307 1.944 10.9918C1.82208 10.87 1.72536 10.7253 1.65938 10.566C1.59339 10.4067 1.55943 10.236 1.55943 10.0636C1.55943 9.89125 1.59339 9.72055 1.65938 9.56129C1.72536 9.40203 1.82208 9.25733 1.944 9.13545L8.50094 2.57457L15.0596 9.13377C15.1815 9.25564 15.2782 9.40034 15.3442 9.5596C15.4102 9.71887 15.4441 9.88957 15.4441 10.062C15.4441 10.2343 15.4102 10.405 15.3442 10.5643C15.2782 10.7236 15.1815 10.8683 15.0596 10.9901C14.8095 11.2294 14.4767 11.3629 14.1307 11.363C13.7846 11.3631 13.4518 11.2298 13.2015 10.9907Z' fill='white'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
}

.gotop:hover {
    opacity: 0.7;
    height: 85px;
}


@media(max-width:767px) {
    footer {
        padding: 0 !important;
    }
}

footer {
    background-image: url("images/footer-bg.svg");
    background-position: top;
    background-repeat: no-repeat;
    background-size: cover;
    padding: 3rem;
}

footer .foot_menu ul {
    display: flex;
    flex-flow: wrap;
}

footer .foot_menu li a {
    color: #828999;
    transition: .3s all ease;
    padding: 10px 5px;
    margin: 0 5px;
    display: block;
}

footer .foot_menu li a:hover {
    color: #adb3c1;
}

footer .foot_list .title {
    color: #5b6370;
    font-weight: 500;
    padding: 15px 0
}

footer .foot_list a {
    color: #a8b0bd;
    display: block;
    transition: .3s all ease;
    padding: 5px 0;
    font-size: 13px;
}

footer .foot_list a:hover {
    color: #eee;
}

footer .foot_list .comm a {
    display: flex;
}

footer .foot_list .comm a span {
    margin-left: 5px;
    font-weight: 500;
}

footer .foot_list ul {
    margin-bottom: 30px;
}

footer .copyright {
    padding: 15px;
    background: #e3e6ed;
    border-top: 1px solid #ccd2de;
    border-radius: 0.5rem 0.5rem 0 0;
}

.social {
    text-align: center;
    padding: 15px 0;
}

.social .icon {
    position: relative;
    margin-left: 36px;
    transition: 0.3s opacity ease;
}

.social .icon:hover {
    opacity: 0.7;
}

.social .icon::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 25px;
    height: 25px;
}

.social .icon.you:before {
    background-position: 68% 54%;
}

.social .icon.tel:before {
    background-position: 57% 54%;
}

.social .icon.link:before {
    background-position: 46% 54%;
}

.social .icon.feed:before {
    background-position: 35% 54%;
}

.social .icon.insta:before {
    background-position: 23% 54%;
}

.social .icon.gplus:before {
    background: url(images/google-plus.svg) no-repeat;
}

.social .icon.tw:before {
    background: url(images/twitter.svg) no-repeat;
}

.social .icon.fb::before {
    background: url(images/facebook.svg) no-repeat;
}

footer .copyright span {
    display: block;
    color: #3b4958;
    text-align: center;
}

footer .copyright span a {
    color: #edf1f4;
    font-weight: 500;
}
/* Custom Styles for pweb-footer */
.pweb-footer {
    background: #2c3e50; /* Darker, modern background */
    color: #ecf0f1; /* Light text for contrast */
    padding: 40px 0 0; /* Adjusted padding: top/bottom padding, 0 for left/right */
    margin-top: 50px; /* More margin from content */
    border-top-left-radius: 15px; /* Rounded top-left corner */
    border-top-right-radius: 15px; /* Rounded top-right corner */
    box-shadow: 0 -5px 15px rgba(0, 0, 0, 0.2); /* Subtle shadow above the footer */
    direction: rtl; /* Ensure right-to-left direction for content */
    text-align: right; /* Align text to the right */
}

.pweb-footer .footer-widget {
    margin-bottom: 30px; /* More spacing between widgets on smaller screens */
}

.pweb-footer .widget-title {
    font-size: 1.5rem; /* Slightly larger title font size */
    margin-bottom: 20px; /* Space below the title */
    border-bottom: 2px solid #3498db; /* Blue underline for modern touch */
    padding-bottom: 10px; /* Padding below the text for the underline */
    color: #ffffff; /* White title color */
    position: relative; /* Needed for pseudo-element positioning */
    padding-right: 15px; /* Space for the accent dot */
}

/* Accent dot for widget titles */
.pweb-footer .widget-title::before {
    content: ''; /* Required for pseudo-elements */
    position: absolute; /* Position relative to .widget-title */
    right: 0; /* Align to the right edge */
    top: 50%; /* Vertically center */
    transform: translateY(-50%); /* Adjust for perfect vertical centering */
    width: 8px; /* Size of the dot */
    height: 8px; /* Size of the dot */
    background-color: #3498db; /* Blue color for the dot */
    border-radius: 50%; /* Make it circular */
}

.pweb-footer .bio p {
    font-size: 0.95rem; /* Slightly smaller font for bio text */
    line-height: 1.8; /* Increased line height for readability */
    color: #bdc3c7; /* Light grey text color */
    text-align: justify; /* Justify text for clean edges */
}

.pweb-footer ul {
    list-style: none; /* Remove default list bullets */
    padding: 0; /* Remove default padding */
    margin: 0; /* Remove default margin */
}

.pweb-footer ul li {
    margin-bottom: 10px; /* Space between list items */
}

.pweb-footer ul li a {
    color: #bdc3c7; /* Light grey link color */
    text-decoration: none; /* Remove underline from links */
    transition: color 0.3s ease, transform 0.2s ease; /* Smooth transition for hover effects */
    display: block; /* Make links block to ensure full clickable area */
    padding: 5px 0; /* Vertical padding for clickable area */
}

.pweb-footer ul li a:hover {
    color: #3498db; /* Blue on hover */
    transform: translateX(-5px); /* Slight slide effect to the left on hover */
}

/* App Download Buttons */
.pweb-footer .app-download-section .btn {
    background-color: #34495e; /* Darker button background */
    border-color: #34495e; /* Matching border color */
    color: #ecf0f1; /* Light text color */
    font-weight: 600; /* Bolder text */
    transition: background-color 0.3s ease, border-color 0.3s ease, color 0.3s ease; /* Smooth transitions */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Button shadow */
    border-radius: 8px !important; /* Ensure rounded corners */
}

.pweb-footer .app-download-section .btn:hover {
    background-color: #3b5066; /* Slightly lighter on hover */
    border-color: #3b5066; /* Matching border color on hover */
    color: #ffffff; /* White text on hover */
}

.pweb-footer .app-download-section .btn i {
    color: #3498db; /* Blue icon color */
    margin-left: 8px; /* Space between icon and text */
}

/* Social Media Icons */
.pweb-footer .social-icons .social-icon {
    display: flex; /* Use flexbox for centering icon */
    align-items: center; /* Center icon vertically */
    justify-content: center; /* Center icon horizontally */
    width: 45px; /* Fixed width for the icon background */
    height: 45px; /* Fixed height for the icon background */
    background-color: #3498db; /* Blue background */
    color: #fff; /* White icon color */
    border-radius: 50%; /* Circular shape */
    font-size: 1.3rem; /* Icon size */
    transition: all 0.3s ease; /* Smooth transition for all properties */
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2); /* Icon shadow */
    text-decoration: none; /* Remove underline */
}

.pweb-footer .social-icons .social-icon:hover {
    background-color: #2980b9; /* Darker blue on hover */
    transform: translateY(-5px) scale(1.1); /* Lift and grow effect on hover */
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.3); /* Enhanced shadow on hover */
}

/* Copyright Bar */
.pweb-footer .copyright-bar {
    background: #1a252f; /* Even darker background for copyright section */
    color: #95a5a6; /* Lighter grey text color */
    font-size: 0.85rem; /* Smaller font size for copyright */
    padding-top: 15px; /* Vertical padding */
    padding-bottom: 15px; /* Vertical padding */
    margin-top: 30px; /* Add margin-top to separate it from main footer content */
    border-top-left-radius: 0; /* Remove top-left border radius inherited from footer */
    border-top-right-radius: 0; /* Remove top-right border radius inherited from footer */
    border-bottom-left-radius: 15px; /* Rounded bottom-left corner */
    border-bottom-right-radius: 15px; /* Rounded bottom-right corner */
}

/* Go to Top Button (Styles should ideally be near main Go to Top styles) */
#go-top {
    display: none; /* Hidden by default, controlled by JS */
    position: fixed; /* Fixed position on the screen */
    bottom: 20px; /* 20px from the bottom */
    right: 20px; /* 20px from the right */
    background: #007bff; /* Blue background */
    color: #fff; /* White icon color */
    border-radius: 50%; /* Circular shape */
    width: 45px; /* Width of the button */
    height: 45px; /* Height of the button */
    text-align: center; /* Center the icon horizontally */
    line-height: 45px; /* Center the icon vertically */
    cursor: pointer; /* Pointer cursor on hover */
    z-index: 1000; /* High z-index to be on top of other content */
    box-shadow: 0 4px 8px rgba(0,0,0,0.2); /* Subtle shadow */
    transition: all 0.3s ease; /* Smooth transition */
}

#go-top:hover {
    background-color: #0056b3; /* Darker blue on hover */
    transform: translateY(-3px); /* Slight lift effect */
    box-shadow: 0 6px 12px rgba(0,0,0,0.3); /* Enhanced shadow on hover */
}

/* Responsive adjustments for footer */
@media (max-width: 991px) { /* For small to medium devices (lg breakpoint) */
    .pweb-footer .col-lg-4 {
        margin-bottom: 25px; /* Add space between columns on smaller screens */
    }
}

@media (max-width: 767px) { /* For extra small devices (md breakpoint) */
    .pweb-footer .footer-widget {
        margin-bottom: 25px; /* Reduce margin on mobile */
    }
    .pweb-footer .col-md-6 {
        margin-bottom: 15px; /* Add margin between widget columns on small screens */
    }
    .pweb-footer .social-icons {
        flex-wrap: wrap; /* Wrap social icons on small screens */
        justify-content: center !important; /* Center wrap */
        gap: 15px; /* Gap between icons */
    }
    .pweb-footer .app-download-section .btn {
        font-size: 0.9rem; /* Smaller font for buttons on mobile */
        padding: 10px; /* Adjusted padding */
    }
}

/*single*/
.online_player .controlls.sngl {
    width: 100%;
    margin: 26px 0;
}

.table {
    margin-top: 25px;
}

.table thead tr {
    border-radius: 15px;
}

.table thead th {
    background: #f0f1f3;
    color: #4f4f4f;
    font-size: 13px;
    border: none;
    text-align: center;
    font-weight: 500;
}

.table td {
    border-top: none;
    border-bottom: 1px solid #f1f1f1;
    text-align: center;
    font-size: 13px;
}

.table td .play:hover {
    opacity: 0.8;
}

.table td a {
    color: #5f5f5f;
}

.table td a:hover {
    color: #0a0a0a;
}

.table tbody tr {
    border-right: 2px solid transparent;
    transition: 0.3s all ease;
}

.table tbody tr:hover, .table tbody tr.active {
    background: #f7f7f7;
    border-right: 2px solid #feba00;
}

.yekta {
    display: flex;
    justify-content: space-between;
    flex-flow: wrap;
    background: #FFF;
    padding: 15px;
    margin: 15px 0;
}

.dl {
    margin-bottom: 15px;
    margin-top: 15px;
}

.dl a {
    color: var(--pweb-button-color);
    background: var(--pweb-main-color);
    border: 1px solid var(--pweb-main-color);
    border-radius: 8px;
    position: relative;
    padding: 15px;
    margin: 10px 0;
    transition: 0.3s opacity ease;
    display: block;
    font-size: 15px;
    text-align: center;
    transition: 0.3s all;
}

.dl a:hover {
    background: transparent;
    border: 1px dashed var(--pweb-main-color);

}

.dl a svg {
    margin-left: 5px;
    padding-bottom: 1px;
}

.dl a svg path {
    fill: var(--pweb-button-color);

}

.matnmusic {
    position: relative;
    margin-bottom: 30px;
}

.matnmusic h3 {
    margin: 10px;
    font-weight: 300;
    font-size: 13.5px;
    color: #afb0b3;
}

.matnmusic h3 a {
    color: #afb0b3 !important;
}

.matnmusic .text {
    text-align: center;
    color: #5c5d5f;
    overflow: hidden;
    height: 100%;
}

.matnmusic .text.show {
    height: 100%;
}

.matnmusic .full {
    text-align: center;
    background: #FFF;
    margin: -16px 0;
    box-shadow: 0 -22px 35px #ffffff;
    position: absolute;
    width: 100%;
}

.matnmusic .full.dis {
    box-shadow: none;
    position: static;
    margin-top: 6px;
}

.matnmusic .full button {
    background: #f0f1f3;
    color: #4c4d51;
    border: none;
    border-radius: 20px;
    font-weight: 300;
    padding: 4px 25px;
    cursor: pointer;
    transition: 0.3s all ease;
}

.matnmusic .full button:hover {
    background: #ffc10775;
    box-shadow: 0 0 22px #ffc10759;
    color: #a9810c;
}

button:focus {
    outline: 0px dotted;
    outline: 0px auto -webkit-focus-ring-color;
}

.box_web {
    background: #f0f1f3;
    margin: 10px 0;
    padding: 15px;
    border-radius: 6px;
}

.box_web .ltitle {
    color: #b0b4bd;
    font-weight: 500;
}

.box_web.scl {
    display: flex;
    justify-content: space-between;
}

.box_web.scl .social {
    padding: 0;
}

.box_web textarea {
    width: 100%;
    height: 61px;
    font-size: 11px;
    font-weight: 300;
    text-align: left;
    direction: ltr;
    margin-top: 10px;
    border: 1px solid #d5d8de;
}

.post_content .foot_post .right .icinfo span.cm:before {
    background-position: 44% 42%;
    top: 2px;
}

.fullcomm {
    text-align: center;
    margin: 13px;
}

.fullcomm.dis {
    box-shadow: none;
    position: static;
    margin-top: 6px;
}

.fullcomm button {
    background: #ffffff;
    color: #4c4d51;
    border-radius: 20px;
    font-weight: 300;
    padding: 6px 30px;
    cursor: pointer;
    transition: 0.3s all ease;
    border: 1px solid #dedede;
    font-size: 13px;
    display: none;
}

.fullcomm button:hover {
    box-shadow: 0 0 19px #0000001c;
}

.comment-list {
    overflow: hidden;
    max-height: 832px;
}

.comment-list.show {
    max-height: 100%;
}

.comment-respond {
    background: #fff;
    padding: 15px;
    border-radius: 5px;
    margin-bottom: 15px;
}

.comment-respond #cancel-comment-reply-link {
    color: #bbbbbb;
    font-weight: 300;
}

.comment-respond #cancel-comment-reply-link:hover {
    color: #888;
}

.comment-respond .comment-reply-title {
    color: #676b76;
    font-weight: 500;
    font-size: 15px;
    margin: 7px 10px;
    display: flex;
    justify-content: space-between;
}

.comment-respond form .input_holder {
    display: flex;
    justify-content: space-between;
}

.comment-respond form .input_holder.foot {
    margin-top: 7px;
}

.comment-respond form .input_holder input[type=text], .comment-respond form .input_holder textarea {
    border: 1px solid transparent;
    background: #eaebed;
    width: 100%;
    margin: 5px;
    padding: 5px;
    border-radius: 5px;
    transition: 0.3s all ease;
    border: 1px solid transparent;
    font-weight: 300;
    font-size: 13px;
}

.comment-respond form .input_holder input::placeholder, .comment-respond form .input_holder textarea::placeholder {
    font-weight: 300;
    font-size: 12px;
}

.comment-respond form .input_holder input[type=text]:focus, .comment-respond form .input_holder textarea:focus {
    border: 1px solid #c0c7d0;
    background: #FFF;
}

.comment-respond form .input_holder textarea {
    height: 150px;
}

.comment-respond form .input_holder span {
    color: #828282;
    font-size: 11px;
    margin: 7px;
}

.comment-respond form input[type="submit"] {
    border: none;
    border-radius: 5px;
    background: #515860;
    color: #fff;
    font-weight: 300;
    margin-left: 5px;
    padding: 5px 30px;
    font-size: 13px;
    cursor: pointer;
    transition: 0.3s all ease;
}

.comment-respond form input[type="submit"]:hover {
    background: #76818e;
}

.box_right.admin {
    background: #fef3dd;
    border: 1px solid #fac64e;
}

.comment-list .children {
    margin-right: 25px;
}

.nocomm {
    font-size: 12px;
    color: #a2a2a2;
    margin: 10px 0;
}

.box_right video {
    width: 100%;
    height: auto;
}

.box_right .fluid_video_wrapper {
    width: 100% !important;
}

.box_right .top_user {
    display: flex;
    justify-content: space-between;
}

.box_right .title {
    font-size: 13px;
    color: #959595;
}

.box_right .title b {
    color: #828282;
}



.comments .reply a {
    background: #eaebed;
    border: none;
    border-radius: 5px;
    color: #5d5d5d;
    padding: 3px 15px;
    font-weight: 300;
    font-size: 12px;
    height: 28px;
    transition: 0.3s all ease;
    border: 1px solid transparent;
}

.box_right.comment.admin .comment-reply-link {
    background: #f1deb8;
    color: #8a661c;
}

.comments .reply a:hover {
    border: 1px solid #e0e0e0;
    background: #FFF;
}

.box_right.comment .top {
    display: flex;
    justify-content: space-between;
}

.comments .fn {
    font-weight: 500;
    margin-left: 10px;
}

.comments .reply {
    text-align: end;
}

.comments p {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
}

.box_right.comment .ttl {
    font-size: 13px;
    color: #3e3d3d;
    margin-bottom: 15px;
    display: flex;
}

.box_right.comment.admin .ttl {
    color: #7c673a;
}

.box_right.comment .commtxt {
    font-size: 13px;
}

.box_right.comment.admin .commtxt {
    color: #7c673a;
}

.box_comment .cm_view {
    margin: 0 auto;
    display: block;
    border: 1px solid #d7dbe4;
    background: #fff;
    border-radius: 25px;
    padding: 5px 30px;
    color: #4c4c4e;
    font-weight: 300;
    margin-bottom: 30px;
}

.box_right.bottom .title {
    font-size: 15px;
    color: #959595;
    margin-bottom: 10px;
}

.box_right.bottom.tags a {
    font-size: 12px;
    padding: 2px 5px;
    display: inline-block;
    background: #f1f1f1;
    color: #868686;
    transition: 0.3s all ease;
    margin-left: 5px;
    margin-bottom: 4px;
    border-radius: 3px;
}

.box_right.bottom.tags a:hover {
    background: #FFC107;
    color: #ffffff;
}

.box_right.bottom ul li {
    display: block;
    border-bottom: 1px solid #EEE;
    padding: 10px 5px;
    transition: 0.3s all ease;
}

.box_right.bottom ul li:last-child {
    border-bottom: 0 !important;
}

.box_right.bottom ul li:hover {
    border-bottom: 1px solid #d1e0e6;
}

.box_right.bottom ul li a h4 {
    color: #4d525f;
    font-size: 13px;
    font-weight: 300;
    transition: 0.3s all ease;
}

.box_right.bottom ul li a:hover h4 {
    color: #328db7;
}

.sidenav {
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 999999;
    top: 0;
    right: 0px;
    overflow-x: visible;
    transition: 0.5s;
    display: none;
}

.sidenav .layer {
    position: absolute;
    background: #000;
    width: 100%;
    height: 100%;
    z-index: 1;
    opacity: 0.7;
    display: none;
}

.sidenav .scroll {
    height: inherit;
    overflow-y: scroll;
    direction: rtl;
    margin-bottom: 20px;
    overflow-x: hidden;
    box-shadow: 0px 5px 35px rgba(0, 0, 0, 0.18);
    width: 85%;
    z-index: 2;
    position: absolute;
    right: -1000px;
    background: #FFF;
}

.sidenav .head {
    background: #FFA800;
    padding: 20px;
    width: 100%;
    position: relative;
    box-shadow: 0 7px 17px rgba(0, 0, 0, 0.07058823529411765);
    display: flex;
    justify-content: center;
}

.sidenav .head .title {
    color: #fff;
    display: inline;
}

.sidenav .head form {
    display: flex;
}

.sidenav .head form input[type=text] {
    width: 100%;
    background: #ffffff;
    border: 0;
    padding: 10px;
    color: #383838;
    font-size: 14px;
}

.sidenav .head form input[type=text]::placeholder {
    color: #afaca7;
}

.sidenav .cls_side {
    background: url(images/close.svg) no-repeat;
    width: 30px;
    height: 30px;
    background-color: #f8b126;
    border-radius: 1rem;
    padding: 20px;
    position: absolute;
    left: 10px;
    background-position: center;
    top: 10px;
    z-index: 999;
}

.sidenav .head .title a {
    display: block;
    color: #FFF;
}

.sidenav .head i {
    color: #fff;
    float: left;
    padding: 3px;
    transition: 0.3s all ease;
    cursor: pointer;
    font-size: 18px;
}

.sidenav .head i:hover {
    color: #ac98ca;
}

.sidenav .sep {
    background: #eee;
    padding: 13px;
}

.sidenav .links .menu {
    background: transparent;
    padding: 0;
    display: block;
}

.sidenav .links .drop {
    padding: 10px 13px;
    font-size: 15px;
    cursor: pointer;
    border-bottom: 1px solid #dee5e7;
    color: #707070;
}

.sidenav .links .drop.active {
    background: #f1f1f1;
}

.sidenav .links .drop:hover {
    background: #f7fafb;
}

.sidenav .links .angle {
    color: #888;
    float: left;
    padding: 2px;
    transition: 0.3s all ease;
    cursor: pointer;
}

.sidenav .links .under {
    display: none;
}

.sidenav .links .under.show {
    display: block;
}

.sidenav .links .under .list, .sidenav .links ul li {
    border-bottom: 1px solid #efefef;
    direction: rtl;
    text-align: right;
}

.sidenav .links .under .list a, .sidenav .links ul li a {
    padding: 13px 13px;
    font-size: 13px;
    color: #313131;
    display: block;
}

.sidenav .links .under .list a:hover, .sidenav .links ul li a:hover {
    background: #3a362c;
    color: #FFF;
    box-shadow: 0px 5px 35px rgba(0, 0, 0, 0.18);
}

.sidenav .login_div {
    display: flex;
}

.sidenav .login_div .avt img {
    border-radius: 100%;
}

.sidenav .login_div .uname {
    margin-top: 22px;
    margin-right: 14px;
}

.response_head {
    display: none;
    background: #FFA800;
    box-shadow: 0 0 34px 0px rgba(0, 0, 0, 0.14901960784313725);
    position: fixed;
    width: 95%;
    border-radius: 1rem;
    z-index: 999999;
    top: 10px;
    right: 3%;
}

.comment-form-cookies-consent {
    display: none;
}

.comment-notes {
    display: none;
}

.comment-meta.commentmetadata {
    display: none;
}

.says {
    display: none;
}

.comment-author img {
    display: none;
}

.fn {
    font-style: normal;
}

.response_head .reponsesearch {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    border-radius: 1rem;
    background: #40372a;
    display: none;
}

.response_head .reponsesearch form {
    display: flex;
    padding: 13px 15px;
    position: relative;
}

.response_head .reponsesearch form input[type=text] {
    width: 100%;
    border: 0;
    padding: 7px;
    font-size: 14px;
    font-weight: 300;
    color: #fff;
    background: transparent;
    border-bottom: 1px solid #6b5e4c;
}

.response_head .reponsesearch form input[type=text]:focus {
    border-bottom: 1px solid #f9f3e2;
}

.response_head .reponsesearch form input[type=text]::placeholder {
    color: #8c806f;
}

.response_head .reponsesearch form input[type=submit] {
    display: none;
}

.response_head .close {
    background: url(images/close.svg) no-repeat;
    width: 30px;
    height: 30px;
    padding: 25px;
    position: absolute;
    left: 8px;
    top: 10px;
}

.response_head .imgs {
    padding: 10px;
    display: flex;
    flex-direction: row-reverse;
    justify-content: space-between;
    width: 100%;
}

.response_head .img {
    background-repeat: no-repeat;
    width: 50px;
    height: 50px;
    cursor: pointer;
    background-color: #f8b126;
    border-radius: 1rem;
    background-position: center;
}

.response_head .img.nv {
    background-image: url(images/menu.svg);
}

.response_head .img.lg {
    background-position: 100% 1.1%;
    width: 152px;
}

.response_head .img.sc {
    background-image: url(images/searchead.svg);
}

.widget-con {
    text-align: center;
}

.widget-con h4 {
    margin: 15px 0;
    font-size: 18px
}

.widget-con figure {
    margin: 0 0 0 1%;
    width: 32%;
    float: left;
    overflow: hidden;
    border: 1px solid #ccc;
    background: #eee;
}

.widget-con a img {
    border: 0
}

.widget-con figcaption {
    margin: 5px 0 10px;
    padding: 0 5px;
    height: 50px;
}

.widget-con figcaption a {
    display: block;
    line-height: 25px;
    color: #000;
    font-size: 15px;
}

.widget-con .clear-con {
    clear: both;
}

@media screen and (max-width: 480px) {
    .widget-con figure {
        width: 48%;
    }

    .widget-con img {
        width: 200px;
        height: 110px;
    }
}

/*1200*/
@media(max-width:1200px) {

    .search input {
        padding-right: 4px;
    }

    header .logo:before {
        top: 2px;
        right: 43px;
    }

    .post_content .foot_post .left a.more {
        font-size: 14px;
    }

    .post_content .foot_post .left a {
        margin: 0;
    }

    .ads-main img {
        width: 100%;
        height: auto;
    }
}

/*992*/
@media(max-width:992px) {

    .playaTrack .pic .playimg {
        opacity: 1 !important;
        transform: scale(1.0) !important;
    }

    .post_content .foot_post .right span {
        padding-left: 0;
    }

    .post_content .foot_post .right {
        width: auto;
    }

    .ads-main img {
        width: 100%;
        height: auto;
    }

    main {
        margin-top: 35px;
    }

    .response_head {
        display: flex;
    }

    .topheader {
        display: none;
    }
}

/*991*/
@media(max-width:991px) {
    header nav .nav-link {
        font-size: 13px;
    }

    .search input {
        width: 130px;
    }

    .search input::placeholder {
        font-size: 11px;
    }

    header .logo:before {
        right: 8px;
    }

    .list {
        padding: 10px;
    }

    .list ul li a {
        font-size: 12px;
    }

    .posts .post .name {
        padding: 0 5px;
    }

    .posts .post .name h2 {
        font-size: 14px;
    }

    .posts .post .name h3 {
        font-size: 13px;
    }

    .posts .post .name .foot_post {
        font-size: 10px;
    }

    .online_player .info_play .name {
        margin: 10px;
    }

    .online_player .controlls {
        width: 100%;
        margin: 30px 0;
    }

    .online_player .info_play a {
        font-size: 12px;
    }

    .online_player .info_play a:before {
        top: -3px;
    }

    .post_content .foot_post {
        display: block;
    }

    .post_content .foot_post .right {
        text-align: center;
        flex-flow: column;
    }

    .post_content .foot_post .left a.more {
        width: 100%;
        text-align: center;
    }

    .post_content .foot_post .left {
        display: flex;
        justify-content: space-around;
        margin-top: 15px;
    }

    .post_content aside .title {
        font-size: 12px;
    }

    .post_content aside.gray .title {
        width: 80%;
    }

    .online_player {
        display: block;
    }

    .online_player .info_play {
        display: flex;
        justify-content: flex-start;
    }

    .post_content .box_right.post .title {
        font-size: 13px;
    }

    .post_content aside .nav-tabs .nav-link {
        padding: 1px 0;
        margin: 2px;
        width: 70px;
    }

    .post_content aside .tab_content ul li .counter {
        width: 16px;
        height: 16px;
    }

    .post_content aside .tab_content ul li a {
        font-size: 11px;
    }

    /*single*/
    .online_player .controlls.sngl .icon::after {
        top: 60%;
        left: 75%;
        width: 55px;
        height: 55px;
    }

    .online_player .controlls.sngl .seekvol {
        display: none;
    }

    .dl {
        justify-content: center;
    }

    .box_web.scl {
        display: block;
    }

    .box_web .ltitle {
        text-align: center;
        margin-bottom: 15px;
    }

    .social .icon {
        margin-left: 30px;
    }

    .comment-respond form input[type="submit"] {
        padding: 5px 15px;
    }

    .ads-main img {
        width: 100%;
        height: auto;
    }
}

/*767*/
@media(max-width:767px) {
    #wp_page_numbers ul li {
        margin-right: 0;
    }

    main {
        margin-top: 65px;
    }

    .post_content .foot_post .right {
        flex-flow: row;
    }

    .post_content .foot_post.sng .right {
        width: 100%;
    }

    .response_head {
        display: flex;
    }

    .dl {
        flex-flow: wrap;
    }

    .topheader {
        display: none;
    }

    header .logo:before {
        right: 50px;
    }

    .special .row .col-md-3 {
        width: 50%;
        display: inline-block;
    }

    .search input {
        width: 190px;
    }

    .online_player .controlls .icon:after {
        top: 57%;
        left: 57%;
        width: 60px;
        height: 60px;
    }

    .online_player .controlls .seekvol {
        width: 85px;
    }

    .post_content .box_right.post .title:before {
        height: 28px;
        top: 1px;
    }

    .post_content .foot_post .left .icon {
        padding: 8px 10px 7px 25px;
        margin: 3px;
    }

    .post_content .foot_post .left a.more {
        font-size: 14px;
    }

    .post_content aside.gray .title {
        padding: 1px 5px;
        width: 100%;
    }

    .post_content aside.gray ul li span {
        font-size: 12px;
    }

    /*single*/
    .post_content .foot_post .left {
        display: flex;
        justify-content: center;
    }

    .post_content .foot_post {
        padding: 8px 0;
    }

    .ads-main img {
        width: 100%;
        height: auto;
    }
}

/*575*/
@media(max-width:575px) {
    header .logobg {
        background-color: #ffa800;
    }

    header .logo:before {
        right: 202px;
    }

    .post_content .foot_post .right {
        display: block;
    }

    .post_content .foot_post.sng .right {
        width: 100%;
    }

    .ads-main img {
        width: 100%;
        height: auto;
    }
}

/*425*/
@media(max-width:425px) {
    #wp_page_numbers ul {
        justify-content: start;
        flex-wrap: wrap;
    }

    #wp_page_numbers ul li {
        width: 32%;
    }

    main {
        margin-top: 20px;
    }

    .BreadcrumbList {
        flex-flow: wrap;
    }

    header .logo:before {
        right: 129px;
    }

    .list .title {
        padding-right: 25px;
        font-size: 13px;
    }

    .list .title:before {
        display: block;
    }

    .post_content .box_right.post .title:before {
        height: 20px;
        top: -2px;
    }

    .social {
        width: 100%;
        display: flex;
        justify-content: center;
        margin-bottom: 25px;
    }

    /*single*/
    .dl {
        display: block;
    }

    .dl a {
        display: block;
        text-align: center;
    }
}

/*375*/
@media(max-width:375px) {
    .post_content .foot_post .lks {
        margin-top: 5px;
    }

    header .logo:before {
        right: 105px;
    }

    .posts .post .name h2 {
        font-size: 13px;
    }

    .posts .post .name h3 {
        font-size: 12px;
    }

    .online_player .controlls .icon.vol {
        display: none;
    }

    .online_player .controlls .seekvol {
        display: none;
    }

    .social .icon {
        margin-left: 30px;
    }

    /*single*/
}

/*320*/
@media(max-width:320px) {
    .posts .post .name span {
        display: none;
    }

    header .logo:before {
        right: 78px;
    }

    /*single*/
    .comment-respond p.logged-in-as {
        font-size: 12px;
        margin-right: 9px;
    }

    .comment-respond form input[type="submit"] {
        padding: 5px 10px;
        font-size: 12px;
    }

    .comment-respond form .input_holder span {
        font-size: 10px;
    }

    .nocomm {
        font-size: 11px;
    }
}

aside.telegram {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    color: #FFF;
    transition: 0.3s ease-in-out;
    background: linear-gradient(91deg, #0265b4, #259eff);
}

aside.telegram span {
    margin-top: auto;
    margin-bottom: auto;
}

aside.telegram svg {
    height: auto;
    background: #ffffff26;
    padding: 0.4rem;
    border-radius: 0.4rem;
}

aside.telegram:hover {
    opacity: 0.7;
}

aside.instagram {
    width: 100%;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 15px;
    display: flex;
    justify-content: space-between;
    color: #FFF;
    transition: 0.3s ease-in-out;
    background: linear-gradient(300deg, #e83f2e 0%, #d02c2c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
}

aside.instagram span {
    margin-top: auto;
    margin-bottom: auto;
}

aside.instagram svg {
    width: auto;
    background: #ffffff26;
    padding: 0.4rem;
    border-radius: 0.4rem;
}

aside.instagram:hover {
    opacity: 0.7;
}

.posts .post figure::before {
    position: absolute;
    content: '';
    top: 35%;
    right: 28%;
    padding: 3rem;
    background: url(images/play-cover.svg) no-repeat;
}

.swiper-slide .post figure::before {
    background: transparent !important;
}

.previous-music {
    width: 150px;
    height: 100px;
    position: fixed;
    top: 50%;
    left: 0;
    border-radius: 0 15px 15px 0;
    z-index: 1;
    margin-left: -120px;
    background: rgba(29, 23, 33, .9);
    transition: all .3s ease-in-out;
    opacity: 0.5;
    z-index: 99;
}

.previous-music:hover {
    margin-left: 0 !important;
    opacity: 1;
}

.next-music {
    width: 150px;
    height: 100px;
    position: fixed;
    top: 50%;
    right: 0;
    border-radius: 15px 0 0 15px;
    z-index: 1;
    margin-right: -120px;
    background: rgba(29, 23, 33, .9);
    transition: all .3s ease-in-out;
    opacity: 0.5;
    z-index: 99;
}

.next-music:hover {
    margin-right: 0 !important;
    opacity: 1;
}

.previous-music a, .next-music a {
    color: #fff;
    display: block;
    padding: 10px;
    /* line-height: 35px; */
}

.previous-music a span, .next-music a span {
    top: 10px;
    position: relative;
}

.next-music img {
    float: right;
    margin-left: 10px;
    border-radius: 50%;
    width: 80px;
    height: 80px;
}

.response_head2 {
    background: #F8B126;
    box-shadow: 0 0 34px 0px rgba(0, 0, 0, 0.14901960784313725);
    position: fixed;
    width: 100%;
    border-radius: 0;
    z-index: 999999;
    top: 0px;
    right: 0;
}

.previous-music img {
    float: left;
    margin-right: 10px;
    border-radius: 50%;
    width: 80px;
    height: 80px;
}

.next-music .link_kis {
    float: left;
}

.next-music .link_kis {
    width: 40px;
    height: auto;
    line-height: 85px;
    float: left;
    text-align: center;
    font-size: 19px;
    color: #fff;
    padding: 0;
    margin-left: -8px;
}

.previous-music .link_kis {
    float: right;
}

.previous-music .link_kis {
    width: 40px;
    height: auto;
    line-height: 85px;
    float: right;
    text-align: center;
    font-size: 19px;
    color: #fff;
    padding: 0;
    margin-right: -10px;
}

.search-side button {
    border: none;
    cursor: pointer;
    background: var(--pweb-two-color);
    z-index: 999;
    padding: 19px;
    position: absolute;
    left: 0;
    border-radius: 0 15px 15px !important;
    transition: background 3s ease-out;
}

.search-side button:hover {
    background: linear-gradient(to right, rgba(243, 225, 23, 1) 0%, rgba(255, 179, 1, 1) 100%);
    background-position: 114px;
}

.search-side input {
    font-size: 13px;
    border: 1px solid #eee;
    border-radius: 10px !important;
}

.search-side input::placeholder {
    color: #a3a9b5;
    font-weight: 300;
    font-size: 13px;
}

.search-side button::before {
    content: '';
    position: absolute;
    top: 9px;
    right: 3px;
    background: url(images/search.svg) no-repeat;
    width: 25px;
    height: 25px;
}

.logobg img {
    width: 100%;
    height: auto;
}

.imgs .logobg {
    width: 50px;
}

.menu-widget {
    margin-bottom: 1rem;
}

.menu-widget .social-menu a {
    /* position: relative;
    left: 10px; */
}

.menu-widget .social-menu .widget-icon {
    padding: 20px;
    position: relative;
    background: #fff;
    margin-right: 1rem;
    border-radius: 1rem;
    box-shadow: 0px 10px 20px 0px #e8e8e8;
}

.menu-widget .social-menu .widget-icon:first-child {
    margin-right: 0;
}

.menu-widget .social-menu a.telegram::before {
    content: '';
    position: absolute;
    top: 8px;
    width: 25px;
    height: 25px;
    left: 8px;
    background: url(images/telegram.svg) no-repeat;
}

.menu-widget .social-menu a.instgram::before {
    content: '';
    position: absolute;
    top: 8px;
    width: 25px;
    height: 25px;
    left: 8px;
    background: url(images/instagram.svg) no-repeat;
}

.menu-widget .social-menu a.facebook::before {
    content: '';
    position: absolute;
    top: 8px;
    width: 25px;
    height: 25px;
    left: 8px;
    background: url(images/facebook.svg) no-repeat;
}

.menu-widget .social-menu a.twitter::before {
    content: '';
    position: absolute;
    top: 8px;
    width: 25px;
    height: 25px;
    left: 8px;
    background: url(images/twitter.svg) no-repeat;
}

.menu-widget .title::before {
    content: "";
    float: right;
    width: 5px;
    height: 5px;
    background: #85909B;
    border-radius: 2px;
    margin-top: 8px;
    margin-left: 0px;
    margin-right: -10px;
    background: linear-gradient(to right, rgb(243, 167, 23) 0%, rgb(255, 179, 1) 100%);
}

.menu-widget .title::after {
    content: "";
    float: right;
    width: 5px;
    height: 5px;
    background: #B2BDCA;
    border-radius: 2px;
    margin-right: -3px;
    margin-left: 8px;
    margin-top: 8px;
}

.menu-widget .title {
    font-size: 16px;
    color: #3C4A59;
    margin-bottom: 10px;
    font-weight: 400;
    padding-right: 0.6rem;
}

.menu-widget .bio {
    font-size: 13px;
    color: #4C5C6F;
}

.menu-widget ul li a {
    font-size: 13px;
    color: #4C5C6F;
    margin: 2px 0px;
    float: right;
    width: 100%;
    padding: 2px 0px;
    transition: 0.3s all ease;
}

.menu-widget ul li a:hover {
    padding-right: 5px;
    opacity: 0.5;
}

.menu-widget ul li a::before {
    float: right;
    content: "";
    width: 6px;
    height: 6px;
    background: #D1D7DD;
    border-radius: 2px;
    margin-top: 8px;
    margin-left: 8px;
}

.e404 {
    margin-bottom: 3rem;
}

.e404 .title {
    font-size: 15px;
}

.e404 .home {
    margin-top: 1rem;
}

.e404 .home a {
    background: #e3e3e3;
    padding: 0.5rem;
    color: #424242;
    border-radius: 10px;
    font-weight: 400;
    border: 1px solid #d0d0d0;
    font-size: 13px;
}

.logged-in-as {
    margin: 10px;
}

.special a figure {
    margin: 0 0 0.6rem !important;
}

.blog-slider {
    margin-top: 1rem;
    margin-bottom: 1rem;
    position: relative;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.0392156862745098);
    border-radius: 5px;
    transition: all 0.3s;
    padding: 20px;
    z-index: 1;
}

@media screen and (max-width: 992px) {
    .blog-slider {
        max-width: 100%;
        height: 400px;
    }
}

@media screen and (max-width: 768px) {
    .blog-slider {
        min-height: 200px;
        height: auto;
        margin-top: 210px;
    }
}

.blog-slider__item {
    display: flex;
    align-items: center;
}

@media screen and (max-width: 768px) {
    .blog-slider__item {
        flex-direction: column;
    }
}

.blog-slider__item.swiper-slide-active .blog-slider__img img {
    opacity: 1;
    transition-delay: 0.3s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>* {
    opacity: 1;
    transform: none;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(1) {
    transition-delay: 0.3s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(2) {
    transition-delay: 0.4s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(3) {
    transition-delay: 0.5s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(4) {
    transition-delay: 0.6s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(5) {
    transition-delay: 0.7s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(6) {
    transition-delay: 0.8s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(7) {
    transition-delay: 0.9s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(8) {
    transition-delay: 1s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(9) {
    transition-delay: 1.1s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(10) {
    transition-delay: 1.2s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(11) {
    transition-delay: 1.3s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(12) {
    transition-delay: 1.4s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(13) {
    transition-delay: 1.5s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(14) {
    transition-delay: 1.6s;
}

.blog-slider__item.swiper-slide-active .blog-slider__content>*:nth-child(15) {
    transition-delay: 1.7s;
}

.blog-slider__img {
    position: relative;
    width: 300px;
    flex-shrink: 0;
    height: 300px;
    background: linear-gradient(22.82deg, #FAB400 -5.97%, #FFD978 61.97%);
    border-radius: 10px;
    transform: translateX(0px);
    overflow: hidden;
}

.blog-slider__img:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(5.34deg, #FAB400 -12.39%, rgba(255, 217, 120, 0) 71.56%);
    border-radius: 10px;
    opacity: 0.5;
}

.blog-slider__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    opacity: 0;
    border-radius: 10px;
    transition: all 0.3s;
}

@media screen and (max-width: 768px) {
    .blog-slider__img {
        transform: translateY(-50%);
        width: 90%;
    }
}

@media screen and (max-width: 576px) {
    .blog-slider__img {
        width: 95%;
    }
}

@media screen and (max-height: 500px) and (min-width: 992px) {
    .blog-slider__img {
        height: 270px;
    }
}

.blog-slider__content {
    padding-left: 25px;
    padding-right: 25px;
}

@media screen and (max-width: 768px) {
    .blog-slider__content {
        margin-top: -80px;
        text-align: center;
        padding: 0 30px;
    }
}

@media screen and (max-width: 576px) {
    .blog-slider__content {
        padding: 0;
    }
}

.blog-slider__content>* {
    opacity: 0;
    transform: translateY(25px);
    transition: all 0.4s;
}

.blog-slider__code {
    color: #616060;
    margin-bottom: 5px;
    display: block;
    font-weight: 300;
}

.blog-slider__title {
    font-size: 20px;
    font-weight: 400;
    color: #616060;
    margin-bottom: 5px;
}

.blog-slider__text {
    color: #616060;
    margin-bottom: 15px;
    line-height: 1.5em;
    font-size: 17px;
}

.blog-slider__button {
    position: relative;
    display: inline-flex;
    padding: 10px 30px;
    padding-right: 45px;
    border-radius: 10px;
    color: var(--pweb-button-color);
    text-decoration: none;
    font-weight: 500;
    justify-content: center;
    text-align: center;
    background: var(--pweb-main-color);
}

.blog-slider__button::before {
    position: absolute;
    content: '';
    top: 8px;
    width: 25px;
    height: 25px;
    right: 8px;
    background: url(images/music-play.svg) no-repeat;
}

@media screen and (max-width: 576px) {
    .blog-slider__button {
        width: 100%;
    }
}

.blog-slider .swiper-container-horizontal>.swiper-pagination-bullets, .blog-slider .swiper-pagination-custom, .blog-slider .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}

.blog-slider__pagination {
    position: absolute;
    z-index: 21;
    width: 25px !important;
    text-align: center;
    right: auto !important;
    top: 50%;
    bottom: auto !important;
    transform: translateY(-50%);
}

@media screen and (max-width: 768px) {
    .blog-slider__pagination {
        transform: translateX(-50%);
        left: 50% !important;
        top: 205px;
        width: 100% !important;
        display: flex;
        justify-content: center;
        align-items: center;
    }
}

.blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 8px 0 !important;
}

@media screen and (max-width: 768px) {
    .blog-slider__pagination.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 5px !important;
    }
}

.blog-slider__pagination .swiper-pagination-bullet {
    width: 11px;
    height: 11px;
    display: block;
    border-radius: 3px;
    background: #062744;
    opacity: 0.2;
    transition: all 0.3s;
}

.blog-slider__pagination .swiper-pagination-bullet-active {
    opacity: 1;
    background: var(--pweb-main-color);
    height: 30px;
    box-shadow: 0px 2px 30px 0px #FFD97833;
}

.slidertw {
    position: relative;
}

.overhidden {
    overflow: hidden;
}

.headcardslider .swiper-pagination {
    top: 0;
    height: 22px;
    background: #f9b83b00;
    width: auto !important;
}

.headcardslider .swiper-pagination .swiper-pagination-bullet-active {
    background: var(--pweb-main-color);
    width: 25px;
    border-radius: 20px !important;
}

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

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

.slidertw::before {
    position: absolute;
    height: 300px;
    width: 300px;
    border-radius: 30px;
    content: '';
    z-index: 1;
    transform: rotate(-11deg);
    background: var(--pweb-main-color);
    left: 5px;
    bottom: -5px;
}

.blog-slider .headslider {
    position: absolute;
    left: 15px;
    background: var(--pweb-two-color);
    top: 0;
    padding: 10px;
    color: var(--pweb-button-color);
    font-weight: 400;
    border-radius: 0 0 10px 10px;
}

.sticky {
    position: sticky;
    top: 15px;
}

#wpcontent {
    font-family: IRANSans !important;
}

.rtl h1, h2, h3, h4, h5, h6 {
    font-family: IRANSans !important;
}

/* .app-dl {
    justify-content: space-between;
    display: flex;
} */

.app-dl img {
    width: 100%;
    min-width: 100%;
    height: auto;
}

.badge-soon {
    color: var(--pweb-button-color);
    background-color: var(--pweb-two-color);
}

.pweboption a::before {
    content: "\f111";
}

.search_result {
    position: absolute;
    background: #FFA800;
    padding: 1rem;
    z-index: 999;
    border-radius: 0px 0px 10px 10px;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s;
}

@-webkit-keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.search_result .cls_side {
    background: url(images/close.svg) no-repeat;
    width: 30px;
    height: 30px;
    background-color: #ffa800;
    border-radius: 1rem;
    padding: 18px;
    position: absolute;
    left: -16px;
    background-position: center;
    top: 10px;
    z-index: 999;
    cursor: pointer;
}

@keyframes fadeIn {
    from {
        opacity: 0;
    }

    to {
        opacity: 1;
    }
}

.search_result li {
    padding: 0 0 5px 15px;
}

.search_result li.other {
    background: #ffd27b;
    padding: 0px 40px 5px 40px;
    font-weight: 400;
    border-radius: 5px;
    margin-top: 0.5rem;
}

.search_result a {
    color: #825e00;
}

@media screen and (max-width: 768px) {
    .blog-slider__pagination .swiper-pagination-bullet-active {
        height: 11px;
        width: 30px;
    }

    .blog-slider .headslider {
        display: none;
    }

    .slidertw::before {
        position: relative;
    }
}

.musicPlayer {
    display: none;
    position: fixed;
    bottom: 0;
    width: 100%;
    left: 0;
    z-index: 999;
    padding: 10px;
    background: #fff;
    box-shadow: 0 -5px 20px -10px rgb(0 0 0 / 8%);
}

.musicPlayer .plyr--audio {
    margin-top: 4px;
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name: fadeIn;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.plyr--audio .plyr__controls {
    padding: 10px 0;
}

.dltrack {
    padding: 2px 40px !important;
}

.dltrack::before {
    background: none !important;
}

.playaTrack .pic {
    cursor: pointer;
}

.playaTrack .pic .playimg {
    position: absolute;
    width: 100%;
    height: 100%;
    background: #ffffff82;
    top: 0;
    backdrop-filter: blur(3px);
    color: #2b333c;
    font-size: 13px;
    display: block;
    padding: 15px;
    opacity: 0;
    transition: all 0.3s;
    transform: scale(.94);
    padding-top: 35%;
    border-radius: 10px;
    text-align: center;
    line-height: 2;
}

.playaTrack .pic .playimg svg {
    fill: #2b333c;
}

.playaTrack .pic .playimg div {
    font-weight: 600;
}

.playaTrack .pic:hover .playimg {
    opacity: 1;
    transform: scale(1.0);
}

.album .swiper-wrapper {
    z-index: 0 !important;
}

.pld-like-dislike-wrap {
    display: flex;
    margin-bottom: 0;
}

.pld-count-wrap {
    margin-right: 5px;
}

.pld-common-wrap>a.pld-like-dislike-trigger {
    padding-right: 8px;
}

.pld-like-dislike-wrap .pld-common-wrap {
    margin-right: 10px;
    background: #f0f1f3;
    border-radius: 10px;
}

.post figure span {
    position: absolute;
    right: 10px;
    top: 10px;
    background: var(--pweb-main-color);
    padding: 0 10px;
    color: #3b3b3b;
    border-radius: 30px;
}

.jet-menu-item-wrapper .jet-dropdown-arrow {
    margin-right: 10px !important;
}

button {
    cursor: pointer;
}

.demovplayer {
    background: rgba(236, 236, 236, 0.8);
    padding: 15px;
    border-radius: 8px;
}

.demovplayer>div {
    border-radius: 10px;
}

.playba {
    align-items: center;
    display: flex;
    justify-content: center;
    position: absolute;
    top: 60px;
    left: -10px;
}

.fondo {
    background: var(--pweb-main-color);
    border-radius: 50%;
    box-shadow: 0 1px 2.2px rgba(0, 0, 0, 0.051), 0 2.3px 5.3px rgba(0, 0, 0, 0.059), 0 4.4px 10px rgba(0, 0, 0, 0.06), 0 7.8px 17.9px rgba(0, 0, 0, 0.059), 0 14.6px 33.4px rgba(0, 0, 0, 0.059), 0 35px 80px rgba(0, 0, 0, 0.07);
    cursor: pointer;
    height: 50px;
    position: absolute;
    width: 50px;
}

.icono {
    height: 100px;
    transform: rotate(-120deg);
    transition: transform 500ms;
    width: 100px;
}

.parte {
    background: var(--pweb-button-color);
    height: 100px;
    position: absolute;
    width: 100px;
}

.izquierda {
    clip-path: polygon(43.77666% 55.85251%,
            43.77874% 55.46331%,
            43.7795% 55.09177%,
            43.77934% 54.74844%,
            43.77855% 54.44389%,
            43.77741% 54.18863%,
            43.77625% 53.99325%,
            43.77533% 53.86828%,
            43.77495% 53.82429%,
            43.77518% 53.55329%,
            43.7754% 53.2823%,
            43.77563% 53.01131%,
            43.77585% 52.74031%,
            43.77608% 52.46932%,
            43.7763% 52.19832%,
            43.77653% 51.92733%,
            43.77675% 51.65633%,
            43.77653% 51.38533%,
            43.7763% 51.11434%,
            43.77608% 50.84334%,
            43.77585% 50.57235%,
            43.77563% 50.30136%,
            43.7754% 50.03036%,
            43.77518% 49.75936%,
            43.77495% 49.48837%,
            44.48391% 49.4885%,
            45.19287% 49.48865%,
            45.90183% 49.48878%,
            46.61079% 49.48892%,
            47.31975% 49.48906%,
            48.0287% 49.4892%,
            48.73766% 49.48934%,
            49.44662% 49.48948%,
            50.72252% 49.48934%,
            51.99842% 49.4892%,
            53.27432% 49.48906%,
            54.55022% 49.48892%,
            55.82611% 49.48878%,
            57.10201% 49.48865%,
            58.3779% 49.4885%,
            59.6538% 49.48837%,
            59.57598% 49.89151%,
            59.31883% 50.28598%,
            58.84686% 50.70884%,
            58.12456% 51.19714%,
            57.11643% 51.78793%,
            55.78697% 52.51828%,
            54.10066% 53.42522%,
            52.02202% 54.54581%,
            49.96525% 55.66916%,
            48.3319% 56.57212%,
            47.06745% 57.27347%,
            46.11739% 57.79191%,
            45.42719% 58.14619%,
            44.94235% 58.35507%,
            44.60834% 58.43725%,
            44.37066% 58.41149%,
            44.15383% 58.27711%,
            43.99617% 58.0603%,
            43.88847% 57.77578%,
            43.82151% 57.43825%,
            43.78608% 57.06245%,
            43.77304% 56.66309%,
            43.773% 56.25486%);
    transition: clip-path 500ms;
}

.derecha {
    clip-path: polygon(43.77666% 43.83035%,
            43.77874% 44.21955%,
            43.7795% 44.59109%,
            43.77934% 44.93442%,
            43.77855% 45.23898%,
            43.77741% 45.49423%,
            43.77625% 45.68961%,
            43.77533% 45.81458%,
            43.77495% 45.85858%,
            43.77518% 46.12957%,
            43.7754% 46.40056%,
            43.77563% 46.67156%,
            43.77585% 46.94255%,
            43.77608% 47.21355%,
            43.7763% 47.48454%,
            43.77653% 47.75554%,
            43.77675% 48.02654%,
            43.77653% 48.29753%,
            43.7763% 48.56852%,
            43.77608% 48.83952%,
            43.77585% 49.11051%,
            43.77563% 49.38151%,
            43.7754% 49.65251%,
            43.77518% 49.9235%,
            43.77495% 50.1945%,
            44.48391% 50.19436%,
            45.19287% 50.19422%,
            45.90183% 50.19408%,
            46.61079% 50.19394%,
            47.31975% 50.1938%,
            48.0287% 50.19366%,
            48.73766% 50.19353%,
            49.44662% 50.19338%,
            50.72252% 50.19353%,
            51.99842% 50.19366%,
            53.27432% 50.1938%,
            54.55022% 50.19394%,
            55.82611% 50.19408%,
            57.10201% 50.19422%,
            58.3779% 50.19436%,
            59.6538% 50.1945%,
            59.57598% 49.79136%,
            59.31883% 49.39688%,
            58.84686% 48.97402%,
            58.12456% 48.48572%,
            57.11643% 47.89493%,
            55.78697% 47.16458%,
            54.10066% 46.25764%,
            52.02202% 45.13705%,
            49.96525% 44.01371%,
            48.3319% 43.11074%,
            47.06745% 42.4094%,
            46.11739% 41.89096%,
            45.42719% 41.53667%,
            44.94235% 41.3278%,
            44.60834% 41.24561%,
            44.37066% 41.27137%,
            44.15383% 41.40575%,
            43.99617% 41.62256%,
            43.88847% 41.90709%,
            43.82151% 42.24461%,
            43.78608% 42.62041%,
            43.77304% 43.01978%,
            43.773% 43.428%);
    transition: clip-path 500ms;
}

.puntero {
    border-radius: 50%;
    cursor: pointer;
    height: 100px;
    position: absolute;
    -webkit-tap-highlight-color: transparent;
    width: 100px;
}

.active .icono {
    transform: rotate(-90deg);
}

.active .izquierda {
    clip-path: polygon(56.42249% 57.01763%,
            54.93283% 57.0175%,
            53.00511% 57.01738%,
            50.83554% 57.01727%,
            48.62036% 57.01718%,
            46.55585% 57.01709%,
            44.83822% 57.01702%,
            43.66373% 57.01698%,
            43.22863% 57.01696%,
            42.86372% 57.01904%,
            42.56988% 57.01621%,
            42.3402% 56.99486%,
            42.16778% 56.94152%,
            42.0457% 56.84267%,
            41.96705% 56.68478%,
            41.92493% 56.45432%,
            41.91246% 56.13777%,
            41.91258% 55.76282%,
            41.9129% 55.37058%,
            41.91335% 54.96757%,
            41.91387% 54.56032%,
            41.91439% 54.15537%,
            41.91485% 53.75926%,
            41.91517% 53.3785%,
            41.91529% 53.01965%,
            41.94275% 52.72355%,
            42.02117% 52.51653%,
            42.14465% 52.38328%,
            42.30727% 52.30854%,
            42.50308% 52.27699%,
            42.72619% 52.27341%,
            42.97065% 52.28248%,
            43.23056% 52.2889%,
            43.94949% 52.28896%,
            45.45083% 52.28912%,
            47.47445% 52.28932%,
            49.76027% 52.28957%,
            52.04818% 52.28981%,
            54.07805% 52.29003%,
            55.5898% 52.29019%,
            56.32332% 52.29024%,
            56.58221% 52.28816%,
            56.83726% 52.28948%,
            57.07897% 52.30593%,
            57.29794% 52.34898%,
            57.48468% 52.43029%,
            57.62978% 52.56146%,
            57.72375% 52.7541%,
            57.75718% 53.01981%,
            57.75713% 53.37763%,
            57.75699% 53.81831%,
            57.75679% 54.31106%,
            57.75657% 54.82507%,
            57.75635% 55.32958%,
            57.75615% 55.79377%,
            57.75601% 56.18684%,
            57.75596% 56.47801%,
            57.7549% 56.50122%,
            57.74034% 56.5624%,
            57.6955% 56.64887%,
            57.60334% 56.748%,
            57.44691% 56.84712%,
            57.20925% 56.93358%,
            56.87342% 56.99471%);
}

.active .derecha {
    clip-path: polygon(56.42249% 42.44625%,
            54.93283% 42.44637%,
            53.00511% 42.44649%,
            50.83554% 42.4466%,
            48.62036% 42.4467%,
            46.55585% 42.44679%,
            44.83822% 42.44685%,
            43.66373% 42.4469%,
            43.22863% 42.44691%,
            42.86372% 42.44483%,
            42.56988% 42.44767%,
            42.3402% 42.46902%,
            42.16778% 42.52235%,
            42.0457% 42.6212%,
            41.96705% 42.77909%,
            41.92493% 43.00956%,
            41.91246% 43.32611%,
            41.91258% 43.70105%,
            41.9129% 44.0933%,
            41.91335% 44.49631%,
            41.91387% 44.90355%,
            41.91439% 45.3085%,
            41.91485% 45.70462%,
            41.91517% 46.08537%,
            41.91529% 46.44422%,
            41.94275% 46.74032%,
            42.02117% 46.94735%,
            42.14465% 47.0806%,
            42.30727% 47.15534%,
            42.50308% 47.18688%,
            42.72619% 47.19047%,
            42.97065% 47.1814%,
            43.23056% 47.17497%,
            43.94949% 47.17491%,
            45.45083% 47.17476%,
            47.47445% 47.17455%,
            49.76027% 47.1743%,
            52.04818% 47.17406%,
            54.07805% 47.17384%,
            55.5898% 47.17369%,
            56.32332% 47.17363%,
            56.58221% 47.17571%,
            56.83726% 47.17439%,
            57.07897% 47.15795%,
            57.29794% 47.1149%,
            57.48468% 47.03359%,
            57.62978% 46.90242%,
            57.72375% 46.70977%,
            57.75718% 46.44406%,
            57.75713% 46.08625%,
            57.75699% 45.64557%,
            57.75679% 45.15282%,
            57.75657% 44.6388%,
            57.75635% 44.1343%,
            57.75615% 43.6701%,
            57.75601% 43.27703%,
            57.75596% 42.98586%,
            57.7549% 42.96265%,
            57.74034% 42.90148%,
            57.6955% 42.815%,
            57.60334% 42.71587%,
            57.44691% 42.61675%,
            57.20925% 42.53029%,
            56.87342% 42.46916%);
}

.blog-slider__item>a svg {
    position: absolute;
    top: 45%;
    right: 45%;
}

.pweb-menu-overview .menus {
    position: fixed;
    right: -500px;
    background: #fff;
    width: 250px;
    height: 100%;
    z-index: 999;
    top: 0;
    transition: 0.3s;
}

.pweb-menu-overview .closer {
    display: flex;
    position: absolute;
    left: 10px;
    width: 50px;
    height: 50px;
    justify-content: center;
    align-items: center;
    background: #eee;
    border-radius: 35px;
    top: 10px;
    cursor: pointer;
}

.pweb-menu-overview .overlay {
    position: fixed;
    right: -1000rem;
    background: #0000008c;
    width: 100%;
    height: 100%;
    z-index: 998;
    top: 0;
    transition: 0.2s;
}

.pweb-menu-overview.open .menus, .pweb-menu-overview.open .overlay {
    right: 0;
}

.pweb-menu-overview .menus ul.menu {
    padding: 20px;
    display: grid;
    gap: 10px;
    margin-top: 45px;
}

.pweb-menu-overview .menus ul.menu li {
    padding: 10px 0;
}

.pweb-menu-overview .menus .menu-item-has-children .menu-item-link {
    display: flex;
    justify-content: space-between;
}

.pweb-menu-overview .menus .menu-item-has-children .sub-menu {
    max-height: 0;
    overflow: hidden;
    transition: 0.2s;
}

.pweb-menu-overview .menus .menu-item-has-children .sub-menu.open {
    max-height: 400px;
    margin-top: 15px;
    margin-right: 15px;
}

.pweb-menu-button {
    font-size: 20px;
    display: flex;
    cursor: pointer;
}

.pweb-menu-desktop ul.menu {
    display: flex;
    gap: 15px;
}

.pweb-menu-desktop ul.menu li.menu-item-has-children {
    position: relative;
}

.pweb-menu-desktop ul.menu li.menu-item-has-children>a {
    padding: 0 10px;
}

.pweb-menu-desktop ul.menu li a {
    transition: 0.2s;
}

.pweb-menu-desktop ul.menu li a:hover {
    color: var(--pweb-main-color);
}

.pweb-menu-desktop ul.menu li.menu-item-has-children .sub-menu {
    position: absolute;
    top: 40px;
    visibility: hidden;
    transition: 0.2s;
    display: grid;
    gap: 10px;
    width: 120px;
    background: #fff;
    box-shadow: 0px 16px 40px 20px rgba(112, 144, 176, 0.05);
    padding: 15px;
    border-radius: 10px;
}

.pweb-menu-desktop ul.menu li.menu-item-has-children:hover .sub-menu {
    top: 30px;
    visibility: visible;
}