/*
Theme Name: apkmir
Theme URI: https://www.apkm.ir/
Author: Pezhman panahi movaffagh
Author URI: https://www.apkm.ir/
Description: apkmir template designed by Pezhman panahi movaffagh for apkmir website
Requires at least: 5.3
Tested up to: 5.7
Requires PHP: 5.6
Version: 1
License: GNU General Public License v2 or later
*/
@font-face {
  font-family: Flags;
  src: url('fonts/TwemojiCountryFlags.woff2') format("woff2");
  unicode-range: U+1F1E6-1F1FF;
}
@font-face {
    font-family: VazirFallback;
    src: local('Tahoma');
    ascent-override: 96%;
    descent-override: 28%;
    line-gap-override: 0%;
    size-adjust: 90%;
}
@font-face {
    font-family: Vazir;
    src: url('fonts/Vazirmatn-FD-Thin.woff2') format('woff2');
    font-weight: 100;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Vazir;
    src: url('fonts/Vazirmatn-FD-ExtraLight.woff2') format('woff2');
    font-weight: 200;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Vazir;
    src: url('fonts/Vazirmatn-FD-Light.woff2') format('woff2');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Vazir;
    src: url('fonts/Vazirmatn-FD-Regular.woff2') format('woff2');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Vazir;
    src: url('fonts/Vazirmatn-FD-Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Vazir;
    src: url('fonts/Vazirmatn-FD-SemiBold.woff2') format('woff2');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Vazir;
    src: url('fonts/Vazirmatn-FD-Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: vazir;
    src: url('fonts/Vazirmatn-FD-ExtraBold.woff2') format('woff2');
    font-weight: 800;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: Vazir;
    src: url('fonts/Vazirmatn-FD-Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}
@keyframes pulse {
    0%, 100% {
        transform: scale(.8);
    }80% {
        transform: scale(1);
    }
}
@keyframes borderGlow {
    0% {
        border-color: #05c8f1;
    }50% {
        border-color: #cddc39;
    }100% {
        border-color: #05c8f1;
    }
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, a, button, input, select, textarea, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    -webkit-tap-highlight-color: transparent;
}
html{
    scrollbar-gutter: stable;
}
body {
    width: 100%;
    height: 100%;
    line-height: 1;
    min-width: 300px;
    -webkit-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
       -moz-text-size-adjust: 100%;
            text-size-adjust: 100%;
}
body::after {
    content: "";
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 50px;
    pointer-events: none;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
    z-index: 1000;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}
nav ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
a {
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
ins {
    background-color: #ff9;
    color: #000;
    text-decoration: none;
}
mark {
    background-color: #ff9;
    color: #000;
    font-style: italic;
    font-weight: bold;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom: 1px dotted;
    cursor: help;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}
input, select {
    vertical-align: middle;
    text-align: inherit;
}
body {
    color: #000;
    background: #f3f3f3;
    font: 12px Vazir, VazirFallback, Tahoma, Arial;
    direction: rtl;
    overflow-x: hidden;
}
li {
    list-style: none;
}
:focus {
    outline: none;
}
.clear {
    clear: both;
    margin-top: 5px;
}
::selection {
    background: #222;
    color: #fdfdfd;
}
a {
    text-decoration: none;
    transition: all .2s ease-in-out;
    color: #0c1892;
}
.masthead {
    width: auto;
    height: 50px;
    background: #2c3e50;
    border-top: 3px solid #2196f3;
    border-bottom: 3px solid #2196f3;
    position: relative;
    z-index: 1000;
}
.main_masthead {
    width: auto;
    padding-left: 5%;
    padding-right: 5%;
}
.main_masthead > ul > li {
    display: inline-block;
    float: right;
    position: relative;
}
.main_masthead > ul > li > a {
    color: #fdfdfd;
    display: block;
    padding: 17px 17px;
    font: 13px Vazir, VazirFallback, Tahoma, Arial;
}
.main_masthead > ul > li > a:hover {
    background: #f9f9f9;
    color: #000;
    box-shadow: rgba(0, 0, 0, .25) 0 .0625em .0625em, rgba(0, 0, 0, .25) 0 .125em .5em, #ccc 0 0 0 2px inset;
}
.search {
    float: left;
    display: flex;
    height: 33px;
    padding-top: 8px;
}
.search_form {
    display: flex;
}
.cSearchSubmit {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    color: #2c3e50;
    background-color: #fdfdfd;
    border: 1px solid #04c9f3;
    border-radius: 5px;
}
.search input {
    width: 100px;
    height: auto;
    background: #fdfdfd;
    padding: 9px 10px 8px 70px;
    border: 1px solid #04c9f3;
    border-radius: 5px;
    direction: rtl;
    text-align: right;
    font: 11px Vazir, VazirFallback, Tahoma, Arial;
}
.search input:focus {
    border: 1px solid #8c49a8;
}
::placeholder {
    color: #949494;
    opacity: 1;
}
#main {
    width: 90%;
    margin: 0px auto;
}
#header-nav-div {
    width: 50%;
    float: left;
}
#header-nav-div ul {
    display: flex;
    flex-wrap: nowrap;
    direction: ltr;
    padding: 0;
    margin: 0;
    list-style: none;
    width: 100%;
}
#header-nav {
    margin: 0 auto;
}
#header-nav ul > li {
    width: 100%;
    height: 100px;
    margin: 7px 3px;
    float: left;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, .25) 0 .0625em .0625em,rgba(0, 0, 0, .25) 0 .125em .5em,rgb(255 255 255 / 100%) 0 0 0 2px inset;
}
#header-nav ul > li > a {
    display: block;
    text-align: center;
    margin: 0;
    padding: 0;
    color: #fdfdfd;
    font: 1em Vazir, VazirFallback, Tahoma, Arial;
}
#header-nav .fa {
    margin: 15px auto;
    font-size: 33px;
}
.box-div {
    width: 200px;
    float: right;
    margin-top: 7px;
}
.box {
    width: 100%;;
    height: 100px;
    padding: 7px;
    position: relative;
    overflow: hidden;
    border: 5px double #33621a;
    border-radius: 10px;
    box-sizing: border-box;
}
.box .logo {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.box::before {
    content: '';
    position: absolute;
    width: 140%;
    height: 150%;
    background: repeating-linear-gradient(#f3f3f3 -1%, #f3f3f3 7.5px, #9755b4 7.5px, #398fc9 15px, #f3f3f3 15px, #f3f3f3 22.5px, #fcb900 22.5px, #33621a 30px);
    transform: translateX(15%) translateY(-20%) rotate(-2deg);
    animation: animate 30s linear infinite;
}
.box .logo {
    position: relative;
    background: linear-gradient(135deg, #0f172a 0%, #1d4ed8 100%);
    flex-direction: column;
    box-sizing: border-box;
    padding: 2px;
    text-align: center;
    z-index: 2;
    box-shadow: rgba(0, 0, 0, .25) 0 .0625em .0625em, rgba(0, 0, 0, .25) 0 .125em .5em, rgb(255 255 255 / 100%) 0 0 0 2px inset;
    border-radius: 38% 62% 49% 51% / 65% 74% 26% 35%;
}
.box .logo a {
    font: .9em Vazir, VazirFallback, Tahoma, Arial;
    font-weight: 700;
    float: right;
    text-align: center;
    color: #fff !important;
    text-shadow: 0 6px 3px rgb(0 0 0 / 10%), 0 3px 10px rgb(0 0 0 / 15%);
}
@keyframes animate {
    from {
        background-position: 0;
    }

    to {
        background-position: 0 450px;
    }
}
.apkm-container {
    width: 100%;
    margin: 10px auto;
}
.innerbreadcrumbs {
    float: right;
    width: 100%;
    height: auto;
    color: #222;
    background: white;
    margin-bottom: 10px;
    border: 2px solid #e2e2e2;
    font: 12px Vazir, VazirFallback, Tahoma, Arial;
    text-align: justify;
    border-radius: 20px;
    box-shadow: rgb(0 0 0 / 25%) 0 .0625em .0625em, rgb(0 0 0 / 25%) 0 .125em .5em, rgb(255 255 255 / 10%) 0 0 0 1px inset;
}
.breadcrumbs {
    padding: 10px;
    line-height: 20px;
}
.breadcrumbs a {
    color: #cf2e2e;
}
.midribbon {
    width: auto;
    background: linear-gradient(135deg, #0f172a 0%, #1d4ed8 100%);
    color: #fbfbfb;
    text-align: center;
    padding: 15px 35px 15px 35px;
    margin-bottom: 10px;
    font: 18px Vazir, VazirFallback, Tahoma, Arial;
    font-weight: 700 !important;
    border-radius: 20px;
    box-shadow: rgba(0, 0, 0, .25) 0 .0625em .0625em, rgba(0, 0, 0, .25) 0 .125em .5em, rgb(255 255 255 / 100%) 0 0 0 2px inset;
}
.movaffaghlogo {
    animation: pulse 3s infinite;
}
.midribbon img {
    width: 100px;
    height: auto;
}
.apkm-post {
    width: 73%;
    float: right;
    margin-bottom: 5px;
}
.ourpost {
    width: 49%;
    height: 310px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-bottom: 2px solid #e6e6e6;
    float: right;
    margin-bottom: 10px;
    border-radius: 20px;
    box-shadow: rgb(0 0 0 / 25%) 0 .0625em .0625em, rgb(0 0 0 / 25%) 0 .125em .5em, rgb(255 255 255 / 10%) 0 0 0 1px inset;
}
.ourpost ul {
    padding: 0;
    width: 100%;
    background: #fff2e0b3;
}
.ourpost ul li {
    padding: 11px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    border-top-left-radius: 0;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-style: none solid dashed none;
    border-color: #0390f8;
    border-width: 3px;
}
.ourpost ul li:after {
    content: '';
    display: block;
    clear: both;
}
.ourpost img {
    width: 50px;
    height: 50px;
    float: right;
    margin-left: 15px;
    object-fit: cover;
    border-radius: 100%;
}
.ourpost .fire-emoji img {
    font-size: 35px;
}
.ourpost ul li a {
    color: #000;
    font: 13px Vazir, VazirFallback, Tahoma, Arial;
    font-weight: 700;
}
.ourpost ul li:hover {
    background: #5d337126;
}
.ourpost span {
    font: 13px Vazir, VazirFallback, Tahoma, Arial;
    vertical-align: -moz-middle-with-baseline;
    vertical-align: -webkit-baseline-middle;
}
.ads-in {
    width: 49%;
    height: 310px;
    float: left;
    margin-left: 0;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-bottom: 2px solid #e6e6e6;
    margin-bottom: 10px;
    border-radius: 20px;
    box-shadow: rgb(0 0 0 / 25%) 0 .0625em .0625em, rgb(0 0 0 / 25%) 0 .125em .5em, rgb(255 255 255 / 10%) 0 0 0 1px inset;
}
.ads-in ul li span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.post {
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    float: right;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-bottom: 2px solid #e6e6e6;
    border-radius: 20px;
    box-shadow: rgb(0 0 0 / 25%) 0 .0625em .0625em, rgb(0 0 0 / 25%) 0 .125em .5em, rgb(255 255 255 / 10%) 0 0 0 1px inset;
}
.post a {
    text-decoration: none;
    transition: all .2s ease-in-out;
    color: #972385;
    font-weight: bold;
}
#headerpost-1, #headerpost-2, #headerpost-3, #headerpost-4, #headerpost-5, #headerpost-6, #headerpost-7, #headerpost-8, #headerpost-9, #headerpost-10 {
    text-align: center;
    padding: 25px 25px 0 25px;
}
.post-thumbnail {
    width: 100%;
    height: auto;
}
.postimage {
    width: 200px;
    height: auto;
    margin-bottom: 20px;
    padding: 7px;
    box-sizing: border-box;
    box-shadow: 0 1px 2px 0 rgba(60,64,67,.3),0 1px 3px 1px rgba(60,64,67,.15);
    border-radius: 20%;
}
.attachment-thumbnail {
    transition: transform .2s ease-in-out;
}
.attachment-thumbnail:hover {
    transform: scale(.8);
}
.post-title-1, .post-title-2, .post-title-3, .post-title-4, .post-title-5, .post-title-6, .post-title-7, .post-title-8, .post-title-9, .post-title-10 {
    padding: 0 20px;
    font: 22px Vazir, VazirFallback, Tahoma, Arial;
    text-shadow: 0 6px 3px rgb(0 0 0 / 10%), 0 3px 10px rgb(0 0 0 / 15%);
}
.post-title-1 a, .post-title-2 a, .post-title-3 a, .post-title-4 a, .post-title-5 a, .post-title-6 a, .post-title-7 a, .post-title-8 a, .post-title-9 a, .post-title-10 a {
    color: #000;
}
.post .wp-block-video {
    text-align: center;
}
.post .wp-block-video video {
    width: 250px !important;
    margin: 10px 0 5px 0;
    border: 2px solid #000;
    aspect-ratio: unset !important;
}
.wp-block-video video {
    border-radius: 10px;
    aspect-ratio: unset !important;
}
.post .wp-block-image img {
    height: auto;
    width: 80%;
    margin-top: 10px;
    margin-bottom: 5px;
    padding: 5px;
    border-radius: 15px;
    border: 3px dotted #53017b;
    box-sizing: border-box;
}
.post .wp-block-image figcaption {
    text-align: center;
}
.post-content {
    padding: 5px 15px;
    text-align: justify;
    
}
.post-content h1, .post-content h2, .post-content h3, .post-content h4, .post-content h5, .post-content h6 {
    color: #0e28bb;
    margin-block: 1em;
    text-align: justify;
    text-shadow: 0 6px 3px rgb(0 0 0 / 10%), 0 3px 10px rgb(0 0 0 / 15%);
}
.post-content figcaption {
    text-shadow: 0 6px 3px rgb(0 0 0 / 10%), 0 3px 10px rgb(0 0 0 / 15%);
}
.post-content h2 {
    font: 18px Vazir, VazirFallback, Tahoma, Arial;
}
.post-content h3 {
    font: 15px Vazir, VazirFallback, Tahoma, Arial;
}
.post-content h4 {
    font: 12px Vazir, VazirFallback, Tahoma, Arial;
}
.post-content h5 {
    font: 9px Vazir, VazirFallback, Tahoma, Arial;
}
.post-content h6 {
    font: 6px Vazir, VazirFallback, Tahoma, Arial;
}
.post-content figcaption {
    font: 13px Vazir, VazirFallback, Tahoma, Arial;
}
.post-content ol {
    margin-block: 1em;
}
.post-content ul {
    margin-block: 1em;
}
.post-content li {
    list-style: unset;
    box-shadow: none;
    margin-right: 15px;
}
.post-content img {
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-width: 100%;
    margin-block: 1em;
}
.post-content ul > li, ol > li {
    font: 14px/2 Vazir, VazirFallback, Tahoma, Arial;
    text-align: justify;
}
.post-content p {
    font: 14px/2 Vazir, VazirFallback, Tahoma, Arial;
    text-align: justify;
    margin-block: 1em;
}
.wp-block-table {
    font: 14px/2 Vazir, VazirFallback, Tahoma, Arial;
    padding: 10px 1px;
}
.category {
    display: inline-block;
    padding: 5px 15px;
    border-radius: 7px;
    background-color: #91cbed;
    font: 10px Vazir, VazirFallback, Tahoma, Arial;
    box-shadow: rgba(0, 0, 0, .25) 0 .0625em 1em, rgba(0, 0, 0, .25) 0 .125em .5em, rgb(255 255 255 / 100%) 0 0 0 2px inset;
}
.category:hover {
    box-shadow: rgba(0,0,0,.25) 0 .0625em .0625em,rgba(0,0,0,.25) 0 .125em .5em,rgb(255 255 255 / 100%) 0 0 0 2px inset;
}
.category a {
    color: #000;
}
.pu-up {
    width: fit-content;
    height: auto;
    text-align: center;
    margin: 20px auto 20px auto;
    border: 6px double;
    box-sizing: border-box;
    font: 14px / 2 Vazir, VazirFallback, Tahoma, Arial;
    background-color: #fffdec;
    box-shadow: 0 7px 10px #91cbed;
    color: #000 !important;
    padding: 10px;
    border-radius: 30px;
    animation: borderGlow 2s ease-in-out infinite;
}
.post-img img {
    margin-right: auto;
    margin-left: auto;
    display: block;
}
.post footer {
    border: 2px solid #e6e6e6;
    margin: 15px auto;
    height: 1px;
}
.post footer div {
    width: 50px;
    padding: 10px 3px;
    float: right;
    font: 16px Vazir, VazirFallback, Tahoma, Arial;
    margin: 0 auto;
    text-align: center;
    height: 25px;
}
.post footer p {
    color: #000;
}
.post footer p:hover {
    color: #2ecc71;
}
.more-link {
    width: auto !important;
    float: left !important;
    padding: 3px 13px !important;
    background: #91cbed;
    border-radius: 15px;
    margin: 7px 15px !important;
    box-shadow: rgba(0, 0, 0, .25) 0 .0625em 1em, rgba(0, 0, 0, .25) 0 .125em .5em, rgb(255 255 255 / 100%) 0 0 0 2px inset;
}
.more-link:hover {
    background: #00bcd4;
    box-shadow: rgba(0,0,0,.25) 0 .0625em .0625em,rgba(0,0,0,.25) 0 .125em .5em,rgb(255 255 255 / 100%) 0 0 0 2px inset;
}
.more-link a {
    color: #000 !important;
    font: 13px Vazir, VazirFallback, Tahoma, Arial;
}
.excerpt {
    font: 14px Vazir, VazirFallback, Tahoma, Arial;
    text-align: center;
    color: #000;
    direction: rtl;
    margin-bottom: 10px;
}
.pagination {
    padding: 0 0;
    font: 15px Vazir, VazirFallback, Tahoma, Arial;
    line-height: 13px;
}
.pagination span, .pagination a, .pagination a:visited {
    float: right;
    margin: 4px 0 4px 4px;
    display: block;
    padding: 15px 18px 14px 18px;
    text-decoration: none;
    width: auto;
    color: #000;
    background-color: #91cbed;
    border-radius: 20px;
    box-shadow: rgba(0,0,0,.25) 0 .0625em .0625em,rgba(0,0,0,.25) 0 .125em .5em,rgb(255 255 255 / 100%) 0 0 0 2px inset;
}
.pagination .current {
    padding: 15px 18px 14px 18px;
    background: #34495e;
    color: #fff;
    border-radius: 20px;
    box-shadow: rgba(50, 50, 93, .25) 0 30px 60px -12px inset, rgba(0, 0, 0, .3) 0 18px 36px -18px inset;
}
.sharestop {
    float: left;
    padding-top: 5px;
    padding-left: 20px;
}
.shares {
    text-align: center;
    margin-top: 10px;
    font: 14px/2 Vazir, VazirFallback, Tahoma, Arial;
}
.shares .fa {
    font-size: 40px;
    padding: 5px;
    display: inherit;
    color: #0c1892;
}
.shares hr {
    margin: 15px auto;
    height: 3px;
    border: 3px dashed #ed7702;
    box-sizing: border-box;
}
#shares-thumbnail-0, #shares-thumbnail-1, #shares-thumbnail-2, #shares-thumbnail-3, #shares-thumbnail-4, #shares-thumbnail-5, #shares-thumbnail-6, #shares-thumbnail-7, #shares-thumbnail-8, #shares-thumbnail-9, #shares-thumbnail-10 {
    transition: transform .2s ease-in-out;
}
#shares-thumbnail-0:hover, #shares-thumbnail-1:hover, #shares-thumbnail-2:hover, #shares-thumbnail-3:hover, #shares-thumbnail-4:hover, #shares-thumbnail-5:hover, #shares-thumbnail-6:hover, #shares-thumbnail-7:hover, #shares-thumbnail-8:hover, #shares-thumbnail-9:hover, #shares-thumbnail-10:hover {
    transform: scale(.8);
}
.tabs {
    position: relative;
    height: auto;
    width: 100%;
    float: right;
    background: #fff;
    font: 14px Vazir, VazirFallback, Tahoma, Arial;
}
.tabs input[name='tab-control'] {
    display: none;
}
.tabs ul {
    list-style-type: none;
    padding-left: 0;
    display: flex;
    flex-direction: row;
    margin-bottom: 10px;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
}
.tabs ul li {
    box-sizing: border-box;
    flex: 1;
    width: 25%;
    padding: 0 10px;
    text-align: center;
}
.tabs ul li label {
    transition: all .3s ease-in-out;
    color: #000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    cursor: pointer;
    white-space: nowrap;
    user-select: none;
    background: #fff8dc;
    border-top-left-radius: 5px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 5px;
    margin-right: 14%;
    margin-left: 14%;
    height: 30px;
    padding-top: 13px;
    box-shadow: rgba(0, 0, 0, .25) 0 .0625em 1em, rgba(0, 0, 0, .25) 0 .125em .5em, rgb(255 255 255 / 100%) 0 0 0 2px inset;
}
.tabs ul li label br {
    display: none;
}
.tabs ul li label:hover, .tabs ul li label:focus, .tabs ul li label:active {
    outline: 0;
    box-shadow: rgba(0, 0, 0, .25) 0 .0625em .0625em, rgba(0, 0, 0, .25) 0 .125em .5em, rgb(255 255 255 / 100%) 0 0 0 2px inset;
}
.tabs .slider {
    position: relative;
    width: 25%;
    transition: all .33s cubic-bezier(.38, .8, .32, 1.07);
}
.tabs .slider .indicator {
    position: relative;
    right: 85%;
    width: 30%;
    max-width: 100%;
    margin: 0 auto;
    height: 3px;
    border-radius: 1px;
}
.tabs .content {
    margin: 15px;
    text-align: justify;
}
.tabs .content section {
    display: none;
            animation-name: content;
    -webkit-animation-name: content;
            animation-direction: normal;
    -webkit-animation-direction: normal;
            animation-duration: .3s;
    -webkit-animation-duration: .3s;
            animation-timing-function: ease-in-out;
    -webkit-animation-timing-function: ease-in-out;
            animation-iteration-count: 1;
    -webkit-animation-iteration-count: 1;
    line-height: 1.4;
}
.tabs input[name='tab-control']:nth-of-type(1):checked ~ ul > li:nth-child(1) > label {
    cursor: default;
    color: #fff;
    background: #0C5C10;
    margin-right: 14%;
    margin-left: 14%;
    height: 30px;
    border-top-left-radius: 20px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 20px;
    padding-top: 13px;
    box-shadow: rgba(0, 0, 0, .25) 0 .0625em .0625em, rgba(0, 0, 0, .25) 0 .125em .5em, rgb(255 255 255 / 100%) 0 0 0 2px inset;
}
.tabs input[name='tab-control']:nth-of-type(1):checked ~ .slider {
    transform: translateX(0%);
}
.tabs input[name='tab-control']:nth-of-type(1):checked ~ .slider .indicator {
    background: #0C5C10;
}
.tabs input[name='tab-control']:nth-of-type(1):checked ~ .content > section:nth-child(1) {
    display: block;
    border: 3px solid #118ac6;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 10px;
    text-align: center;
    margin-bottom: 50px;
    background: #fff8dc;
    box-shadow: rgba(0, 0, 0, .25) 0 .0625em .0625em, rgba(0, 0, 0, .25) 0 .125em .5em, rgb(255 255 255 / 100%) 0 0 0 2px inset;
}
#link-app-download0, #link-app-download1, #link-app-download2, #link-app-download3, #link-app-download4, #link-app-download5, #link-app-download6, #link-app-download7, #link-app-download-up0, #link-app-download-up1, #link-app-download-up2, #link-app-download-up3, #link-app-download-up4, #link-app-download-up5, #link-app-download-up6, #link-app-download-up7 {
    background: linear-gradient(-45deg, #000, #e73c7e, #0c1892, #2aff00);
    animation: gradient 3s ease infinite;
    background-size: 400% 400%;
    font: 20px Vazir, VazirFallback, Tahoma, Arial;
    font-weight: bold;
    color: #fff;
    padding: 10px 20px;
    border: 2px solid #0c1892;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, .25) 0 .0625em 1em, rgba(0, 0, 0, .25) 0 .125em .5em, rgb(255 255 255 / 100%) 0 0 0 2px inset;
}
#link-app-download0:hover, #link-app-download1:hover, #link-app-download2:hover, #link-app-download3:hover, #link-app-download4:hover, #link-app-download5:hover, #link-app-download6:hover, #link-app-download7:hover, #link-app-download-up0:hover, #link-app-download-up1:hover, #link-app-download-up2:hover, #link-app-download-up3:hover, #link-app-download-up4:hover, #link-app-download-up5:hover, #link-app-download-up6:hover, #link-app-download-up7:hover {
    box-shadow: rgba(0, 0, 0, .25) 0 .0625em .0625em, rgba(0, 0, 0, .25) 0 .125em .5em, rgb(255 255 255 / 100%) 0 0 0 2px inset;
}
@keyframes gradient {
    0% {
        background-position: 0 50%;
    }
    50% {
        background-position: 100% 50%;
    }
    100% {
        background-position: 0 50%;
    }
}
#link-app-ets-winners {
    font: 20px Vazir, VazirFallback, Tahoma, Arial;
    font-weight: bold;
    color: #000;
    background: #f3c6ff;
    padding: 10px 20px;
    border: 2px solid #0c1892;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, .25) 0 .0625em 1em, rgba(0, 0, 0, .25) 0 .125em .5em, rgb(255 255 255 / 100%) 0 0 0 2px inset;
}
#link-app-ets-winners:hover {
    color: #fff !important;
    background: #da88f1;
    box-shadow: rgba(0,0,0,.25) 0 .0625em .0625em,rgba(0,0,0,.25) 0 .125em .5em,rgb(255 255 255 / 100%) 0 0 0 2px inset;
}
#link-app-ets-telegram, #link-app-ets-eitaa, #link-app-ets-whatsapp {
    font: 15px Vazir, VazirFallback, Tahoma, Arial;
    font-weight: bold;
    color: #000;
    background: #cddc39;
    padding: 10px 20px;
    border: 2px solid #0c1892;
    border-radius: 10px;
    box-shadow: rgba(0, 0, 0, .25) 0 .0625em 1em, rgba(0, 0, 0, .25) 0 .125em .5em, rgb(255 255 255 / 100%) 0 0 0 2px inset;
}
#link-app-ets-telegram:hover, #link-app-ets-eitaa:hover, #link-app-ets-whatsapp:hover {
    color: #fff !important;
    background: #5fb55f;
    box-shadow: rgba(0,0,0,.25) 0 .0625em .0625em,rgba(0,0,0,.25) 0 .125em .5em,rgb(255 255 255 / 100%) 0 0 0 2px inset;
}
#link-app-support0, #link-app-support1 {
    font: 15px Vazir, VazirFallback, Tahoma, Arial;
    font-weight: bold;
    color: #000;
    background: #91cbed;
    padding: 10px 20px;
    border: 2px solid #a42885;
    border-radius: 10px;
    box-shadow: 0 14px 28px rgb(0 0 0 / 25%), 0 10px 10px rgb(0 0 0 / 22%);
}
#link-app-support0:hover, #link-app-support1:hover {
    box-shadow: rgba(0, 0, 0, .25) 0 .0625em .0625em, rgba(0, 0, 0, .25) 0 .125em .5em, rgb(255 255 255 / 100%) 0 0 0 2px inset;
}
.tabs input[name='tab-control']:nth-of-type(2):checked ~ ul > li:nth-child(2) > label {
    cursor: default;
    color: #fff;
    background: #B1140C;
    margin-right: 14%;
    margin-left: 14%;
    height: 30px;
    border-top-left-radius: 20px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 20px;
    padding-top: 13px;
    box-shadow: rgba(0, 0, 0, .25) 0 .0625em .0625em, rgba(0, 0, 0, .25) 0 .125em .5em, rgb(255 255 255 / 100%) 0 0 0 2px inset;
}
.tabs input[name='tab-control']:nth-of-type(2):checked ~ .slider {
    transform: translateX(-132%);
}
.tabs input[name='tab-control']:nth-of-type(2):checked ~ .slider .indicator {
    background: #e74c3c;
}
.tabs input[name='tab-control']:nth-of-type(2):checked ~ .content > section:nth-child(2) {
    display: block;
    border: 3px solid #e74c3c;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 10px;
    text-align: justify;
    margin-bottom: 50px;
    background: #fff8dc;
    box-shadow: rgba(0, 0, 0, .25) 0 .0625em .0625em, rgba(0, 0, 0, .25) 0 .125em .5em, rgb(255 255 255 / 100%) 0 0 0 2px inset;
}
.tabs input[name='tab-control']:nth-of-type(3):checked ~ ul > li:nth-child(3) > label {
    cursor: default;
    color: #fff;
    background: #c47ee1;
    margin-right: 14%;
    margin-left: 14%;
    height: 30px;
    border-top-left-radius: 20px;
    border-top-right-radius: 5px;
    border-bottom-left-radius: 5px;
    border-bottom-right-radius: 20px;
    padding-top: 13px;
    box-shadow: rgba(0, 0, 0, .25) 0 .0625em .0625em, rgba(0, 0, 0, .25) 0 .125em .5em, rgb(255 255 255 / 100%) 0 0 0 2px inset;
}
.tabs input[name='tab-control']:nth-of-type(3):checked ~ .slider {
    transform: translateX(-265%);
}
.tabs input[name='tab-control']:nth-of-type(3):checked ~ .slider .indicator {
    background: #9b59b6;
}
.tabs input[name='tab-control']:nth-of-type(3):checked ~ .content > section:nth-child(3) {
    display: block;
    border: 3px solid #9b59b6;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 50px;
    background: #fff8dc;
    box-shadow: rgba(0, 0, 0, .25) 0 .0625em .0625em, rgba(0, 0, 0, .25) 0 .125em .5em, rgb(255 255 255 / 100%) 0 0 0 2px inset;
}
@keyframes content {
    from {
        opacity: 0;
        transform: translateY(5%);
    }
    to {
        opacity: 1;
        transform: translateY(0%);
    }
}
.related {
    width: 100%;
    float: right;
    margin-top: 20px;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-bottom: 2px solid #e6e6e6;
}
.related-header {
    height: 30px;
}
.related p {
    color: #000;
    font: 12px Vazir, VazirFallback, Tahoma, Arial;
    direction: rtl;
}
.related ul li {
    float: left;
    width: 100px;
    margin: 13px 5px 13px 5px;
    text-align: center;
}
.related img {
    width: 90px;
    height: auto;
}
.left-sidebar {
    width: 25%;
    float: left;
}
.left-sidebar img {
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-width: 100%;
    height: auto;
}
.left-sidebar .ads {
    background: #fff;
    border: 1px solid #e2e2e2;
    border-bottom: 2px solid #e6e6e6;
    margin-bottom: 10px;
    text-align: center;
    font: 13px Vazir, VazirFallback, Tahoma, Arial;
    border-radius: 20px;
    box-shadow: rgb(0 0 0 / 25%) 0 .0625em .0625em, rgb(0 0 0 / 25%) 0 .125em .5em, rgb(255 255 255 / 10%) 0 0 0 1px inset;
}
.left-sidebar .ads .wp-block-video {
    margin: 10px 5px;
    text-align: center;
}
.mad-top-left a {
    padding: 8px 20px;
    color: #fdfdfd;
    font: 13px Vazir, VazirFallback, Tahoma, Arial;
    text-align: right;
    background: #13265a;
    margin: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    float: left;
}
.mad-top-right {
    padding: 8px 20px;
    color: #fdfdfd;
    font: 13px Vazir, VazirFallback, Tahoma, Arial;
    text-align: right;
    background: #13265a;
    margin: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    float: right;
}
.mad-top {
    padding: 8px 20px;
    color: #fdfdfd;
    font: 13px Vazir, VazirFallback, Tahoma, Arial;
    text-align: right;
    background: #13265a;
    margin: 0;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
.mad-top h3 {
    font-weight: unset !important;
}
.left-sidebar-con {
    padding: 10px;
}
.ads-single {
    margin-bottom: 20px;
}
.left-sidebar .ads ul li:nth-child(1) a, .ads-in ul li:nth-child(1) a {
    height: 81px;
    border-top-left-radius: 0;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-style: none solid dashed none;
    border-color: #e74c3c;
    border-width: 3px;
    background: #e74c3c12;
}
.left-sidebar .ads ul li:nth-child(2) a, .ads-in ul li:nth-child(2) a {
    height: 81px;
    border-top-left-radius: 0;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-style: none solid dashed none;
    border-color: #9b59b6;
    border-width: 3px;
    background: #9b59b612;
}
.left-sidebar .ads ul li:nth-child(3) a, .ads-in ul li:nth-child(3) a {
    height: 81px;
    border-top-left-radius: 0;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-style: none solid dashed none;
    border-color: #1abc9c;
    border-width: 3px;
    background: #1abc9c0f;
}
.left-sidebar .ads ul li:nth-child(4) a, .ads-in ul li:nth-child(4) a {
    border-right: 4px solid #3498db;
    border-radius: 20px;
}
.left-sidebar .ads ul li:nth-child(1) a:hover, .ads-in ul li:nth-child(1) a:hover {
    background: #e74c3c;
    color: #fdfdfd;
}
.left-sidebar .ads ul li:nth-child(2) a:hover, .ads-in ul li:nth-child(2) a:hover {
    background: #9b59b6;
    color: #fdfdfd;
}
.left-sidebar .ads ul li:nth-child(3) a:hover, .ads-in ul li:nth-child(3) a:hover {
    background: #1abc9c;
    color: #fdfdfd;
}
.left-sidebar .ads ul li:nth-child(4) a:hover, .ads-in ul li:nth-child(4) a:hover {
    background: #3498db;
    color: #fdfdfd;
}
.left-sidebar .ads ul li a, .ads-in ul li a {
    padding: 2px 10px;
    display: block;
    color: #000;
}
.left-sidebar .ads span, .ads-in span {
    display: block;
    margin: 5px 0;
    font: 13px Flags, Vazir, VazirFallback, Tahoma, Arial;
}
.left-sidebar .ads p, .ads-in p {
    display: block;
    margin-block: 1em;
    font: 13px Vazir, VazirFallback, Tahoma, Arial;
}
.botribbon {
    width: auto;
    color: #fbfbfb;
    text-align: center;
    padding: 15px 35px 15px 35px;
    font: 18px Vazir, VazirFallback, Tahoma, Arial;
}
.botlogo {
    width: 100%;
    background: #f7f7f7;
    padding: 20px 0 0 0;
    text-align: center;
    overflow: auto;
}
.botlogo img {
    width: 50%;
    height: auto;
}
.backtotop {
    width: 100%;
    background: #f7f7f7;
    border-bottom: 5px solid #ed1c24;
    text-align: center;
}
.backtotop .fa {
    color: #000;
    width: 50px;
    height: 50px;
    font-size: 20px;
    border-radius: 10px 10px 0 0;
    border: 3px solid #03a9f4;
    border-bottom: 0;
    box-shadow: rgba(50, 50, 93, .25) 0 30px 60px -12px inset, rgba(0, 0, 0, .3) 0 18px 36px -18px inset;
}
.footer-nav {
    width: 100%;
    background: #34495e;
    margin: 20px auto 0;
    clear: both;
    position: relative;
}
.main-footer {
    width: auto;
    margin: 10px 10px 0 10px;
}
.about {
    width: 33.3%;
    height: 250px;
    float: left;
    margin: auto;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-align: center;
    overflow-x: hidden;
    overflow-y: scroll;
}
.about .head, .social .head, .my-about .head {
    font: 18px Vazir, VazirFallback, Tahoma, Arial;
    padding: 5px;
    margin: 10px auto;
    color: #e2e2e2;
}
.my-about p {
    font: 13px/2 Vazir, VazirFallback, Tahoma, Arial;
    color: #e2e2e2;
    text-align: center;
    margin: 0 15px;
}
.my-about span {
    color: #ffff00;
}
.social p {
    font: 13px/2 Vazir, VazirFallback, Tahoma, Arial;
    color: #e2e2e2;
    text-align: center;
    margin: 0 15px;
}
.about p {
    font: 13px/2 Vazir, VazirFallback, Tahoma, Arial;
    color: #e2e2e2;
    text-align: justify;
    margin: 0 15px;
}
.about a {
    color: #ffff00;
    text-align: right !important;
    float: right;
}
.social {
    width: 33.3%;
    height: 250px;
    float: left;
    margin: auto;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-align: center;
    overflow-x: hidden;
    overflow-y: scroll;
}
.social ul li {
    margin: 10px 2px;
    text-align: center;
}
.my-about {
    width: 33.3%;
    height: 250px;
    float: left;
    margin: auto;
    padding-bottom: 10px;
    margin-bottom: 10px;
    text-align: center;
    overflow-x: hidden;
    overflow-y: scroll;
}
.footer-bot {
    text-align: center;
    width: 80%;
    height: auto;
    background: #c4ced8;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    margin: 0 auto;
    padding: 10px;
    clear: both;
    border: 6px double #53017b;
    box-sizing: border-box;
}
.footer-bot a {
    color: #000;
    font: 12px/2 Vazir, VazirFallback, Tahoma, Arial;
}
#authorbox {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 10px;
    padding-top: 15px;
    background-color: #fff;
    color: #707070;
    font: 14px Vazir, VazirFallback, Tahoma, Arial;
    border: 1px solid #e2e2e2;
    border-bottom: 2px solid #e6e6e6;
    position: relative;
    text-align: center;
    border-radius: 20px;
    box-shadow: rgb(0 0 0 / 25%) 0 .0625em .0625em, rgb(0 0 0 / 25%) 0 .125em .5em, rgb(255 255 255 / 10%) 0 0 0 1px inset;
}
#authorbox .author-title {
    font: 15px Vazir, VazirFallback, Tahoma, Arial;
    margin: 10px;
}
#authorbox p {
    margin: 10px;
}
#authorbox a {
    text-decoration: none;
    transition: all .2s ease-in-out;
    color: #972385;
    font-weight: 700;
}
#authorbox-a img {
    width: 95%;
    margin-right: auto;
    margin-left: auto;
    display: block;
    max-width: 800px;
    height: auto;
    padding: 5px;
    border-radius: 15px;
    border: 2px dashed #000;
    box-sizing: border-box;
}
#comments {
    width: 100%;
    float: right;
    margin-top: 10px;
}
.comments-title {
    width: max-content;
    margin: 15px 15px 5px 5px;
    font: 15px Vazir, VazirFallback, Tahoma, Arial;
    border-top-left-radius: 0;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-style: none solid dashed none;
    border-color: #9b59b6;
    border-width: 3px;
    padding: 10px;
}
ol.comment-list {
    width: 100%;
    margin: 20px 0;
    float: right;
}
ol.comment-list li.bypostauthor {
    border: 3px solid #ff9800;
    border-radius: 10px;
}
ol.comment-list p {
    margin-top: 30px;
    font: 13px Vazir, VazirFallback, Tahoma, Arial;
    overflow: hidden;
    overflow-wrap: anywhere;
}
ol.comment-list .even {
    background: #fff;
    border: 1px solid #e2e2e2;
    border-bottom: 2px solid #e6e6e6;
    padding: 10px;
    position: relative;
    display: flow-root;
}
ol.comment-list ul > li, ol > li {
    border-radius: 20px;
    box-shadow: rgb(0 0 0 / 25%) 0 .0625em .0625em, rgb(0 0 0 / 25%) 0 .125em .5em, rgb(255 255 255 / 10%) 0 0 0 1px inset;
}
ol.comment-list .odd {
    padding: 10px;
    background: #fff;
    border: 1px solid #e2e2e2;
    border-bottom: 2px solid #e6e6e6;
    position: relative;
    display: flow-root;
}
ol.comment-list li.depth-2 {
    margin-top: 10px;
}
ol.comment-list li.depth-3 {
    margin-top: 30px;
}
ol.comment-list li.depth-4 {
    margin-top: 30px;
}
ol.comment-list li.depth-5 {
    margin-top: 30px;
}
.comment-meta {
    display: -webkit-inline-box;
}
.commentmetadata a {
    font: 10px Vazir, VazirFallback, Tahoma, Arial;
    position: absolute;
    top: 45px;
    color: #000;
    direction: initial;
}
.comment-edit-link {
    position: absolute;
    top: 65px !important;
    left: 10px;
}
.comment-respond {
    min-height: 610px;
    display: initial;
}
.reply {
    left: 10px;
    bottom: 20px;
    margin-top: 10px;
}
.reply a {
    font: 13px Vazir, VazirFallback, Tahoma, Arial;
    padding: 5px 10px;
    border-radius: 2px;
    background: #27ae60;
    color: #000;
    border-radius: 20px;
    box-shadow: rgba(0,0,0,.25) 0 .0625em .0625em,rgba(0,0,0,.25) 0 .125em .5em,rgb(255 255 255 / 100%) 0 0 0 2px inset;
}
.reply a:hover {
    background: #1f8d4e;
    color: #fdfdfd;
}
.fn {
    position: absolute;
    top: 10px;
    color: #000;
}
.fn a {
    color: #0c1892;
}
.says {
    display: none;
}
#reply-title {
    width: max-content;
    font: 16px Vazir, VazirFallback, Tahoma, Arial;
    margin: 15px 15px 5px 5px;
    border-top-left-radius: 0;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-style: none solid dashed none;
    border-color: #1abc9c;
    border-width: 3px;
    padding: 10px;
}
#cancel-comment-reply-link {
    float: left;
    padding: 5px 10px;
    margin-right: 10px;
    background: #e74c3c;
    color: #000;
    font: 13px Vazir, VazirFallback, Tahoma, Arial;
    border-radius: 20px;
    box-shadow: rgba(0,0,0,.25) 0 .0625em .0625em,rgba(0,0,0,.25) 0 .125em .5em,rgb(255 255 255 / 100%) 0 0 0 2px inset;
}
#cancel-comment-reply-link:hover {
    background: #cf2e2e;
    color: #fdfdfd;
    border-radius: 20px;
    box-shadow: rgb(0 0 0 / 25%) 0 .0625em .0625em, rgb(0 0 0 / 25%) 0 .125em .5em, rgb(255 255 255 / 10%) 0 0 0 1px inset;
}
.comment-notes {
    font: 14px Vazir, VazirFallback, Tahoma, Arial;
    margin: 15px;
    text-align: justify;
}
.comment-form label {
    float: right;
    margin: 5px 15px 5px 5px;
    font: 14px Vazir, VazirFallback, Tahoma, Arial;
}
.comment-form {
    margin-top: 10px;
    margin-bottom: 10px;
    float: right;
    background-color: #fbfbfb;
    border: 1px solid #e2e2e2;
    border-bottom: 3px solid #e6e6e6;
    width: 100%;
    color: #707070;
    font: 14px Vazir, VazirFallback, Tahoma, Arial;
    border-radius: 20px;
    box-shadow: rgb(0 0 0 / 25%) 0 .0625em .0625em, rgb(0 0 0 / 25%) 0 .125em .5em, rgb(255 255 255 / 10%) 0 0 0 1px inset;
}
.logged-in-as {
    padding: 10px 15px;
}
#author {
    margin-right: 14px;
}
#url {
    margin-right: 11px;
}
.nav-next, .nav-previous {
    margin-bottom: 30px;
    display: inline-block;
}
.nav-next a, .nav-previous a {
    width: auto;
    cursor: pointer;
    padding: 10px;
    margin: 10px;
    font: 13px Vazir, VazirFallback, Tahoma, Arial;
    color: #000;
    background: #27ae60;
    border-radius: 20px;
    box-shadow: rgba(0,0,0,.25) 0 .0625em .0625em,rgba(0,0,0,.25) 0 .125em .5em,rgb(255 255 255 / 100%) 0 0 0 2px inset;
}
.nav-next a:hover, .nav-previous a:hover {
    background: #1f8d4e;
    color: #fdfdfd;
}
.comment-form input {
    min-width: -webkit-fill-available;
    min-width: -moz-available;
    max-width: 0;
    height: 35px;
    border-radius: 3px;
    text-align: right;
    padding: 0 13px;
    font: 12px VazirFallback;
    margin: 5px 15px 10px 15px;
    border: 2px solid #c5c5c5;
}
.comment-form input:focus {
    border: 2px solid #8c49a8;
}
.comment-form textarea {
    min-width: -webkit-fill-available;
    min-width: -moz-available;
    max-width: 0;
    min-height: 50px;
    border-radius: 3px;
    text-align: right;
    padding: 5px 13px 5px 30px;
    font: 12px VazirFallback;
    margin: 5px 15px 10px 15px;
    border: 2px solid #c5c5c5;
}
.comment-form textarea:focus {
    border: 2px solid #8c49a8;
}
.comment-form input[type='submit'] {
    min-width: max-content;
    cursor: pointer;
    margin: 10px;
    margin-bottom: 15px;
    font: 13px Vazir, VazirFallback, Tahoma, Arial;
    color: #000;
    background: #27ae60;
    border-radius: 20px;
    box-shadow: rgba(0,0,0,.25) 0 .0625em .0625em,rgba(0,0,0,.25) 0 .125em .5em,rgb(255 255 255 / 100%) 0 0 0 2px inset;
}
.comment-form input[type='submit']:hover {
    color: #fdfdfd;
    background: #1f8d4e;
    border-radius: 20px;
}
pre {
    max-width: 100%;
    border: 1px solid #cf2e2e;
    background: #fff;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 10px;
    margin-top: 20px;
    margin-bottom: 20px;
    white-space: pre-wrap;
    word-wrap: break-word;
    font: 14px/1.8 Vazir, VazirFallback, Tahoma, Arial;
    text-align: center;
    box-shadow: rgba(0, 0, 0, .4) 0 2px 4px, rgba(0, 0, 0, .3) 0 7px 13px -3px, rgba(0, 0, 0, .2) 0 -3px 0 inset;
}
.wp-block-preformatted {
    border: 2px solid #000;
    box-shadow: none;
}
pre a {
    color: #cf2e2e;
}
.herobutton-green {
    line-height: 1.5;
    color: #000 !important;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    border-radius: 9px;
    padding: 12px 24px;
    margin: 10px;
    border: 2px ridge #cf2e2e;
    background: #cddc39;
    font: 14px Vazir, VazirFallback, Tahoma, Arial;
    box-shadow: rgba(0, 0, 0, .25) 0 .0625em 1em, rgba(0, 0, 0, .25) 0 .125em .5em, rgb(255 255 255 / 100%) 0 0 0 2px inset;
}
.herobutton-green:hover {
    color: #fff !important;
    background: #5fb55f;
    box-shadow: rgba(0,0,0,.25) 0 .0625em .0625em,rgba(0,0,0,.25) 0 .125em .5em,rgb(255 255 255 / 100%) 0 0 0 2px inset;
}
.herobutton-red {
    line-height: 1.5;
    color: #000 !important;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    border-radius: 9px;
    padding: 12px 24px;
    margin: 10px;
    border: 2px ridge #fff;
    background: #ed1c24;
    font: 14px Vazir, VazirFallback, Tahoma, Arial;
    box-shadow: rgba(0, 0, 0, .25) 0 .0625em 1em, rgba(0, 0, 0, .25) 0 .125em .5em, rgb(255 255 255 / 100%) 0 0 0 2px inset;
}
.herobutton-red:hover {
    color: #fff !important;
    background: #cb4e53;
    box-shadow: rgba(0,0,0,.25) 0 .0625em .0625em,rgba(0,0,0,.25) 0 .125em .5em,rgb(255 255 255 / 100%) 0 0 0 2px inset;
}
.herobutton-blue {
    line-height: 1.5;
    color: #000 !important;
    display: inline-block;
    cursor: pointer;
    text-align: center;
    border-radius: 9px;
    padding: 12px 24px;
    margin: 10px;
    border: 2px ridge #fff;
    background: #0095cd;
    font: 14px Vazir, VazirFallback, Tahoma, Arial;
    box-shadow: rgba(0, 0, 0, .25) 0 .0625em 1em, rgba(0, 0, 0, .25) 0 .125em .5em, rgb(255 255 255 / 100%) 0 0 0 2px inset;
}
.herobutton-blue:hover {
    color: #fff !important;
    background: #2187ad;
    box-shadow: rgba(0,0,0,.25) 0 .0625em .0625em,rgba(0,0,0,.25) 0 .125em .5em,rgb(255 255 255 / 100%) 0 0 0 2px inset;
}
.textaligncenter {
    text-align: center !important;
}
.textalignleft {
    text-align: left !important;
}
.textalignright {
    text-align: right !important;
}
.textalignjustify {
    text-align: justify;
}
.colored-ribbon {
    height: 10px;
    display: block;
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%),0 6px 20px 0 rgb(0 0 0 / 19%);
    background: linear-gradient(90deg, rgb(19 38 90) 25%, rgb(0 212 255) 50%, rgb(19 38 90) 75%);
}
.colored-ribbon-left-right {
    height: 20px;
    display: block;
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%),0 6px 20px 0 rgb(0 0 0 / 19%);
    background: #13265a;
}
.colored-ribbon-post {
    height: 30px;
    display: block;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    box-shadow: 0 8px 16px 0 rgb(0 0 0 / 20%),0 6px 20px 0 rgb(0 0 0 / 19%);
    background: linear-gradient(90deg, rgb(19 38 90) 25%, rgb(0 212 255) 50%, rgb(19 38 90) 75%);
}
.star {
    font-size: 20px;
    color: #ff6900;
    direction: ltr;
}
.starrating {
    font: 14px Vazir, VazirFallback, Tahoma, Arial;
    color: #000;
}
.nimbaha {
    font: 14px Vazir, VazirFallback, Tahoma, Arial;
    color: #088310;
}
.ostar {
    color: #ff6900;
    direction: rtl;
    width: max-content;
    margin: 15px 15px 5px 5px;
    font: 20px Vazir, VazirFallback, Tahoma, Arial;
    border-top-left-radius: 0;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-style: none solid dashed none;
    border-color: #9b59b6;
    border-width: 3px;
    padding: 10px;
}
.ostar .starrating {
    font: 15px Vazir, VazirFallback, Tahoma, Arial;
    color: #000;
}
.wp-block-tag-cloud {
    width: auto;
}
.tag-cloud-link {
    font: 14px Vazir, VazirFallback, Tahoma, Arial !important;
    display: inline-block;
    padding: 12px;
    margin: 3px;
    background: #075583;
    color: #fff;
    border: 2px solid #f5c000;
    border-radius: 20px;
    height: auto;
    box-shadow: rgb(0 0 0 / 25%) 0 .0625em .0625em, rgb(0 0 0 / 25%) 0 .125em .5em, rgb(255 255 255 / 10%) 0 0 0 1px inset;
}
.tag-cloud-link:hover {
    background: #2375a5;
    border: 2px solid #f5c000;
}
.wp-block-search {
    padding: 10px;
    text-align: center;
    direction: ltr;
}
.wp-block-search__button.has-icon {
    border: 2px solid #2a627b;
    border-radius: 10px;
}
.wp-block-search__button {
    margin: auto;
}
.wp-block-search .wp-block-search__input {
    font: 13px Vazir, VazirFallback, Tahoma, Arial;
    border: 2px solid #2a627b;
    border-radius: 10px;
    width: 100%;
    direction: rtl;
}
.wp-block-search.aligncenter .wp-block-search__inside-wrapper {
    direction: rtl;
}
.wp-block-search__label {
    width: auto !important;
}
.td {
    font: 13px Vazir, VazirFallback, Tahoma, Arial;
    font-weight: 700;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    padding: 10px;
    text-align: justify;
    white-space: normal;
    overflow: hidden;
    box-sizing: border-box;
    background: #fff;
    color: #000;
    border-right: 5px solid #34495e;
    border-left: 5px solid #34495e;
    direction: rtl;
    border-radius: 20px;
    box-shadow: rgb(0 0 0 / 25%) 0 .0625em .0625em, rgb(0 0 0 / 25%) 0 .125em .5em, rgb(255 255 255 / 10%) 0 0 0 1px inset;
}
#marquee-block {
    font: 13px Vazir, VazirFallback, Tahoma, Arial;
    width: 100%;
    margin: 0 auto 10px auto;
    padding: 10px 0;
    white-space: nowrap;
    overflow: hidden;
    box-sizing: border-box;
    background: #fff;
    color: #90342d;
    direction: rtl;
    position: relative;
    border-radius: 20px;
    box-shadow: rgb(0 0 0 / 25%) 0 .0625em .0625em, rgb(0 0 0 / 25%) 0 .125em .5em, rgb(255 255 255 / 10%) 0 0 0 1px inset;
}
#marquee-text {
    display: inline-block;
    animation: marquee linear infinite;
    padding-right: 100%;
}
#marquee-text:hover {
    animation-play-state: paused;
    -webkit-animation-play-state: paused;
}
@keyframes marquee {
    0% {
        transform: translate(0, 0);
    }100% {
        transform: translate(100%, 0);
    }
}
.wp-block-rank-math-toc-block {
    background: #d7f0b31a;
    border: 2px solid #1b8bab;
    border-radius: 15px;
    padding-top: 5px;
    padding-left: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    margin: 10px 0;
}
.wp-block-rank-math-toc-block nav ol li {
    box-shadow: none !important;
    margin: auto;
}
.wp-block-rank-math-toc-block p {
    font-weight: bold;
    border-bottom: 2px solid #1b8bab;
    padding-bottom: 1em;
}
.wp-block-rank-math-toc-block a {
    font: 14px/3 Vazir, VazirFallback, Tahoma, Arial;
    text-decoration: underline;
}
.flag-border {
    width: 150px;
    text-align: center;
    line-height: 1.8;
    padding: 3px 13px !important;
    background: #f5c000b8;
    margin: 0 auto !important;
    border-radius: 15px;
    border-style: dotted;
    border-color: #53017b;
    border-width: 3px;
    box-shadow: rgba(0, 0, 0, .25) 0 .0625em 1em, rgba(0, 0, 0, .25) 0 .125em .5em, rgb(255 255 255 / 100%) 0 0 0 2px inset;
}
.flag-border:hover {
    background: #f5c000;
    box-shadow: rgba(0, 0, 0, .25) 0 .0625em .0625em, rgba(0, 0, 0, .25) 0 .125em .5em, rgb(255 255 255 / 100%) 0 0 0 2px inset;
}
.flag-border p {
   font: 18px Vazir, VazirFallback, Tahoma, Arial;
}
.related-posts {
    max-width: 100%;
    height: auto;
    text-align: center;
    margin: 10px auto 10px auto;
    font: 14px/2 Vazir, VazirFallback, Tahoma, Arial;
    background-image: linear-gradient(315deg,#32475c 80%,#01d2fc 100%);
    color: #fff !important;
    padding: 10px;
    border-radius: 10px;
    box-shadow: 0 7px 10px #91cbed;
}
.related-posts a {
    color: #fff !important;
    text-decoration: underline;
}
.wp-block-table td, .wp-block-table th {
    vertical-align: middle;
}
.t404 {
    text-align: center;
    margin: 10px;
    font: 80px/2 Vazir, VazirFallback, Tahoma, Arial;
}
.t404 h1 {
    color: #ff6347;
    font: 80px/2 Vazir, VazirFallback, Tahoma, Arial;
}
.t404 h2 {
    color: #000;
    font: 30px/2 Vazir, VazirFallback, Tahoma, Arial;
}
.t404 p {
    text-align: justify;
    color: #000;
    font: 18px/2 Vazir, VazirFallback, Tahoma, Arial;
}
.svg404 {
    margin-top: 30px;
}
.surprise p {
    text-align: center;
    margin-top: 30px;
    color: #000;
    font: 30px/2 Vazir, VazirFallback, Tahoma, Arial;
}
.svgsurprise {
    text-align: center;
    margin-top: 30px;
}
.accordion {
    width:100%;
    margin:auto;
    overflow:hidden;
}
.accordion-header {
    background:#0C5174;
    color:#fff;
    padding:15px;
    margin:5px;
    cursor:pointer;
    font: 16px/2 Vazir, VazirFallback, Tahoma, Arial;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-weight:bold;
    border-radius: 10px;
    box-shadow: rgb(0 0 0 / .25) 0 .0625em .0625em, rgb(0 0 0 / .25) 0 .125em .5em, rgb(255 255 255) 0 0 0 2px inset;
}
.accordion-content {
    max-height:0;
    overflow:hidden;
    transition:max-height .4s ease;
    padding:0 15px;
    margin:5px;
    background:#fff;
    border-radius: 10px;
    box-shadow: rgb(0 0 0 / .25) 0 .0625em .0625em, rgb(0 0 0 / .25) 0 .125em .5em, #ffffff 0 0 0 2px inset;
}
.accordion-content p {
    padding:15px 0;
    margin:0;
}
.scan-table {
    width:100%;
    border-collapse:collapse;
    margin:15px 0;
    font: 14px/2 Vazir, VazirFallback, Tahoma, Arial;
}
.scan-table th,
.scan-table td {
    width: 50%;
    border:1px solid #ddd;
    padding:10px;
    text-align:center;
    vertical-align:middle;
}
.scan-table th {
    background:#0C5174;
    color:#fff;
}
.scan-table tr:nth-child(even) {
    background:#f8f9fa;
}
.status-ok {
    color:#28a745;
    font-weight:bold;
}
.status-warning {
    color:#ff9800;
    font-weight:bold;
}
#rank-math-faq{
    background: lavender;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 10px;
}
.rank-math-list-item .rank-math-answer{
    padding: unset !important;
}