*{box-sizing:border-box;font-family:IRANsansX;text-decoration:none;outline:none;list-style-type:none;direction:rtl}

#im_sec_new_post{display:block!important}input[value="Ų§ŁŲ²ŁˆŲÆŁ†"]{background:#aaacad;border:none;color:#fff;border-radius:3px;width:auto;margin-left:5px;padding:2px 8px;font-family:yekan!important}input[value=" Ų§Ų±Ų³Ų§Ł„ "]{background:#aaacad;border:none;color:#fff;border-radius:3px;width:auto;margin-left:5px;padding:2px 8px;font-family:yekan!important}input[name="788cf9f2133ae6ae64dcffdb2cb27ab8"]{background:#f4f5f7;border:1px solid #e3e4e6;border-radius:3px;padding:4px}img{max-width:100%;}img[alt="ŲØŲ§Ų±ŚÆŲ²Ų§Ų±ŪŒ Ł…Ų¬ŲÆŲÆ"]{display:block!important}button{box-shadow:none!important}





#posts_ajax {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
}
.header{
	float:right;
	width:100%;
	height:auto;
	background-color:#171c24;
	padding:0px 100px 0px 100px;
      position: fixed;
    top: 0;
    right: 0;
    left: 0;
  position: -webkit-sticky;
  display: flex;
  justify-content: space-between;
  z-index:9000000000;
    
}
.h-menu{
	margin:0px;
	padding:0px;
	float:right;
}
.hm-li{
	float:right;
	position:relative;
	padding-left:25px;
	padding-right:25px;
	z-index:5
}
.hm-li > a{
	color:#fff ;
	font-size:18px ;
	float:right;
	height:80px;
	color:#fff;
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;	
}
.hm-li > a i {
    font-size: 10px;
    margin-right: 5px;
}
.logo{
	    float: right;
    height: 80px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding-left: 30px;
}
.h-submenu {
    display: none;
    position: absolute;
    margin-top: 80px;
    color: #fff;
    background: #171c24;
    width: 220px;
    float: right;
    border-radius: 0px 0px 5px 5px;
    overflow: hidden;
    border-top: solid 1px #ffb72d;
	padding:10px
}
.s-img {
    float: right;
    width: 100%;
    position: absolute;
    height: 100%;
}

.hm-li:hover .h-submenu{
	display:block;
	
}
ul.s-ul {
    float: right;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.hm-li {
    text-align: center;
    float: right;
}
ul.s-ul li {
    float: right;
    width: 100%;

}
ul.s-ul li a{
	color:#fff;
	font-size:14px;
	width:100%;
	height:100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 54px;	
}
ul.s-ul li a:hover{
	font-size:14px;
	width:100%;
	background-color:#383838
}
ul.leftbuttons {
    margin: 0px;
    padding: 20px;
    float: left;
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    height: 80px;
}
ul.leftbuttons li {
    float: left;
}
.loginkon i{
    width:42px;
	height:42px;
	background-color:#f2a909;
	border-radius:0px 4px 4px 0px;
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	color:#121212;
	font-size:18px;
	margin-right:10px

}
.tarik i{
	color:#fff;
	font-size:18px;
	width:40px;
	height:40px;
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;

}
.tarik{
	position:relative;
}
.tarik:before {
    content: ".";
    color: #171c24;
    width: 1px;
    height: 22px;
    background: #8f8f8f;
    display: block;
    position: absolute;
    left: 0;
    top: 10px;
}
#bars{
	display:none
}
.h-search i{
    width:42px;
	height:42px;
	background-color:#b1b1b1;
	border-radius:4px 0px 0px 4px;
	display:flex;
	flex-direction:row;
	justify-content:center;
	align-items:center;
	color:#121212;
	font-size:18px;
	cursor:pointer

}


.tagasli{
	float:right;
	margin:0px;
	padding:0px;
}
.tagasli li{
    text-align: center;
    float: right;
	padding-left:25px;
	padding-right:25px
}

.tagasli li i{
color: #debc66;
    font-size: 18px;
    text-decoration: none;
    margin-left:5px;
}

.h-menu li i{
color: #debc66;
    font-size: 18px;
    text-decoration: none;
    margin-left:5px;
}

.tagasli a{
    color: #fff;
    font-size: 18px;
    float: right;
    height: 80px;
    color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;	
}
.tagasli a:hover{
	color:#f2a909
}
.h-menu a:hover{
	color:#f2a909
}
.f-search{
    width: 100%;
    height: 100%;
    position: fixed;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;	
	z-index:600
	}
.fs-black{
	    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    background: #00000070;
}
.f-searchbox {
    position: absolute;
    width: 500px;
    height: 80px;
    background: #fff;
    border-radius: 100px;
    overflow: hidden;
}
.f-searchbox input[type="text"] {
    width: 100%;
    height: 100%;
    border: none;
    padding-right: 30px;
    font-size: 17px;
}
.f-searchbox button:hover{
    background-color: #ffbd2d;
	cursor:pointer
}
.f-searchbox button:hover i{
	color:#fff
}
.f-searchbox button{
    position: absolute;
    top: 7px;
    left: 8px;
    width: 66px;
    height: 66px;
    border-radius: 100px;
    border: none;
    background: #f2a909;
    font-size: 18px;	
}
.f-searchbox button i{
	
	font-size:22px;
	color:#121212
	
}
.f-search{
	display:none
}
.h-search i:hover{
	background-color: #9b9a9a;
	color:#fff
}
.loginkon i:hover{
    background-color: #ffbd2d;
color:#fff	
}

.f-loginbox h4 {
    margin-top: 6px;
    text-align: center;
    font-weight: normal;
}
a.forgotpass {
    float: right;
    width: 100%;
    font-size: 14px;
    color: #121212;
    margin-bottom:10px
}
.closem{
display:none	
	
}
.rb_row_form.rb_login_btn .col_100 input:hover{background-color: #ffbd2d;}
.rb_row_form.rb_login_btn .col_100 input {
    float: right;
    width: 100%;
    height: 56px;
    border: none;
    background: #f2a909;
    font-size: 15px;
    cursor: pointer;
    margin-top: 15px;
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: 0px 0px 5px 5px;
}

.rb_row_form.login_p .col_25 {
    float: right;
    width: 40%;
    font-size: 14px;
    color: #606060;
    padding-bottom: 10px;
    margin-top: 18px;
}
.rb_row_form.login_u .col_25 {
    float: right;
    width: 40%;
    font-size: 14px;
    color: #606060;
    padding-bottom: 10px;
    margin-top: 18px;
}
.f-loginbox .col_75 input {
    width: 100%;
    height: 40px;
    float: right;
    border-radius: 6px;
    border: solid 1px #f1b137b0;
    background: #ddd !important;
}
.f-loginbox .col_75{
float:right;
width:100%;
}
.f-loginbox {
    float: right;
    width: 300px;
    height: 330px;
    position: absolute;
    background: #eee;
    border-radius: 30px;
    border-style: solid;
    border-color: #f1b137;
    padding: 18px;
}

.f-login {
    float: right;
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    display: none;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    z-index:60
}
.fl-black {
    background: #00000070;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
}
.tarik:hover i{
	color:#f2a909
}
li.loginshode {
    width: 42px;
    height: 42px;
    position:relative;
margin-right: 10px;    
}
.loginshode:hover .l-usermenu{
	display:block
}

li.loginshode img {
    width: 100%;
	padding-bottom: 19px;
    box-sizing: content-box;    
    height: 100%;
    border-radius: 0px 4px 4px 0px;
    position:absolute;
    cursor:pointer
}
ul.l-usermenu {
    float: right;
    position: absolute;
    width: 200px;
    margin: 0px;
    padding: 0px;
    background: #171c24;
    border-top: solid 1px #f2a909;
    top: 61px;
    border-radius: 0px 0px 5px 5px;
    padding: 10px;
    right: -58px; 
    display:none
}
ul.l-usermenu li {
    float: right;
    width: 100%;

    font-size: 14px;
}
ul.l-usermenu li a {
	color:#fff;
    height: 45px;
     display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;   
    width:100%;
}
.l-usermenu li a:hover{
background: #3c4148;
        color:#f2a909
}



.vasat{
	width:1200px;
	margin:0px auto;
}
 .topfooter {
    float: right;
    width: 100%;
    background-color: #181f26;
    padding: 19px;
    box-shadow: 0px 0px 30px #00000080;
	
}
.topfooter ul {
    float: right;
    width: 100%;
    margin: 0px;
    padding: 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}
.topfooter ul li{
	float:right;
	color:#da9f46
}

.topfooter ul li a {
    color: #ffb82d;
}
.topfooter ul li:hover a{
	color:#e7941c
}
.footer {
    float: right;
    width: 100%;
    background-color: #181c1f;
}
.zirfooter {
    float: right;
    width: 100%;
    padding: 15px 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.boxinfo {
    float: right;
    width: 25%;
    border-radius: 20px;
    padding: 20px;

}
.boxinfo:last-child{
    display: flex;
    flex-direction: row;
    align-items: center;
    align-content: flex-end;
    flex-wrap: wrap;
}
.footer h5{
    float: right;
    width: 100%;
    margin: 0px 0px 20px 0px;
    color: #fff;
    font-size: 17px;	
}
h5 i{
	float:left;
	font-size:25px
}
.infoti{
    float: right;
    font-size: 15px;
    color: #7f8789;
	
}
.infocont{

    float: left;
    color: #f1a835;
	
}
.yechi {
    float: right;
    width: 100%;
    margin-bottom: 9px;
}
.boxinfo a{
    color: #fff;
    float: right;
    width: 100%;
    height: 100px;
    border-radius: 38px;
    display: flex;
    font-size: 34px;
    text-shadow: 0px 1px 4px #a1a1a1bf;
    padding-top: 7px;
    margin-bottom: 12px;
    align-items: center;
        justify-content: center;
    flex-direction: column;

}
span.bozorge {
    float: right;
    width: 100%;
    font-size: 13px;
    color: #fff;
}
span.kochike {
    float: right;
    font-size: 11px;
    color: #9f9f9f;
    margin-top: 2px;
}

.article p {border-bottom: unset !important;}
.article span {background: transparent !important;}




.wrapper{display:flex;max-width:620px;position:relative;margin-right: 5px;}.wrapper > i{top:50%;height:44px;width:44px;color:#fff;cursor:pointer;font-size:1.15rem;position:absolute;text-align:center;line-height:44px;background:#f1b137;border-radius:5px;transform:translateY(-50%);transition:transform .1s linear}.wrapper > i:active{transform:translateY(-50%) scale(0.9)}.wrapper > i:hover{background:#f2a909}.wrapper > i:first-child{left:-22px;}.wrapper > i:last-child{right:-22px}.wrapper .carousel{font-size:0;cursor:pointer;overflow:hidden;white-space:nowrap;scroll-behavior:smooth;direction:ltr}.carousel.dragging{cursor:grab;scroll-behavior:auto}.carousel.dragging img{pointer-events:none}span.pishnahadi h3{font-size:16px;width:100%;font-family:IransansX;text-align:justify;color:#303030;margin-top:20px;height: 95px;text-overflow:ellipsis;white-space:normal;overflow:hidden;line-height:30px}.pi-info i{margin-left:8px;font-size:13px;display:inline-grid!important}.pi-info span{margin-left:15px;float:right;margin-top:0;background:#262525;color:#fff;padding:4px 10px;border-radius:4px}.pi-info{width:100%;font-size:12px;color:var(--primary-color)}span.pishnahadi:hover h3{color:#f2a909}.pishnahadi:hover img{filter:brightness(80%)}.carousel img{height:120px;object-fit:cover;user-select:none;width:100%;border-radius:4px}span.pishnahadi{height:auto;object-fit:cover;user-select:none;margin-right:12px;width:calc((100% / 2) - 7px);background: fff;box-shadow: 0 8px 25px rgba(0,0,0,.08);transition: .35s ease;display:inline-block;border-radius:6px;border:solid 1px #eaeaea;padding:25px}.carousel .pishnahadi:last-child{margin-right:0}@media screen and (max-width: 900px){span.pishnahadi{width:calc((100% / 2) - 6px)}}@media screen and (max-width: 550px){span.pishnahadi{width:100%}}


.bilderrahmen-wrapper {
    position:fixed;
    top:0;
    right:0;
    width:100vw;
    height:100vh;
    background-color: rgba(0, 0, 0, 0.80);
    z-index:9999999999999999;
    -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
    -moz-user-select: none; /* Firefox */
    -ms-user-select: none; /* Internet Explorer/Edge */
    user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}
.bilderrahmen--top {
    width:100vw;
    height:3rem;
    position:fixed;
}
.bilderrahmen--top-title {
    position:absolute;
    right:26px;
    top:0;
    height:3rem;
    width:calc(100vw - 3rem);
    color:#fff;
    padding:0.8rem;
    text-align:center;
}
.bilderrahmen--top-close {
    position:fixed;
    right:0;
    top:0;
    height:3rem;
    width:3rem;
    cursor: pointer;
    /* closeIfOpen.svg */
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjciIHZpZXdCb3g9IjAgMCAyNzAgMjcwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjx0aXRsZT5jbG9zZTwvdGl0bGU+PGcgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48cGF0aCBmaWxsLW9wYWNpdHk9Ii4wMSIgZmlsbD0iI0Q4RDhEOCIgZD0iTTI3MCAwSDB2MjcwaDI3MHoiLz48cGF0aCBkPSJNMTA3LjQ2IDEzNC41NUwyMi44MiA0OC45MDQgNTEuODE0IDIybDgzLjU5NyA4NC4zNDdMMjE5LjAwOCAyMiAyNDggNDguOTA0bC04NC42MzggODUuNjQ2IDg0LjUxMyA4NS4yNy0yOC44NCAyOC4wMS0yNy4zMDgtMjguMDEtNTYuMzE2LTU2Ljk4NS01Ni4zMTYgNTYuOTg2LTI3LjMwOCAyOC4wMS0yOC44NC0yOC4wMSA4NC41MTMtODUuMjd6IiBzdHJva2U9IiM5Nzk3OTciIHN0cm9rZS13aWR0aD0iOCIgZmlsbD0iI0ZGRiIvPjwvZz48L3N2Zz4=) center center no-repeat;
}
.bilderrahmen--left {
    top:3rem;
    width:3rem;
    height:calc(100vh - 3rem);
    position:fixed;
    left:0;
}
.bilderrahmen--left--has-previous {
    cursor: pointer;
    /* prev svg */
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCA1MDAgNDUwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjx0aXRsZT5wcmV2PC90aXRsZT48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjAxIiBmaWxsPSIjRDhEOEQ4IiBkPSJNNTAwIDBIMHY0NTBoNTAweiIvPjxwYXRoIHN0cm9rZT0iIzk3OTc5NyIgc3Ryb2tlLXdpZHRoPSI4IiBmaWxsPSIjRkZGIiBkPSJNNDE3LjMyIDQ3Ljg1MkwyMzkuNDkgMjI3LjI3OCA0MTEuMjEyIDM5OWwyNi40NTItMjUuNDY1LTE0Ny4yNDgtMTQ2LjI1NyAxNTMuMi0xNTUuMDI0eiIvPjwvZz48L3N2Zz4=) left 48% no-repeat;
}
.bilderrahmen--right {
    top:3rem;
    width:3rem;
    height:calc(100vh - 3rem);
    right:0;
    position:fixed;
}
.bilderrahmen--right--has-next {
    cursor: pointer;
    /* next.svg */
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNDUiIHZpZXdCb3g9IjAgMCA1MDAgNDUwIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjx0aXRsZT5uZXh0PC90aXRsZT48ZyBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxwYXRoIGZpbGwtb3BhY2l0eT0iLjAxIiBmaWxsPSIjRDhEOEQ4IiBkPSJNMCAwaDUwMHY0NTBIMHoiLz48cGF0aCBzdHJva2U9IiM5Nzk3OTciIHN0cm9rZS13aWR0aD0iOCIgZmlsbD0iI0ZGRiIgZD0iTTgyLjY3NyA0Ny44NTJsMTc3LjgzIDE3OS40MjZMODguNzgzIDM5OWwtMjYuNDUyLTI1LjQ2NUwyMDkuNTggMjI3LjI3OCA1Ni4zOCA3Mi4yNTR6Ii8+PC9nPjwvc3ZnPg==) right 48% no-repeat;
}
.bilderrahmen--right--has-next:hover, .bilderrahmen--left--has-previous:hover, .bilderrahmen--top-close:hover {
    background-color: rgba(0, 0, 0, 0.20);
}
.bilderrahmen--image {
    top:17rem;
    width:calc(100vw - 6rem);
    height:calc(100vh - 3rem);
    left:3rem;
    position:fixed;
    text-align:center;
    /* loading.svg */
    background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTEyIiBoZWlnaHQ9IjUxMiIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+ICA8c3R5bGU+ICAgIC8qIDwhW0NEQVRBWyAqLyAgICBAa2V5ZnJhbWVzIHJvdGF0ZUFuaW1hdGlvbiB7ICAgICAgMCUgeyB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTt9ICAgICAgMTAwJSB7dHJhbnNmb3JtOiByb3RhdGUoMzYwZGVnKTt9ICAgIH0gICAgLmNpcmNsZSB7ICAgICAgYW5pbWF0aW9uLW5hbWU6IHJvdGF0ZUFuaW1hdGlvbjsgICAgICBhbmltYXRpb24tZHVyYXRpb246IDguNXM7ICAgICAgYW5pbWF0aW9uLWl0ZXJhdGlvbi1jb3VudDogaW5maW5pdGU7ICAgICAgdHJhbnNmb3JtLW9yaWdpbjogNTAlIDUwJTsgICAgfSAgICAvKiBdXT4gKi8gIDwvc3R5bGU+ICA8ZyBjbGFzcz0iY2lyY2xlIj4gICAgPHBhdGggZD0iTTE3My41NCAzMS42NjVDOTAuNjM1IDY0LjUwNyAzMiAxNDUuNDA1IDMyIDI0MGMwIDEyMy43MTIgMTAwLjI4OCAyMjQgMjI0IDIyNHMyMjQtMTAwLjI4OCAyMjQtMjI0YzAtOTIuMjEtNTUuNzE3LTE3MS40MDctMTM1LjMyLTIwNS43NmwtMTUuNDIgNDcuNjA2QzM4OS4zMDUgMTA5LjQzIDQzMSAxNzAuMDk2IDQzMSAyNDAuNWMwIDk2LjM3NC03OC4xMjYgMTc0LjUtMTc0LjUgMTc0LjVTODIgMzM2Ljg3NCA4MiAyNDAuNWMwLTcyLjk1IDQ0Ljc2NC0xMzUuNDQ0IDEwOC4zMi0xNjEuNTE0bC0xNi43OC00Ny4zMnoiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIvPiAgPC9nPjwvc3ZnPg==) center center no-repeat;
    background-size:4rem;
}
.bilderrahmen--image-loaded {
    background: transparent;
}
.bilderrahmen--image-inner {
    height:100%;
    width: 100%;
}
.bilderrahmen--image-inner-wrap {
    height:100%;
    width: 100%;
}
.bilderrahmen--image-img {
    max-height: 100%;
    max-width: 100%;
    height:auto;
    width:auto;
}

.cc-center{float: right;width: 100%;padding: 16px;position: relative;margin-bottom: 16px;background: linear-gradient(135deg, #ffe259, #ffa751, #ff6a88);
    border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.12);
    transition: box-shadow 0.3s ease;
    border: 1px solid #f5a623;}


.cc-thumb {width: calc(33.333% - 14px);
    float: right;
    height: 120px;
    margin-right: 7px;
    margin-left: 7px;
    margin-bottom: 0px !important;
    padding: 5px;
    border: solid 1px #e6e6e6
        border-radius: 8px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    overflow: hidden;
    background: #ffffff70;
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    cursor: zoom-in;
    border: none;}

img.cc-thumb:hover {border: solid 1px #f2a909 !important;}

.cc-thumb:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);}



@media (max-width: 768px) {
  .cc-thumb {
    width: calc(50% - 14px); 
    height: auto; 
    margin: 7px;
  }
  .order3{order:3;width:100%}
}

@media (max-width: 480px) {
  .cc-thumb {
    width: 100%; /* تک ستون */
    float: none;
    height: auto;
    margin: 5px 0;
    padding: 5px;
  }
}

@media (max-width: 320px) {
  .cc-thumb {
    width: 100%;
    margin: 3px 0;
    padding: 3px;
    height: auto;
  }
}



.line.demo-title-line {
    margin-top: 25px;
    margin-bottom: 15px;
    position: relative;
}
.line {
    position: relative;
    height: 2px;
    margin: auto;
    background: #bbb;
    background: linear-gradient(to right,#fff 0,#bbb 25%,#bbb 75%,#fff 100%);
}

.demo-title {
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    background: #00ae8e;
    position: absolute;
    top: -10px;
    left: 51%;
    text-transform: uppercase;
        font-weight: bold;
    padding: 5px 10px;
    border-radius: 6px;
    display: inline-block;
    color: #fff;
}


@media only screen and (min-width:900px) and (max-width:1199px){


.vasat{
	width:100%;
	float:right;
	padding-right:30px;
	padding-left:30px
}

.boxinfo {
    float: right;
    width: 100%;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 20px;
}
.bozorge{
	text-align:center
}
span.kochike {
    float: right;
    font-size: 11px;
    color: #9f9f9f;
    margin-top: 2px;
    width: 100%;
    text-align: center;
}

.topfooter ul li a {
    color: #ffb82d;
    font-size: 14px;
}


}


@media only screen and (min-width:0px) and (max-width:899px){
.accordion li img {width: auto !important;}
}

@media only screen and (min-width:500px) and (max-width:899px){



.vasat{
	width:100%;
	float:right;
	padding-right:30px;
	padding-left:30px
}

.boxinfo {
    float: right;
    width: 100%;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 20px;
}
.bozorge{
	text-align:center
}
span.kochike {
    float: right;
    font-size: 11px;
    color: #9f9f9f;
    margin-top: 2px;
    width: 100%;
    text-align: center;
}

.topfooter ul li a {
    color: #ffb82d;
    font-size: 14px;
}


}



@media only screen and (min-width:0px) and (max-width:499px){
.z-navbar {
    margin-bottom: 0px;
}

.vasat {
    width: 100%;
    float: right;
    padding-left: 13px;
    padding-right: 13px;
}
.boxinfo {
    float: right;
    width: 100%;
    border-radius: 20px;
    padding: 20px;
    margin-bottom: 20px;
}
.bozorge{
	text-align:center
}
span.kochike {
    float: right;
    font-size: 11px;
    color: #9f9f9f;
    margin-top: 2px;
    width: 100%;
    text-align: center;
}


.topfooter ul li a {
    color: #ffb82d;
    font-size: 12px;
}



}






.didgah2 {
    font-size: 14px;
    float: right;
    padding: 10;
    font-weight: 900;
    background-color: #ebedef;
    color: #737171 !important;
    width: 97%;
    margin-top: 10;
    border: 1px solid #eee;
}
@media only screen and (min-width:0px) and (max-width:499px){
.header{height:50px;}
#bars{width: 24px !important;height: 24px !important;font-size:15px !important;}
.loginkon i{width: 24px;height: 24px;font-size:15px;}
.h-search i{width: 24px;height: 24px;font-size:15px;}
#bars{width: 24px;height: 24px;font-size:15px;}
li.loginshode{width: 24px;height: 24px;position:relative;}
ul.l-usermenu {top: 37px;right: -141px; }
li.loginshode img {padding-bottom: 13px;}
}
.mypostcontent img {margin-top: 15px;margin-bottom: 15px;border-radius: 15px;}
.rb_form_4 input, .rb_form_4 textarea {background: rgb(244, 245, 247) ;border-color: rgb(227, 228, 230);}
.alert-box-shortcode a {font-weight: 900;color: #b46969 !important;margin: 0 5px;text-decoration:none;}



.mypostcontent br{display:none;}
.dl-box-content img {margin-left: 7px;margin-top: 0px;margin-bottom: 0;border-radius: 0 !important;padding: 0;}
.mypostcontent img[src="https://up.zargames.ir/up/zargame/Pictures/down.png"]{all: unset !important;}
.mypostcontent>span img[src="https://up.zargames.ir/up/zargame/Pictures/down.png"]{all: unset !important;}
.mypostcontent img[src="https://up.zargames.ir/up/zargame/Pictures/filesize.png"]{all: unset !important;}
.mypostcontent>span img[src="https://up.zargames.ir/up/zargame/Pictures/filesize.png"]{all: unset !important;}
.mypostcontent img[src="https://up.zargames.ir/up/zargame/Pictures/password.png"]{all: unset !important;}
.mypostcontent>span img[src="https://up.zargames.ir/up/zargame/Pictures/password.png"]{all: unset !important;}
.mypostcontent img[src="https://up.zargames.ir/up/zargame/Pictures/manbae.png"]{all: unset !important;}
.mypostcontent>span img[src="https://up.zargames.ir/up/zargame/Pictures/manbae.png"]{all: unset !important;}
#yn-article-display-81401 {margin-top: 15px; !important}
#yn-article-display-8325 .yn-heading {text-shadow: -1px 1px 2px #000, 1px 1px 2px #000, 1px -1px 0 #000, -1px -1px 0 #000 !important;}
div#mortabetid > .part1 {width: 100% !important;}



@media only screen and (min-width:1200px) and (max-width:1550px){
	.header{
		padding:0px 40px 0px 40px
	}
	.hm-li{
		padding-left:15px;
		padding-right:15px;
	}
	.tagasli li{
		padding-left:15px;
		padding-right:15px
	}
	.hm-li > a {
		font-size:15px;
	}
	.tagasli a{
		font-size:15px
	}	
}

@media only screen and (min-width : 0px) and (max-width : 1199px){
.f-searchbox{
	width:80%;
}
.anmenu {
    float: right;
    width: 300px;
    background-color: #171c24;
    height: 100%;
    position: relative;
    z-index: 61;
}
.anmenu > ul {
    width: 100%;
    float: right;
}
.anmenu > ul li {
    float: right;
    width: 100%;
}
.tagasli a {
    font-size: 16px;
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
}
li.hm-li:hover {
    background: #3c4148;
}
.hm-li > a {
    color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
.tagasli li:hover{
    background: #3c4148;
		color:#f2a909	
	
}

#bars{
width: 42px;
    height: 42px;
    background-color: #b1b1b1;
    border-radius: 4px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    color: #121212;
    font-size: 18px;
    cursor: pointer;
    float: right	
}

.closem {
    float: right;
    position: absolute;
    color: #fff;
    right:250px;
    top: 20px;
    font-size: 25px;
    width: 30px;
    height: 30px;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}
.tagasli > a{
	    color: #fff;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
}
.h-submenu {
	border:none;
    top: -80px;
}
.header{    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
	padding:0px 40px 0px 40px
}

#bars:hover{
	background-color: #9b9a9a;
	color:#fff
}
.m-one{
    width: 100%;
    float: right;
    height: 100%;
    position: fixed;
    top: 0;
    right: -100%;	
	z-index:20
}
.m-black{
    position: absolute;
    width: 100%;
    height: 100%;
    background: #00000070;
    z-index: 60;	
}
	.h-submenu {
    right: 0px;
    width: 100%;
    position: relative;
    border: none;
    float: right;
}
.anmenu{
	overflow-y:auto
}
.h-submenu {
    right: 0px;
    width: 100%;
    border-radius: 4px;
}
}


    
    @media only screen and (min-width : 0px) and (max-width : 600px){
	.logo{
        padding-left:0px;
        width:45px;
        margin-right:50px;
	}
    
	.header{
		padding:0px 20px 0px 20px
	}
	.anmenu{
	width: 250px;		
	}
	.closem{
		right:200px;
	}

	.h-submenu li a{
		font-size:14px
	}
ul.l-usermenu{
	right:-116px
}
}
.x4:nth-child(1) {
    width: calc(50% - 7px);
}

.x4:nth-child(2) {
    width: calc(50% - 7px);
}
.x4 :nth-child(1) img {
    max-height: 310px;
}
.x4 :nth-child(2) img {
    max-height: 310px;
}
#sunbright{
 display:none
}
#mondark{
 display:flex
}







.headerright form{float:right;width:70%;margin-bottom:0}body{padding:0;margin:0;background-color: #f4f4f4;}header{float:right;width:100%;padding:6px;background-color:#303030;box-shadow:0 4px 12px #e1e1e1;position:relative;z-index:5}.blackvidio{width:100%;height:100%;position:absolute}.videod img{float:right;width:100%;border:dashed 1px #b5a493;border-radius:10px;padding:5px;height:229px}.ekhtesasi{position:relative}.ekhtesasi span{position:absolute;top:2%;left:2%;font-size:12px;background-color:#505050;border-radius:3px;padding:0 5px;color:#fff}#logo{float:right;color:#ffb72d;font-size:27px;font-weight:bold;margin-left:15px}iframe{border:none}h6{margin:0}h5{margin:0}header input[name="search"]{float:right;background-color:#f8f8f8;color:#c1c1c1;border:none;border-radius:8px;padding:10px!important;width:70%;font-size:12px}.headerright{width:40%;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}ul{padding:0;margin:0}header ul a{float:right}header ul a li{font-size:14px;color:#b8b8b8;padding:10px 11px!important}header ul a:nth-child(1) li {padding-right:0;border-left:solid 1px #303030}header ul a:hover li{color:#f80}div#over{overflow:hidden}header .current {
    float: right;
    margin-right: 2;
        margin-left: 2;

    color: #fff;
    background: #f1b137;
    font-size: 12px;
    font-weight: bold;
    border-radius: 3px;
    padding: 9px 12px 9px 12px;
} .fa-angle-left {
        color:#3e3c3c;
        margin-left:4px;
        }
          
.bar_container {
    clear: both;
    height: 22px;
    margin-top: 2px;
    margin-bottom: 10px;
    background: url(https://up.zargame.ir/view/3674378/box_headline_line.png) 0 4px;
}

.bar_arrow {
    background: url(https://up.zargame.ir/view/3674390/box_headline_arrow_99083.png) no-repeat 0 4px;
    background-color: #f4f4f4;
    width: 35px;
    height: 22px;
    float: right;
}

.bar_headline {
    background-color: #f4f4f4;
    height: 22px;
    float: right;
    padding-left: 5px;
    color: #9c9c9c;
    font-size: 16px;
    font-weight: 700;
}

.bar_bg {
    float: right;
    display: block;
}

.box_grey {
    background-repeat: repeat-x;
    background-color: #dadada;
    border: 1px solid #efefef;
    box-shadow: 0 1px 1px #949494;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    display: block;
    width: 100%;
}

.bar_headline_more {
    float: left;
    background-color: #f4f4f4;
    padding: 4px 5px 0;
    font-size: 16px;
    color: #969696;
    line-height: 14px;
}
.bar_headline_more a {
    color: #969696;
    font-weight: 700;
}
.bar_bg {
    float: right;
    display: block;
}

.box_grey {
    background-repeat: repeat-x;
    background-color: #dadada;
    border: 1px solid #efefef;
    box-shadow: 0 1px 1px #949494;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 15px;
    width: 100%;
    display:flex;flex-direction:row;justify-content:space-around;align-items:center;flex-wrap:wrap;padding-right:5px;padding-left:5px
}

.bar_headline_more img {
    vertical-align: top;
}

.bar_headline_more a:hover {
    color: #ff3d00;
}
        .headerleft i{font-size:30px;color:#b8b8b8;float:left;padding:10px 20px}.headerleft a:nth-child(1) i {border-right:solid 1px #fafafa}#black{position:fixed;width:100%;height:100%;background-color:#000;opacity:.2;display:none}.site{width:1250px;margin:0 auto}.accordion{float:right;box-shadow:0 2px 6px #d3d4d4;width:calc(100% - 7px);margin-right:7px;margin-bottom:10;    background-image: linear-gradient(to top,#b5b2ae42,transparent);
   border-radius: 15px;
    border: #ad5c0c0f 5px;
    border-style: solid;-webkit-border-radius:15px;-moz-border-radius:15px;}.accordion .link{cursor:pointer;text-align:left;display:block;padding:15px 15px 15px 42px;color:#4d4d4d;font-size:16px;font-weight:700;border-bottom:1px solid #ccc;position:relative;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}.accordion .link:hover {
    background: bisque;
}.accordion li:last-child .link{border-bottom:0}.accordion li img {display: block;margin-left: auto;margin-right: auto;width: 75%;}.accordion li i{position:absolute;top:16px;left:12px;font-size:18px;color:#595959;-webkit-transition:all .4s ease;-o-transition:all .4s ease;transition:all .4s ease}.accordion li i.fa-chevron-down{right:12px;left:auto;font-size:16px}.accordion li.open .link{color:#011627}.accordion li.open i{color:#011627}.accordion li.open i.fa-chevron-down{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.submenu{display:none;background:#303030;font-size:14px;direction:rtl}.submenu li{border-bottom:1px solid #4b4a5e;direction:rtl}.submenu a{direction:rtl;text-align:right;display:block;text-decoration:none;color:#d9d9d9;padding:12px;padding-left:42px;-webkit-transition:all .25s ease;-o-transition:all .25s ease;transition:all .25s ease}.submenu a:hover{background:#011627;color:#fff}a.TelegramBanner{margin-right:7px;display:inline-block;width:calc(100% - 7px);padding:10px;background:linear-gradient(54deg,#006fff,#00b5ff);font-family:iranyekan;font-size:15px;text-decoration:none;color:#fff;border-radius:3px;margin-bottom:10px}a.TelegramBanner span:nth-child(3){margin:8px 100px 0 0;font-size:10px;background:#68b1fffc;color:#fff;padding:3px 6px;border-radius:3px;direction:ltr;display:inline-block}a.TelegramBanner span:nth-child(2){float:left;font-size:50px;margin-left:10px;display:inline-flex;transition:.3s}a.TelegramBanner:hover span:nth-child(2){transform:scale(1.2)}a.InstagramBanner{display:inline-block;width:100%;padding:10px;background:linear-gradient(54deg,#46ab1b,#06d720);font-family:iranyekan;font-size:15px;text-decoration:none;color:#fff;border-radius:3px}a.InstagramBanner span:nth-child(3){margin:8px 95px 0 0;font-size:10px;background:#5dd700fc;color:#fff;padding:3px 6px;border-radius:3px;direction:ltr;display:inline-block}a.InstagramBanner span:nth-child(2){float:left;font-size:50px;margin-left:13px;display:inline-flex;transition:.3s}a.InstagramBanner:hover span:nth-child(2){transform:scale(1.2)}.telegram111{display:inline-block;width:100%;overflow:hidden;border-radius:5px;padding:19px;background:#08c;position:relative;overflow:hidden;float:right;margin-bottom:1px;margin-top:10px}.telegram111 svg{margin:auto;background:#08c;display:block;z-index:1;height:100%;position:absolute;top:0;width:100%;right:0;left:0;margin:auto;background:#08c;display:block;z-index:1;position:absolute}.telegram111 .inner_content{z-index:99;position:relative;color:#fff}.telegram111 a{color:#fff;display:inline-block;padding:8px 20px;border-radius:6px;background:#2c7cbd;margin:10px 0 0 0;transition:.2s ease-in-out;animation-name:teleg_btn;animation-duration:1.5s;animation-iteration-count:infinite;border:1px solid #2196f3;white-space:nowrap;overflow:hidden}@keyframes teleg_btn {
    0% {
        background-color: #fff;
        color: #2c7cbd;
        padding-right: 20px;
        padding-left: 20px
    }

    50% {
        background-color: #2c7cbd;
        color: #fff;
        padding-right: 40px;
        padding-left: 40px;
        border-color: #84c8ff
    }

    100% {
        background-color: #fff;
        color: #2c7cbd;
        padding-right: 20px;
        padding-left: 20px
    }
}a.DiscordBanner{margin-right:7px;display:inline-block;width:auto;padding:10px;background:linear-gradient(54deg,#5865f2,#7c86ee);font-family:iranyekan;font-size:15px;text-decoration:none;color:#fff;border-radius:3px;margin-bottom:10px}a.DiscordBanner span:nth-child(3){margin:8px 100px 0 0;font-size:10px;background:#a2a8f0;color:#fff;padding:3px 6px;border-radius:3px;direction:ltr;display:inline-block}a.DiscordBanner span:nth-child(2){float:left;font-size:50px;margin-left:10px;display:inline-flex;transition:.3s}a.DiscordBanner:hover span:nth-child(2){transform:scale(1.2)}.greatads{margin-top:12px;margin-bottom: 12px;float:right;background-color:#fff;border-radius:8px;padding:15px;font-size:14px;box-shadow:0 3px 6px #d3d4d4;width:100%}#anlogo{display:none;color:#ffb72d;font-size:27px;font-weight:bold;text-align:center}.paginition {
    border-radius: 8px;
    margin-top: 12px;
        margin-bottom: 20px;
    float: right;
    box-shadow: 0 3px 6px #d3d4d4;
    padding: 15;
    width: 100%;
    background-color: #fff;
}.headerimg{margin-bottom: 15px;width:100%;float:right;margin-top:12px;box-shadow:0 3px 6px #d3d4d4;border-radius:8px;padding:15px;background-color:#fff;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}.pic{width:calc(50% - 7px);float:right;position:relative}.pic img{width:100%;float:right;min-height:400px;border-radius:2px}#anmenu{display:none;color:#b1b1b1;font-size:22px;float:right}.pic-gradient{width:100%;height:100%;background-image:linear-gradient(to top,#101010,transparent);position:absolute;opacity:.6;border-radius:2px}.pic h3{float:right;font-size:16px;font-weight:normal;position:absolute;bottom:4%;right:5%;color:#fff}.pic span{position:absolute;right:5%;bottom:3%;font-size:10px;color:#909090}.pic:hover h3{color:#ffb72d}.pic:hover span{color:#b5a493}.x4{width:calc(25% - 7px);float:right;position:relative}.x4 img{width:100%;float:right;min-height:200px;border-radius:2px}.x4 h4{float:right;font-size:16px;font-weight:normal;position:absolute;bottom:6%;width:100%;text-align:center;color:#fff;font-size:12px;margin:0}.x4:hover h4{color:#ffb72d}.x4 p{position:absolute;top:2%;left:2%;background-color:#101010;color:#fff;font-size:10px;margin:0;padding:3px;border-radius:3px;float:right}.body{width:100%;float:right;}#id i{display:none}.right{width:25%;float:right;padding-left:7px}.sidebar{float:right;width:100%;padding:10px;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #d3d4d4;margin-bottom:12px}.sidetitle{width:100%;float:right;font-size:14px;font-weight:bold;color:#838383;border-bottom:solid 1px #f8f6f4;padding-bottom:15px}.sidetitle i{font-size:22px;float:left;color:#d1c4b7}.part{width:100%;float:right;padding-top:0;padding-bottom:0}.part img{margin-top: 20px;
    float: right;
    width: 70px;
    height: 50px;
    padding: 3;
    border: solid 1px #e6e6e6;}.part h4{margin: 0 0 0 0;
    color:#3e3c3c !important;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: justify;
    font-size: 14px;
    padding: 5;
    height: 55px;
    margin-top: 13;
    font-weight: 400;
    line-height: 1.7rem;
    transition: all .3s;}
    .part a h4{color:#3e3c3c !important;}
    .part:last-child h4 {
    border-bottom: none !important;
}.part span{float:right;padding-right:10px;font-size:10px;color:#dadada;width:69%}
.part:hover img{border:solid 1px #7a3c06}.part:hover h4{color:7a3c06;}.sidebar img{max-width:100%}.partcomment{float: right;
    background-repeat: no-repeat;
    width: 100%;
    padding: 10;
        margin-bottom: 5px;
    margin-top: 5px;
    background-image: linear-gradient(to top,#d3d0cc70,transparent);
    border-radius: 15px;
    font-size: 13px !important;
    color: #808080 !important;
    text-align: justify !important;}.partcomment a{float: right;
    color: #bf4004b5;
    font-size: 13px;
    padding-left: 3px;
    font-weight: 900;}
    .partcomment i {
    float: right;
    margin-left: 5;
    margin-top: 3;
}
.part1 h4 {
    width: 100% !important;
    font-size: 13px !important;
    float: right !important;
    margin: 10 0 0 0 !important;
    background: #ede8e882;
    text-align: justify !important;
    font-weight: normal !important;
    height: fit-content;
    border-radius: 3px;
    padding: 10px !important;
    color: #6f6e6e !important;
    transition: all .3s !important;
    border-bottom: solid 1px #f8f8f8!important;
    border-radius: 8px;
    box-shadow: 0 3px 6px #dde4e4;
}
.lastcom{border:1px solid #ddd;width:97%;float:right;margin: 12px 0 0 0;padding:12px 14px;font-size:14px;text-align: justify;;background: linear-gradient(to left, #2d323814, #ffb72d14);line-height: 1.9;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0, 0, 0, 0.05);
    color: #333;
  opacity: 0;
  transform: translateX(50px);
  transition: opacity 0.6s ease, transform 0.6s ease;
  position: relative;}
  
  .lastcomimg{float: right;
    margin-left: 5px;
    margin-top: 3px;
    background: #eebc5d;;
    border: 2px solid #ffffff;
    width: 36px;
    padding: 2px;
    height: 36px;
    border-radius: 50%;}


.lastcom.visible {
  opacity: 1;
  transform: translateX(0);
}

.lastcom.hide {
  opacity: 0 !important;
  transform: translateX(-50px) !important;
}

.lastcom:hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.08);
}
  
  .center.show {
  opacity: 1;
  transform: translateY(0);
}

  
  
.lastcom a {color: #f2a909;font-weight: bold;}
.nevisimg{float:right;width:80px;height:70px;border-radius:5px}.nevisname{float:right;width:calc(70% - 15px);margin-right:15px;font-weight:bold;color:#838383;padding-top:3px;font-size:17px}.navistedad{float:right;width:calc(70% - 15px);margin-right:15px;font-size:11px;color:#838383}.center{opacity: 0;transform: translateY(20px);transition: opacity 0.6s ease-out, transform 0.6s ease-out;width:100%;float:right;background-color:#fff;border-radius:8px;box-shadow:0 3px 6px #d3d4d4;    margin-bottom: 15px;
}.center>img{width:100%;float:right;border-radius:8px 8px 0 0}.imgdooni{width:100%;float:right;padding:20px 13px;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap;border-bottom:solid 1px #f8f8f8}.imgdooni a{float:right;width:calc(25% - 10px)}.imgdooni img{width:100%;float:right;padding:3px;border-radius:10px;border:dashed 1px #b5a493;height:100px}.imgdooni a:hover img{filter:grayscale(20%)}.posttitle{width:100%;float:right;padding:10px 15px}.posttitle h1{font-size:13px;font-weight:normal;float:right;margin:0;color:#4c4c4c}.posttitle span{float:left;font-size:12px;color:#7c7c7c;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.posttitle i{float:right;font-size:15px;padding-left:5px;opacity:.5}.postpicture{float:right;width:180px;height:125px;padding:4px;border-radius:10px;border:dashed 1px #b5a493;margin-right:10px}.article{float:right;width:100%;padding-bottom:12px;border-bottom:solid 1px #f8f8f8}#post{width:100%;float:right}.ghalam{float:right;font-size:11px;color:#b5a493;margin-right:12px;margin-top:5px}#post p{float:right;width:65%;font-size:12px;margin-right:12px;margin-top:10px;height:50px;overflow-y:hidden;color:#b8b8b8}.tarikh{float:right;color:#b5a493;font-size:11px;margin-right:12px}.article:last-child{border-bottom:none}.article:hover h1{color:#000}.article:hover{background-color:#fcfcfc}.leftside{float:right;width:calc(100% - 7px);padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #d3d4d4;margin-bottom:12px;margin-right:7px}.left{width:25%;float:right}.ekhtesasi{float:right;width:calc(100% - 7px);background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #d3d4d4;margin-bottom:12px;margin-right:7px}.ekhtesasi img{border-radius:8px 8px 0 0}.ekhtesasi h5{float:right;width:100%;margin-top:15px;margin-bottom:15px;text-align:center;font-weight:normal;color:#5a5a5a}.page {
    width: 100%;
    float: right;
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}#center{width:calc(50% - 14px);float:right;margin-right:7px;margin-left:7px}.paginition{border-radius:8px;margin-top:12px;float:right;box-shadow:0 3px 6px #d3d4d4;padding:5;width:100%;background-color:#fff}.videosec{width:100%;float:right;background-color:#fff;box-shadow:0 0 10px #d6d6d6;margin-top:25px;margin-bottom:12px;padding:20px}.videocenter{width:1250px;margin:0 auto}.video:nth-child(1) {float:right;width:40%}.amad{float:right;width:100%;font-size:14px;font-weight:bold;color:#505050;border-bottom:solid 2px #ffb11a;padding-bottom:6px;display:flex;flex-direction:row;align-items:center;justify-content:space-between;padding:10px}.video:nth-child(1) img {float:right;width:100%;height:469px;border-radius:10px;padding:5px;margin-top:10px;border:dashed 1px #b5a493;margin-bottom:10px}.videodd{float:right;width:60%;padding-right:10px}.videod{float:right;width:50%;padding:0 5px;margin-top:10px;position:relative}.display{display:block}.videod img{float:right;width:100%;border:dashed 1px #b5a493;border-radius:10px;padding:5px}.videod h5{position:absolute;font-size:13px;font-weight:normal;color:#fff;bottom:5%;margin:0;width:100%;text-align:center;text-shadow:0 0 5px #000}.videod i{position:absolute;right:45%;bottom:40%;color:#fff;font-size:50px;text-shadow:0 0 4px #000}.videod:hover h5{color:#ffb72d}.videod:hover img{border:dashed 1px #ffb72d}.video h5{position:absolute;font-size:13px;font-weight:normal;color:#fff;bottom:5%;margin:0;width:100%;text-align:center}.video i{position:absolute;right:45%;bottom:40%;color:#fff;font-size:50px;text-shadow:0 0 4px #000}.video{position:relative}.video:hover h5{color:#ffb72d}.video:hover img{border:dashed 1px #ffb72d}.botside{width:100%;float:right;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap}#dastename{margin-top:0!important}.btads{width:1250px;float:right;margin-top:12px;margin-bottom:12px;background-color:#fff;padding:10px;box-shadow:0 2px 6px #d3d4d4;border-radius:8px}.box{position:absolute;background-color:#303030;border-radius:12px;padding:10px;width:120px;display:none;margin-top:10px}.box a{float:right;width:100%;color:#fff;font-size:12px;padding:7px;margin-bottom:5px}.box a:hover{color:#ddd}#fa{float:left;position:relative}#fa:nth-child(1) {display:none}#fa:hover .box{display:block;margin-top:10px}#boxlog a:nth-child(1) {display:none}.asd:hover #boxlog{display:block!important;margin-top:10px}#ra{float:left;position:relative}#ra:nth-child(1) {display:none}#ra:hover .box{display:block;margin-top:10px;width:150px}#ra>a{float:left;padding-bottom:10px}#ra img{width:57px;height:57px;border-radius:40px;border:solid 3px #ddd}#ra span{float:right;margin-top:12px;margin-left:6px;color:gray;font-weight:bold}#id{position:absolute;width:100%;background-color:#fafafa;margin-top:10px;border-radius:0 0 4px 4px;box-shadow:0 8px 12px #e1e1e1;border-top:solid 1px #f2f2f2;padding:10px;z-index:555;height:auto;margin-top:110px}#logomenu{display:none}.searchbox{display:none!important}.webpart{width:20%;float:right}.catti{float:right;width:100%;color:#6f2e79;font-weight:bold;padding-bottom:10px}.catpar{width:100%;padding:5px;font-size:13px;color:#989898}#androidmenu{float:right;width:60%;height:100%;position:fixed;z-index:555;opacity:1;background:#ffb72d;overflow-y:auto;right:-80%}#androidmenu li{width:100%;float:right;padding:14px;color:#505050;font-size:13px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:wrap}#androidmenu li:hover{color:gray}#logomenu{width:100%;float:right;text-align:center;font-size:20px;font-weight:bold;color:#b17e1d;margin-top:10px}.searchbox{width:100%;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;margin-top:10px;float:right;margin-bottom:10px}.asdf{width:100%;font-size:13px;float:right;color:#303030}.searchbox input[name="search"]{border:none;background:#f1b137;width: 84%
padding-bottom: 4px;padding-top:3px}.searchbox button{border:none;background-color:#ffd481;display:flex;flex-direction:row;justify-content:center;align-items:center;box-shadow:16px 0 4px #f1b137;color:gray}.mortabet:hover h3{color:#888}.ndaste{float:right;width:100%;padding-right:0;padding-left:0;padding-top:7px}#chap{float:left;margin-top:9px;animation-name:chap;animation-duration:.8s;animation-iteration-count:infinite}@keyframes chap {
    0% {
        padding-left: 0px
    }
    50% {
        padding-left: 7px;
    }
    100% {
        padding-left: 0px
    }
}.ndaste .raft a{float:right;width:100%;color:#ffe1a6;font-size:13px;padding-bottom:5px}.amad i{float:left;font-weight:normal;font-size:13px}.raft{display:none;background:#ffb11a;float:right;width:100%;padding:10px}.ndaste:hover .raft{display:block}#onvan{width:100%;float:right;text-align:right;font-weight:normal;color:#b17e1d;margin-top:10px;font-size:15px;padding:5px 10px}.ekhtesasi img{border-radius:8px 8px 0 0;width:100%}#closemenu{float:right;position:absolute;left:5%;font-size:30px;top:-1%;color:#fff;font-weight:bold}#androidmenu ul li span{color:#e0a431;opacity:.7}strong#tpage {
    color: #fff;
    background: #f1b137;
    font-size: 12px;
    font-weight: bold;
    border-radius: 3px;
    padding: 9px 12px 9px 12px;
}.headerright form{float:right;width:70%}.searchbtn{border:none;background:#f8f8f8;float:right;padding:11px;border-radius:8px 0 0 8px;color:#a0a0a0;font-size:18px}.ansearch{border:none;background-color:#ffd481;display:flex;flex-direction:row;justify-content:center;align-items:center;box-shadow:16px 0 4px #f1b137;color:gray;float:left;padding:8px}#boxlog{margin-left:50px;display:none;float:left;margin-right:-53px}#mybox{margin-top:93px;left:3%;top:77%}#dastename{margin-top:56px;box-shadow:none;right:0%;width:100%}.postimage{float:right;width:100%;height:auto;border-radius:8px 8px 0 0}.mypostcontent>p{font-size: 15px !important;color: rgb(0 0 0 / 87%);margin:0;margin-bottom: 15px;text-align:justify}.article h1{margin:0;float:right;width:100%;font-size:14px;padding:10px;text-align:center;margin-top:10px}.article span{background: transparent !important;font-size:15px!important;line-height:30px}.article p{background:transparent!important;font-family:IRANSansX!important;font-size:15px!important;border-bottom: unset !important;}
.article a{font-size:15px !important;}
.article p:empty{display:none}
.article h1{font-size:18px}.mypostcontent{width:100%;float:right;padding:10px;font-size:15px !important;}.mypostcontent{line-height:1.5rem !important}.mypostcontent {direction: rtl;text-align: justify;font-weight: 400;letter-spacing: 0.2px;color: #222;font-family:"IRANSansX", sans-serif;}.mypostcontent>p{line-height:35px}.postinfo{float:right;width:100%;background:#fff4d4;padding:10px;border-radius:14px;border:dashed 1pt #e4d7b1;margin-top:10px;display:flex;flex-direction:row;justify-content:space-around;flex-wrap:wrap;align-items:center}.postinfo i{color:#917140;font-size:15px;padding-left:7px}#padding{float:right;width:100%;}.postinfo span{padding-top:4px;display:block !important
    float: right;font-size:13px;color:#917140}.postinfo span:nth-child(4) {display:block!important;margin-top:5px!important}.tags{float:right;width:100%;margin-top:10px}.tags a{float:right;font-size:12px;color:#a03131}.tags a:hover{color:#ff3a3a}.mortabet{float:left;width:32%;background-color:#fff;border-radius:8px;box-shadow:0 3px 6px #d3d4d4;padding:10px}.mortabet img{float:right;width:100%;border-radius:6px;height:140px}.mortabet h3{float:right;width:100%;padding:10px;text-align:center;color:#606060;font-size:13px;font-weight:normal;margin:0}#mortabetid{margin-top:12px;margin-bottom:12px;padding:10px;display:flex;flex-direction:row;justify-content:space-between;flex-wrap:wrap}#morecommentsid{    padding: 10px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    flex-wrap: wrap;
    align-content: center;
    align-items: flex-start;
}}.mypostcontent input[name="username"]{background:#f4f5f7;border:1px solid #e3e4e6;border-radius:3px;padding:6px 10px;font:13px IRANSans;color:#464646;width:80%}.mypostcontent input[name="password"]{background:#f4f5f7;border:1px solid #e3e4e6;border-radius:3px;padding:6px 10px;font:13px IRANSans;color:#464646;width:80%}input[name="submit_login"]{background:#aaacad;border:none;color:#fff;border-radius:3px;width:57px;margin-left:5px}.mypostcontent tr a{color:#b2a8aa;font-weight:bold;margin-right:3px}.mypostcontent .thead{border:none}.mypostcontent .tborder .trow1{border:none;float:revert;width:0;display:flex;flex-wrap:wrap;width:100%;flex-direction:row;align-items:center}.mypostcontent #singer{float:right;background:#f4f5f7;border:1px solid #e3e4e6;border-radius:3px;padding:4px}.mypostcontent #subject{float:right;background:#f4f5f7;border:1px solid #e3e4e6;border-radius:3px;padding:7px;margin-left:0}.mypostcontent #message{padding:4px;float:right;background:#f4f5f7;border:1px solid #e3e4e6;border-radius:3px;margin-bottom:10px;max-width:100%}table#clickable_smilies{display:none}.mypostcontent .trow1 .inputi{font:13px IRANsans!important;direction:ltr;padding:4px;float:right;background:#f4f5f7;border:1px solid #e3e4e6;border-radius:3px;margin-left:13px;width:100%;margin-bottom:12px}.mypostcontent .trow1 input[value="ŲĀ§Å²Ā±Å²Ā³Å²Ā§Åā€˛"]{background:#aaacad;border:none;color:#fff;border-radius:3px;width:57px;margin-left:5px;cursor:pointer}.mypostcontent form[name="contactfrm"]{width:100%;float:right;background-color:#fff;padding:10px;box-shadow:0 3px 9px #ddd;border-radius:8px}.post{float:right;width:100%}.special_post_title{float:right;width:100%}.special_post_title h2:nth-child(1) {margin:0;float:right;width:100%;font-size:13px;padding-bottom:10px;border-bottom:solid 1px #f4f4f4}.special_post_title h2 a{font-weight:normal;color:#717171}.comment_rb>form{float:right;width:100%}.cm_pgs_1{float:right;width:100%;padding-left:0}#comment_n{float:right;width:100%;background:#f4f5f7;border:1px solid #e3e4e6;margin-left:10px;border-radius:3px;padding:6px 10px;order:1;margin-bottom:10px;margin-top:5px}#comment_e{float:right;width:100%;background:#f4f5f7;border:1px solid #e3e4e6;border-radius:3px;padding:6px 10px;order:1;margin-bottom:10px;margin-top:5px}.secure i{margin-top:0!important;margin-left:0!important;font-size:20px!important}.cpr{display:none}.save_info{display:none}.messagerb #message{float:right;width:100%;background:#f4f5f7;border:1px solid #e3e4e6;margin-left:10px;border-radius:3px;padding:3px 5px;height:199px;margin-top:0;max-width:100%}.cm_pgs_2{width:100%;float:right}input[value="ŲĀ§Å²Ā±Å²Ā³Å²Ā§Åā€˛ Łā€ ŲĆøŲĀ±"]{background:#aaacad;border-radius:3px;padding:0 6px;border:none;color:#fff;margin-top:10px;cursor:pointer}.secure{float:right;width:100%;display:flex;flex-direction:row;padding-right:0;margin-top:10px;align-items:center}.secure img{margin-left:11px!important;border-radius:3px}#comment_cap{background:#f4f5f7;border:1px solid #e3e4e6;border-radius:3px;margin-left:10px;padding:0 4px}.cm_pegasusgraph_is_best{float:right;width:100%;margin-top:20px;border-top:dashed 1px #f4f4f4;padding-top:15px}.cm_pegasusgraph_is_best ul{float:right;width:100%}.cm_pegasusgraph_is_best ul li{float:right;width:100%;font-size:14px;border-bottom:solid 1px #fafafa;padding-bottom:10px;margin-bottom:10px}span.date_cm{float:left!important;font-size:11px;width:auto;background-color:#f4f4f4;border-radius:8px;padding-right:6px;padding-left:6px}#allcomment{margin-bottom:12px;padding:10px 20px}.rb_answer .rb_text_answer{display:inline-block;font-size:16px;color:#a25057;width:100%;background:#fafafa;padding:5px;border-radius:7px;margin-top:5px;border:dashed 1px #ddd}.fa{font-family:FontAwesome}.rb_text_default{color:#5497b5;margin-left:4px}.siterb{display:none}.name{float:right;width:49%;display:flex;flex-direction:column;flex-wrap:wrap;padding-left:5px}.emailrb{float:right;width:51%;display:flex;flex-direction:column;padding-right:5px}.didgah{float:right;width:100%;font-weight:bold;font-size:14px;padding-bottom:10px;margin-bottom: 8px;border-bottom:solid 1px #f4f4f4}#allcomment li{float:right;width:100%;margin-top:12px;margin-bottom:12px;font-size:16px;color:#5d5d5d;border-bottom:solid 1px #f9f9f9;padding-bottom:21px}#allcomment li span{font-size:16px;color:#a25057;float:right}.submitrb{border-bottom:dashed 1px #e3e4e6;padding-bottom:20px}.date_cm{font-size:11px!important;color:#aaacad!important;float:right!important}.profile_ul_tp{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.profile_o{display:table-cell;width:20%;text-align:right;padding:5px;font-size:13px;color:gray}profile_ot{width:80%;text-align:right;padding:5px;display:flex!important;flex-wrap:wrap;align-items:center}.rb_captcha{border:1px solid #ccc;border-radius:3px}input[value="ŲĀ§Å²Ā±Å²Ā³Å²Ā§Åā€˛ ŁĀ¾ÅŖ ŲĀ§Åā€¦"]{background:#aaacad;border-radius:3px;padding:0 6px;border:none;color:#fff;margin-top:10px;cursor:pointer}input[value="ŁĀ¾Å²Ā§ÅšĀ© ŚĀ©Å²Ā±Å²Ć†Åā€ "]{background:#aaacad;border-radius:3px;padding:0 6px;border:none;color:#fff;margin-top:10px;cursor:pointer}.profile_ot input{margin-bottom:10px}.mypostcontent input[style="width:62%;"]{background:#f4f5f7;border:1px solid #e3e4e6;border-radius:3px;padding:4px}.mypostcontent input[name="repassword"]{background:#f4f5f7;border:1px solid #e3e4e6;border-radius:3px;padding:6px 10px;font:13px IRANSansX;color:#464646;width:80%}.mypostcontent input[name="mobile"]{background:#f4f5f7;border:1px solid #e3e4e6;border-radius:3px;padding:6px 10px;font:13px IRANSansX;color:#464646;width:80%}.mypostcontent input[name="email"]{background:#f4f5f7;border:1px solid #e3e4e6;border-radius:3px;padding:6px 10px;font:13px IRANSansX;color:#464646;width:80%}.mypostcontent input[name="name"]{background:#f4f5f7;border:1px solid #e3e4e6;border-radius:3px;padding:6px 10px;font:13px IRANSansX;color:#464646;width:80%}.mypostcontent input[name="capt"]{background:#f4f5f7;border:1px solid #e3e4e6;border-radius:3px;padding:6px 10px;font:13px IRANSansX;color:#464646;width:80%}.mypostcontent input[name="title"]{float:right;background:#f4f5f7;border:1px solid #e3e4e6;border-radius:3px;padding:4px}.mypostcontent input[name="purl"]{float:right;background:#f4f5f7;border:1px solid #e3e4e6;border-radius:3px;padding:4px}.mypostcontent input[name="pimg"]{float:right;background:#f4f5f7;border:1px solid #e3e4e6;border-radius:3px;padding:4px}.mypostcontent #new-tag-post_tag{background:#f4f5f7; border:1px solid #e3e4e6;border-radius:3px;padding:4px;margin-left:10px}input[name="submitreg"]{background:#aaacad;border:none;color:#fff;border-radius:3px;width:65px;margin-top:10px;margin-left:5px;cursor:pointer}input[name="submitreg"]:hover{background:#f80}input[value=" Ł ŲĀ±Å Å²Ć† "]{background:#aaacad;border:none;color:#fff;border-radius:3px;width:57px;margin-left:5px;font-family:yekan!important;font-size:13px!important}.mypostcontent>center{float:right;width:100%;border-radius:8px;padding:10px;background-color:#fff;box-shadow:0 3px 7px #d2dada}.mypostcontent>center>hr{display:none}form[name="f_register"]{float:right;width:100%;border-radius:8px;border:dashed 1px #ddd;padding:23px 10px 10px 10px;background:#fcfcfc;margin-bottom:17px}.modal_back{font-size:13!important;display:none;position:fixed;z-index:1;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.7);padding-top:60px}.modal{font-size:13!important;position:fixed;top:10%;padding:40px 50px;border-radius:8px;background-color:#f1b137e3;z-index:999;max-width:400px;min-height:100px;left:50%;margin-left:-200px;max-height:80%;box-sizing:border-box}.close{position:absolute;right:4.5px;top:-7;color:#000;font-size:25px;font-weight:bold}.close:hover,.close:focus{cursor:pointer}.logi_regi{cursor:pointer}.modal input[name="submit_login"]{background:#464646;border:none;color:#fff;cursor:pointer;border-radius:3 px;width:57 px;margin-left:5 px}.asdf:hover{color:#ff9800}.sidetitle{padding-bottom:0!important}.sidetitle>span{float:right;padding-bottom:10px;border-bottom:solid 1px #ffb72d;margin-bottom:0px}.sidebar:hover .nevisname{color:#ffb72d}.ekhtesasi:hover h5{color:#ffb72d}.postcatbe{float:right;width:100%;padding:10px;background: #ffb72d3d;box-shadow:0 0 5px #f4f4f4}.postcatbe a{font-size:14px;color:#007bff}@media only screen and (min-width:1100px) and (max-width:1250px){.header{width:100%}.headerright{width:46%;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}.site{width:100%;margin:0 auto;padding:20px}#over{width:100%;overflow:hidden}.part span{width:100%}#post p{width:58%}.nevisname{width:calc(64% - 15px)}.navistedad{width:calc(64% - 15px)}.videocenter{width:100%;margin:0 auto}.video:nth-child(1) img {float:right;width:100%;height:400px;border-radius:10px;padding:5px;margin-top:10px;border:dashed 1px #b5a493;margin-bottom:10px}.videod img{height:196px}.btads{width:97%;float:right;margin-top:12px;margin-bottom:22px;background-color:#fff;padding:10px;box-shadow:0 2px 6px #d3d4d4;border-radius:8px}.foot{width:100%;margin:0 auto}#id{position:absolute;width:100%;background-color:#fafafa;border-radius:0 0 4px 4px;border-top:solid 1px #f2f2f2;padding:10px;right:0%}#boxlog{margin-left:50px;display:none;float:left;margin-right:-53px}#mybox{margin-top:93px;left:3%;top:77%}}@media only screen and (min-width:900px) and (max-width:1099px){.paginition{border-radius:8px;margin-top:12px;float:right;box-shadow:0 3px 6px #d3d4d4;padding:5;width:100%;background-color:#fff}.header{width:100%}.headerright{width:50%;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}header ul a li{font-size:12px;color:#868686;padding:10px 12px}.part img{float:right;width:60px;height:45px;border-radius:10px;padding:3px;}#boxlog{margin-left:50px;display:none;float:left;margin-right:-53px}#mybox{margin-top:93px;left:3%;top:77%}.imgdooni img{width:100%;float:right;padding:3px;border-radius:10px;border:dashed 1px #b5a493;height:70px}.site{width:100%;margin:0 auto;padding-right:20px;padding-left:20px;}#over{width:100%;overflow:hidden}.part h4{font-size:14px}.part span{width:60%}#post p{width:58%}.nevisimg{float:right;width:65px;height:55px;border-radius:5px}.nevisname{width:calc(59% - 15px);font-size:13px}.navistedad{width:calc(59% - 15px)}.videocenter{width:100%;margin:0 auto}.video:nth-child(1) img {float:right;width:100%;height:300px;border-radius:10px;padding:5px;margin-top:10px;border:dashed 1px #b5a493;margin-bottom:10px}.videod img{height:144px}.btads{width:97%;float:right;margin-top:12px;margin-bottom:22px;background-color:#fff;padding:10px;box-shadow:0 2px 6px #d3d4d4;border-radius:8px}.foot{width:100%;margin:0 auto}#id{position:absolute;width:100%;background-color:#fafafa;border-radius:0 0 4px 4px;border-top:solid 1px #f2f2f2;padding:10px;right:0%}.postpicture{float:right;width:140px;height:116px;padding:4px;border-radius:10px;border:dashed 1px #b5a493;margin-right:10px}.paginition{border-radius:8px;margin-top:12px;float:right;box-shadow:0 3px 6px #d3d4d4;padding:5;width:100%;background-color:#fff}.header{width:100%;padding-left:20px}}@media only screen and (min-width:700px) and (max-width:899px){.header{width:100%}#boxlog{margin-left:50px;display:none;float:left;margin-right:-53px}#mybox{margin-top:93px;left:3%;top:77%}.headerright{width:65%;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}header ul a li{font-size:12px;color:#868686;padding:10px 12px}.part img{float:right;width:60px;height:45px;border-radius:10px;padding:3px;}.imgdooni img{width:100%;float:right;padding:3px;border-radius:10px;border:dashed 1px #b5a493;height:70px}.site{width:100%;margin:0 auto;padding-right:20px;padding-left:20px;}#over{width:100%;overflow:hidden}.part h4{font-size:14px}.part span{width:60%}#post p{width:58%}.nevisimg{float:right;width:65px;height:55px;border-radius:5px}.nevisname{width:calc(59% - 15px);font-size:13px}.navistedad{width:calc(59% - 15px)}.videocenter{width:100%;margin:0 auto}.video:nth-child(1) img {float:right;width:100%;height:300px;border-radius:10px;padding:5px;margin-top:10px;border:dashed 1px #b5a493;margin-bottom:10px}.videod img{height:144px}.btads{width:97%;float:right;margin-top:12px;margin-bottom:22px;background-color:#fff;padding:10px;box-shadow:0 2px 6px #d3d4d4;border-radius:8px}.foot{width:100%;margin:0 auto}#id{position:absolute;width:100%;background-color:#fafafa;border-radius:0 0 4px 4px;border-top:solid 1px #f2f2f2;padding:10px;right:0%}.postpicture{float:right;width:140px;height:116px;padding:4px;border-radius:10px;border:dashed 1px #b5a493;margin-right:10px}.paginition{border-radius:8px;margin-top:12px;float:right;box-shadow:0 3px 6px #d3d4d4;padding:5;width:100%;background-color:#fff}.header{width:100%;padding-left:20px}#center{width:calc(65% - 7px);float:right;margin-right:7px;margin-left:0}.right{width:35%;float:right;padding-left:7px}.left{width:65%;float:left;margin-top:12px}.leftside{float:right;width:99%;padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #d3d4d4;margin-bottom:12px;margin-right:7px}.ekhtesasi{float:right;width:calc(50% - 7px);background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #d3d4d4;margin-bottom:12px;margin-right:7px}.video:nth-child(1) img {float:right;width:100%;height:260px;border-radius:10px;padding:5px;margin-top:10px;border:dashed 1px #b5a493;margin-bottom:10px}.videod img{height:124px}.videod i{position:absolute;right:43%;bottom:40%;color:#fff;font-size:31px;text-shadow:0 0 4px #000}}@media only screen and (min-width:500px) and (max-width:699px){.header{width:100%}#boxlog{margin-left:50px;display:none;float:left;margin-right:-68px}#mybox{margin-top:93px;left:3%;top:77%}.headerright{width:65%;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}header ul a li{font-size:12px;color:#868686;padding:10px 12px}.part img{float:right;width:60px;height:45px;border-radius:10px;padding:3px;}.imgdooni img{width:100%;float:right;padding:3px;border-radius:10px;border:dashed 1px #b5a493;height:70px}.site{display:flex;flex-direction: column;width:100%;margin:0 auto;padding-right:20px;padding-left:20px;}#over{width:100%;overflow:hidden}.part h4{font-size:14px}.part span{width:60%}#post p{width:58%}.nevisimg{float:right;width:65px;height:55px;border-radius:5px}.nevisname{width:calc(59% - 15px);font-size:13px}.navistedad{width:calc(59% - 15px)}.videocenter{width:100%;margin:0 auto}.video:nth-child(1) img {float:right;width:100%;height:300px;border-radius:10px;padding:5px;margin-top:10px;border:dashed 1px #b5a493;margin-bottom:10px}.videod img{height:144px}.btads{width:97%;float:right;margin-top:12px;margin-bottom:22px;background-color:#fff;padding:10px;box-shadow:0 2px 6px #d3d4d4;border-radius:8px}.foot{width:100%;margin:0 auto}#id{position:absolute;width:100%;background-color:#fafafa;border-radius:0 0 4px 4px;border-top:solid 1px #f2f2f2;padding:10px;right:0%}.postpicture{float:right;width:140px;height:116px;padding:4px;border-radius:10px;border:dashed 1px #b5a493;margin-right:10px}.paginition{border-radius:8px;margin-top:12px;float:right;box-shadow:0 3px 6px #d3d4d4;padding:5;width:100%;background-color:#fff}.header{width:100%;padding-left:20px}#center{width:100%;float:right;margin-left:0;margin-right:0}.right{width:35%;float:right;padding-left:7px}.left{width:100%;float:right;margin-top:12px;padding-left:7px}.ekhtesasi{float:right;width:calc(50% - 7px);background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #d3d4d4;margin-bottom:12px;margin-right:7px}.video:nth-child(1) img {float:right;width:100%;height:auto;border-radius:10px;padding:5px;margin-top:10px;border:dashed 1px #b5a493;margin-bottom:10px}.video:nth-child(1) {float:right;width:100%}.videod img{height:165px}.videod i{position:absolute;right:43%;bottom:40%;color:#fff;font-size:31px;text-shadow:0 0 4px #000}.videodd{float:right;width:100%;padding-right:0}.foot{width:100%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center}.foot span{margin-top:12px;float:right;width:100%}.foot i{margin-top:5px;margin-left:10px}.body{width:100%;float:right;display:flex;flex-wrap:wrap;flex-direction:row}.order3{order:3;width:100%}.right{width:100%;float:right;padding-left:7px}.sidebar{float:right;width:99%;padding:10px;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #d3d4d4;margin-bottom:12px;margin-right:7px}.x4{width:calc(50% - 7px);float:right;position:relative}.x4:nth-child(1) {margin-bottom:12px}.x4:nth-child(2) {margin-bottom:12px}.pic img{width:100%;float:right;min-height:273px;border-radius:2px}.display{display:none}header input[name="search"]{float:right;background-color:#f8f8f8;color:#c1c1c1;border:none;border-radius:8px;padding:8px;width:100%;font-size:12px}.headerleft{float:left;bottom:0%;margin-top:27px}.headerright input{display:none}#anmenu{display:block}#anlogo{display:block}.headerleft{float:left;bottom:0%;margin-top:0;width:100%}#logo{display:none}#anmenu{display:block;color:#b1b1b1;font-size:28px;float:right}.header{width:100%;padding-left:0}#anmenu{display:block;color:#b1b1b1;font-size:28px;float:right;margin-right:19px}#ra span{float:right;margin-top:14px;margin-left:9px;color:gray;font-weight:bold;font-size:15px}.searchbtn{display:none}#dastename{float:right;position:relative;display:block;background:#ffb72d;border:block;width:100%;margin-top:0!important;border-radius:0;border:none}.webpart{width:100%;float:right}.asdf{display:none}.webpart:hover .asdf{display:block}#id{float:right;width:60%;position:fixed;top:0;right:0%;overflow-y:auto;height:100%;background:#ffb72d;display:none}.asdf{display:none;color:#fff;background-color:#eca825;padding:5px}#dastename{padding:0}.catti{padding:10px;color:#525252}#closemenuw{float:right;position:absolute;left:5%;font-size:17px;top:1%;color:#fff;font-weight:bold}#logomenu{display:block}.searchbox{display:block!important}.searchbox{width:100%;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;margin-top:10px;float:right;margin-bottom:10px;margin-right:0}#id{float:right;width:60%;position:fixed;top:0%;right:0%;overflow-y:auto;height:100%;background:#ffb72d;display:none;margin-top:-1px}#androidmenu{top:0%}.searchbox input[name="search"]{border:none;background:#f1b137;width:89.5%}#closemenuw{float:right;position:absolute;left:5%;font-size:17px;top:2%;color:#fff;font-weight:bold}#id i{display:block}}@media only screen and (min-width:0px) and (max-width:499px){.header{width:100%}#boxlog{margin-left:50px;display:none;float:left;margin-right:-68px}#mybox{margin-top:93px;left:3%;top:90%}.headerright{width:65%;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}a.TelegramBanner{margin-right:0}a.DonateBanner{margin-right:0 !important}a.DiscordBanner{margin-right:0}.accordion{margin-right:0;width:100%}.headerright input{display:none}header ul a li{font-size:12px;color:#868686;padding:10px 12px}.part img{float:right;width:60px;height:45px;border-radius:10px;padding:3px;}.imgdooni img{width:100%;float:right;padding:3px;border-radius:10px;border:dashed 1px #b5a493;height:86px}.site{width:100%;margin:0 auto;padding-right:20px;padding-left:20px;display: flex;flex-direction: column;}#over{width:100%;overflow:hidden}.part h4{font-size:14px}.part span{width:60%}#post p{width:58%}.nevisimg{float:right;width:65px;height:55px;border-radius:5px}.nevisname{width:calc(59% - 15px);font-size:13px}.navistedad{width:calc(59% - 15px)}.videocenter{width:100%;margin:0 auto}.video:nth-child(1) img {float:right;width:100%;height:300px;border-radius:10px;padding:5px;margin-top:10px;border:dashed 1px #b5a493;margin-bottom:10px}.videod img{height:144px}.btads{width:97%;float:right;margin-top:12px;margin-bottom:22px;background-color:#fff;padding:10px;box-shadow:0 2px 6px #d3d4d4;border-radius:8px}.foot{width:100%;margin:0 auto}#id{position:absolute;width:100%;background-color:#fafafa;border-radius:0 0 4px 4px;border-top:solid 1px #f2f2f2;padding:10px;right:0%}.postpicture{float:right;width:41%;height:120px;padding:4px;border-radius:10px;border:dashed 1px #b5a493;margin-right:10px}.posttitle h1{font-size:13px;font-weight:normal;float:right;margin:0;color:#4c4c4c;width:81%;overflow-x:hidden;overflow-y:hidden;height:20px;text-align:justify}.posttitle span{float:left;font-size:12px;color:#7c7c7c;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;background:#fff;box-shadow:20px 0 22px #fff;position:relative}.paginition{border-radius:8px;margin-top:12px;float:right;box-shadow:0 3px 6px #d3d4d4;padding:5;width:100%;background-color:#fff}
.header{width:100%;padding-left:20px}#center{width:100%;float:right;margin-left:0;margin-right:0}.right{width:35%;float:right;padding-left:7px}.left{width:100%;float:right;margin-top:12px;padding-left:0}.leftside{float:right;width:calc(100%);padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #d3d4d4;margin-bottom:12px;margin-right:0}.ekhtesasi{float:right;width:100%;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #d3d4d4;margin-bottom:12px;margin-right:0}.video:nth-child(1) img {float:right;width:100%;height:auto;border-radius:10px;padding:5px;margin-top:10px;border:dashed 1px #b5a493;margin-bottom:10px}.video:nth-child(1) {float:right;width:100%}.videod img{height:165px}.videod i{position:absolute;right:43%;bottom:40%;color:#fff;font-size:31px;text-shadow:0 0 4px #000}.videodd{float:right;width:100%;padding-right:0}.foot{width:100%;margin:0 auto;display:flex;flex-wrap:wrap;justify-content:center}.foot span{margin-top:12px;float:right;width:100%}.foot i{margin-top:5px;margin-left:10px}.body{width:100%;float:right;display:flex;flex-wrap:wrap;flex-direction:row}.order3{order:3;width:100%}.right{width:100%;float:right;padding-left:0}.sidebar{float:right;width:100%;padding:15px;background-color:#fff;border-radius:8px;box-shadow:0 2px 6px #d3d4d4;margin-bottom:12px;margin-right:0}.x4{width:calc(50% - 7px);float:right;position:relative}.x4:nth-child(1) {margin-bottom:12px}.x4:nth-child(2) {margin-bottom:12px}.pic img{width:100%;float:right;min-height:273px;border-radius:2px}.pic{width:calc(100%);float:right;position:relative}.pic:nth-child(1) {margin-bottom:12px}.x4 img{width:100%;float:right;min-height:150px;border-radius:2px}.imgdooni a{float:right;width:calc(50% - 10px)}.imgdooni a:nth-child(1) {margin-bottom:12px}.imgdooni a:nth-child(2) {margin-bottom:12px}#post p{width:51%}.display{display:none}.headerright{width:auto;display:flex;flex-direction:row;align-items:center;flex-wrap:wrap}#ra>a{float:left;padding-bottom:0;margin-top:20px;width:100%}header input[name="search"]{float:right;background-color:#f8f8f8;color:#c1c1c1;border:none;border-radius:8px;padding:8px;width:100%;font-size:12px;box-shadow:-29px 0 25px #fff;position:relative;z-index:555}#ra span{float:right;margin-top:12px;margin-left:6px;color:gray;font-weight:bold;width:100px;overflow:hidden;direction:ltr;text-align:left}#ra img{width:57px;height:57px;border-radius:40px;border:solid 3px #ddd;float:left}.headerleft{float:left;width:auto;flex-direction:row-reverse;align-items:center;flex-wrap:wrap}.header{width:100%;padding-left:0}#anmenu{display:block;margin-top:37px;font-size:28px}#logo{display:none}#anlogo{display:block}#anmenu{display:block;margin-top:26px;font-size:28px}#ra span{float:right;margin-top:14px;margin-left:9px;color:gray;font-weight:bold;font-size:15px;width:86px;height:28px;overflow-x:hidden;overflow-y:hidden}#fa{float:left;position:relative;margin-top:22px}.searchbtn{display:none}#dastename{float:right;position:relative;display:block;background:#ffb72d;border:block;width:100%;margin-top:0!important;border-radius:0;border:none}.webpart{width:100%;float:right}.asdf{display:none}.webpart:hover .asdf{display:block}#id{float:right;width:60%;position:fixed;top:0;right:0%;overflow-y:auto;height:100%;background:#ffb72d;display:none}.asdf{display:none;color:#fff;background-color:#eca825;padding:5px}#dastename{padding:0}.catti{padding:10px;color:#525252}#closemenuw{float:right;position:absolute;left:5%;font-size:17px;top:1%;color:#fff;font-weight:bold}#logomenu{display:block}.searchbox{display:block!important}.searchbox{width:100%;display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;margin-top:10px;float:right;margin-bottom:10px;margin-right:0}#id{float:right;width:60%;position:fixed;top:0%;right:0%;overflow-y:auto;height:100%;background:#ffb72d;display:none;margin-top:0}#androidmenu{top:0%}#id i{display:block}.searchbox button{width:16%}.searchbox input[name="search"]{width:84%}.mortabet{float:left;width:100%;background-color:#fff;border-radius:8px;box-shadow:0 3px 6px #d3d4d4;padding:10px;height:auto;margin-top:12px}.mortabet:nth-child(1) {margin-top:0}.mortabet img{float:right;width:100%;border-radius:6px;height:auto}}

.alert-box-shortcode{background:#f8f9f9;border-bottom:2px solid #e5e5e6;border-right:none;padding:15px;padding-top: 50px;border-radius:5px;margin:20px 0 0 0;position: relative;clear: both;box-shadow: 1px 1px 5px rgba(179, 182, 183, 0.5);  overflow: visible;direction: rtl;text-align: justify;}


.alert-box-shortcode div {
    all: unset !important;
  display: revert !important; 
  font-size:14px !important;
}


.alert-box-shortcode h5,
.alert-box-shortcode h5 * {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0px;
  padding: 0px 8px;
  color: white !important;
  font-size: 13px !important;
  font-weight: 600;
  border-radius: 5px 5px 0 0;
  box-sizing: border-box;
  text-align: right;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 50px;
  line-height: 50px;
}


.alert-box-shortcode-red-1 h5,
.alert-box-shortcode-red-1 h5 * {
  background:linear-gradient(to left, #d98216, #ff4500) !important;}

.alert-box-shortcode-blue-1 h5,
.alert-box-shortcode-blue-1 h5 * {
    background: linear-gradient(to left, #3d95c9, #1c538b) !important;}

.alert-box-shortcode-grey-1 h5,
.alert-box-shortcode-grey-1 h5 * ,
.alert-box-shortcode-gray-1 h5,
.alert-box-shortcode-gray-1 h5 *{
  background: linear-gradient(to left, #7e8c8d, #4b5455) !important;
}

.alert-box-shortcode-purple-1 h5,
.alert-box-shortcode-purple-1 h5 * {
  background: linear-gradient(to left, #a64bf4, #6b1dad) !important;
}

.alert-box-shortcode-gray-2 h5,
.alert-box-shortcode-gray-2 h5 * {
  background: linear-gradient(to left, #bdc3c7, #2c3e50) !important;
}

.alert-box-shortcode-purple-2 h5,
.alert-box-shortcode-purple-2 h5 * {
  background: linear-gradient(to left, #b084eb, #5e3ea1) !important;
}

.alert-box-shortcode-green-1 h5,
.alert-box-shortcode-green-1 h5 * {
  background: linear-gradient(to left, #28a745, #1e7e34) !important;
}

.alert-box-shortcode-green-2 h5,
.alert-box-shortcode-green-2 h5 * {
  background: linear-gradient(to left, #7ed957, #2e8b57) !important;
}

.alert-box-shortcode-blue-2 h5,
.alert-box-shortcode-blue-2 h5 * {
  background: linear-gradient(to left, #00c6ff, #0072ff) !important;
}

.alert-box-shortcode-blue-3 h5,
.alert-box-shortcode-blue-3 h5 * {
  background: linear-gradient(to left, #5bc0de, #0275d8) !important;
}

.alert-box-shortcode-red-2 h5,
.alert-box-shortcode-red-2 h5 * {
  background: linear-gradient(to left, #ff6b6b, #c0392b) !important;
}

.alert-box-shortcode-pink-1 h5,
.alert-box-shortcode-pink-1 h5 * {
  background: linear-gradient(to left, #ff69b4, #c71585) !important;
}


.alert-box-shortcode h5 i {
  margin-left: 5px;
  color: #e73c3c;
  font-size: 18px;
}
.alert-box-shortcode h5 > span,
.alert-box-shortcode h5 > span * {
  color: white !important;
}

.alert-box-shortcode h5 a {
  color: #e73c3c;
  font-size: 15px;
  text-decoration: none;
}


.alert-box-shortcode-blue-1{border-right-color:#3498db!important}.alert-box-shortcode-blue-2{border-right-color:#00818e!important}.alert-box-shortcode-blue-3{border-right-color:#00cfc2!important}.alert-box-shortcode-red-1{border-right-color:#e73c3c!important}.alert-box-shortcode-red-2{border-right-color:#e20b46!important}.alert-box-shortcode-green-1{border-right-color:#2ecc71!important}.alert-box-shortcode-green-2{border-right-color:#148f77!important}.alert-box-shortcode-green-3{border-right-color:#9cf960!important}.alert-box-shortcode-orange-1{border-right-color:#f39c12!important}.alert-box-shortcode-yellow-1{border-right-color:#f1c40f!important}.alert-box-shortcode-purple-1{border-right-color:#884ea0!important}.alert-box-shortcode-purple-2{border-right-color:#cc00cf!important}.alert-box-shortcode-pink-1{border-right-color:#f96081!important}.alert-box-shortcode-gray-1{border-right-color:#839192!important}.alert-box-shortcode-dark-1{border-right-color:#2e4053!important}.download-box{margin:15px 0 5px}.dl-box{position:relative;clear:both;box-shadow:1px 1px 5px 0 rgba(179,182,183,.5);-webkit-border-radius:5px 5px 5px 5px;-moz-border-radius:5px;-o-border-radius:5px 5px 5px 5px;border-radius:5px 5px 5px 5px;overflow:hidden;margin-top:15px;  margin-bottom: 15px;}
.dl-box h6{font-weight:700;padding:10px;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); font-size:16px;text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);}
.dl-box h6 i{margin-left:5px;color:#fdfdfd;font-size:18px}.dl-box h6 a{color:#fdfdfd;font-size:15px}.dl-box-app-info .dl-box-content p{border-bottom:1px solid #ecf0f1;padding:5px 10px}.dl-box-app-info .dl-box-content{line-height:30px!important;padding:10px 5px}.dl-box-app-info .dl-box-content p:last-child{border:none}.dl-box-download .dl-box-content a{line-height:2;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in;color:#641e16}.dl-box-download .dl-box-content a:hover{color:#e73c3c}.dl-box-describe h6{background:linear-gradient(to left, #9b59b6, #8e44ad)}.dl-box-system h6{background:linear-gradient(to left, #3498db, #2980b9)}.dl-box-help-install h6{background:linear-gradient(to left, #f39c12, #e67e22)}.dl-box-app-info h6{background:linear-gradient(to left, #2ecc71, #27ae60)}.dl-box-download h6{background:linear-gradient(to left, #e74c3c, #c0392b)}.dl-box-content{padding:10px 15px;line-height:30px}div.dl-box:first-of-type{margin-top:15px}.dl-box-app-info i{color:#28b463;margin-left:3px;font-size:14px;width:14px;text-align:center}.dl-box-app-info a{color:#003c18}.dl-box-download i{color:#cb4335;margin-left:3px;width:14px;text-align:center}.dl-box-download p{border-bottom:1px solid #f0f0f0;padding:5px 0}.dl-box-download p:last-of-type{border-bottom:none}


.dl-box-app-rate .dl-box-content{line-height:30px!important;padding:10px 5px}.dl-box-app-rate .dl-box-content p:last-child{border:none}.dl-box-download .dl-box-content a{line-height:2;-webkit-transition:all .2s ease-in;-moz-transition:all .2s ease-in;-o-transition:all .2s ease-in;transition:all .2s ease-in;color:#641e16}.dl-box-download .dl-box-content a:hover{color:#e73c3c}.dl-box-app-rate h6{background:linear-gradient(to left, #2ecc71, #27ae60)}.dl-box-content{padding:10px 15px;line-height:30px}div.dl-box:first-of-type{margin-top:15px}.dl-box-app-rate i{color:#28b463;margin-left:3px;font-size:14px;width:14px;text-align:center}.dl-box-app-rate a{color:#003c18}


#yn-article-display-20557 .yn-heading {
    color: #fff;
    text-shadow: -1px 1px 2px #000, 1px 1px 2px #000, 1px -1px 0 #000, -1px -1px 0 #000;
}.YEKTANET.yn-article-text .yn-heading-wrapper{font-size:13px!important}.YEKTANET.yn-article-text .yn-item_title{font-size:14px!important}.YN.yn-article-text .yn-item_title {
    font-size: 14px !important;
}#yn-article-text-16903 .yn-heading {
    color: #838383 !important;
    font-size: 14px !important;
    font-weight: bold !important;
}.YN.yn-article-text .yn-item {
    padding-right: 1px !important;
}.YEKTANET.yn-article-display .yn-heading-wrapper{font-size:13px}.YEKTANET.yn-article-display .yn-item_title{line-height:1.5em!important}#yn-article-display-16885{background: #fff;border-radius: 8px;box-shadow: 0 3px 6px #e4eeee;width: 100%;margin-top: 15px;}.nano-expansion{width:100%;max-height:auto;background-color:#fff;box-shadow:0 2px 5px rgba(55,84,170,.2);border-radius:5px;overflow:hidden;will-change:max-height;transition:max-height .2s ease 0s}.nano-expansion-wrapper{width:100%}.nano-expansion-wrapper>.nano-expansion{margin-bottom:10px}.nano-expansion-wrapper>.nano-expansion:last-child{margin-bottom:0}.nano-expansion-toggle{position:relative;direction:rtl;box-sizing:border-box;width:100%;padding:20px;display:-webkit-flex;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:space-between;justify-content:space-between;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;transition:all .2s ease 0s}.nano-expansion-toggle::after{content:"";width:8px;height:8px;border:solid currentColor;border-width:0 .14em .14em 0;-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:inherit}.nano-expansion-toggle.active::after{-webkit-transform:rotate(225deg);transform:rotate(225deg)}.nano-expansion-content{box-sizing:border-box;width:100%;padding:20px}.container{margin:auto;max-width:100%}.btn{display:block;margin:auto;text-transform:uppercase;position:relative;direction:ltr;cursor:pointer}.btn-arrow-slide-text{transition:all .45s cubic-bezier(.65,0,.076,1);position:absolute;top:0;left:0;right:0;bottom:0;padding:.75rem 0;margin:0 0 0 1.85rem;font-weight:700;line-height:1.6;text-align:center;text-transform:uppercase}.btn-arrow-slide-cont{position:relative;display:inline-block;cursor:pointer;outline:none;border:0;vertical-align:middle;text-decoration:none;background:transparent;padding:0;font-size:inherit;font-family:inherit;width:180px;top:15px;height:auto}.btn-arrow-slide-cont:hover{background:transparent}.btn-arrow-slide-circle{transition:all .45s cubic-bezier(.65,0,.076,1);position:relative;float:left;display:block;margin:0;width:3rem;height:3rem;border-radius:1.625rem}.btn-arrow-slide-circle .btn-arrow-slide-icon{transition:all .45s cubic-bezier(.65,0,.076,1);position:absolute;top:0;bottom:0;margin:auto;background:#fff}.btn-arrow-slide-circle .btn-arrow-slide-icon.btn-arrow-slide-arrow{transition:all .45s cubic-bezier(.65,0,.076,1);left:.625rem;width:1.125rem;height:.125rem;background:none}.btn-arrow-slide-arrow::before{position:absolute;content:'';top:-.25rem;right:.0625rem;width:.625rem;height:.625rem;border-top:.125rem solid #fff;border-right:.125rem solid #fff;transform:rotate(45deg)}.btn-arrow-slide-text{transition:all .45s cubic-bezier(.65,0,.076,1);position:absolute;top:0;left:0;right:0;bottom:0;padding:.75rem 0;margin:0 0 0 1.85rem;font-weight:700;line-height:1.6;text-align:center;text-transform:uppercase}.btn-arrow-slide-cont:hover .btn-arrow-slide-circle{width:100%}.btn-arrow-slide-cont:hover .btn-arrow-slide-circle .btn-arrow-slide-icon.btn-arrow-slide-arrow{background:#fff;transform:translate(1rem,0)}.btn-arrow-slide-cont:hover .btn-arrow-slide-text{color:#fff}.btn-arrow-slide-cont--black .btn-arrow-slide-circle{background:#333}

.alert-box {
  background-color: #fffbea;
  border-right: 6px solid #facc15;
  padding: 16px 20px;
  margin-top: 20px;
  border-radius: 12px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.08);
  display: flex;
  align-items: flex-start;
  direction: rtl;
  text-align: right;
  font-family: 'Vazirmatn', sans-serif;
}

.alert-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  margin-left: 12px;
  margin-top: 4px;
  color: #f59e0b;
}

.alert-content {
  flex: 1;
}

.alert-title {
  font-weight: bold;
  font-size: 20px;
  margin-bottom: 15px;
  color: #92400e;
}

.alert-list {
  margin: 0;
  padding-right: 20px;
  color: #78350f;
  font-size: 15px;
  line-height: 1.8;
}
.accordion-box {
  background: linear-gradient(135deg, #e0e7ff 0%, #f0f9ff 100%);
  border-right: 5px solid #3b82f6;
  padding: 1px 28px;
  border-radius: 18px;
  font-family: 'IRANSansX', sans-serif;
  direction: rtl;
  text-align: right;
  color: #1e293b;
  box-shadow: 0 8px 20px rgba(59, 130, 246, 0.15);
  max-width: 680px;
  margin-top: 30px;
  transition: background-color 0.3s ease;
}

.accordion-box h4 {
  font-size: 20px;
  color: #1e40af;
  margin-bottom: 0px;
  border-bottom: 3px solid #93c5fd;
  padding-bottom: 8px;
  font-weight: 800;
  letter-spacing: 0.04em;
}

.accordion-item {
  border-bottom: 1px solid #cbd5e1;
}

.accordion-title {
  cursor: pointer;
  padding: 16px 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 700;
  color: #1e293b;
  user-select: none;
  transition: background-color 0.25s ease;
  border-radius: 8px;
}

.accordion-title:hover {
  background-color: #dbeafe;
}

.accordion-title div {
  display: flex;
  align-items: center;
  gap: 16px;
}

.accordion-title svg.icon {
  width: 28px;
  height: 28px;
  fill: #2563eb;
  flex-shrink: 0;
  filter: drop-shadow(0 0 1px rgba(37, 99, 235, 0.6));
  transition: transform 0.3s ease;
}

.accordion-content {
  display: none;
  padding: 12px 0 24px 44px;
  color: #334155;
  font-size: 16px;
  line-height: 1.6;
  user-select: text;
}

.accordion-item.active .accordion-content {
  display: block;
}

.accordion-item.active .accordion-title svg.arrow {
  transform: rotate(-90deg);
  transition: transform 0.3s ease;
}

.accordion-box .arrow {
  fill: #2563eb;
  width: 22px;
  height: 22px;
  margin-left: 14px;
  transition: transform 0.3s ease;
}

.lightbox-overlay {
  position: fixed;
  top: 0; right: 0; bottom: 0; left: 0;
  background-color: rgba(0, 0, 0, 0.9);
  display: none;
  align-items: center;
  justify-content: center;
  z-index: 999999999999;
  direction: rtl;
}

.lightbox-image {
  max-width: 90%;
  max-height: 80vh;
  border-radius: 10px;
  box-shadow: 0 0 20px #000;
  position: relative;
  z-index: 10002;
}

.lightbox-overlay .close-btn,
.lightbox-overlay .prev-btn,
.lightbox-overlay .next-btn {
  position: fixed;
  font-size: 2rem;
  color: #fff;
  cursor: pointer;
  font-weight: bold;
  z-index: 10003;
  background: rgba(0, 0, 0, 0.3);
  padding: 0.5rem 1rem;
  border-radius: 8px;
  user-select: none;
  transition: background 0.3s ease, color 0.3s ease;
}

.lightbox-overlay .close-btn {
  right: 30px;
  left: auto;
}

.lightbox-overlay .prev-btn {
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}

.lightbox-overlay .next-btn {
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
}

/* Hover effects */
.lightbox-overlay .prev-btn:hover,
.lightbox-overlay .next-btn:hover {
  background: rgba(255, 183, 45, 0.8);
  color: #000;
}

.lightbox-overlay .close-btn:hover {
  background: rgba(255, 0, 0, 0.7);
  color: #fff;
}



  .tab-header {
    display: flex;
    justify-content: space-around;
    cursor: pointer;
    border-bottom: 1px solid #ccc;
  }
  .tab-button {
    padding: 8px 12px;
  }
  .tab-button.active {
    font-weight: bold;
    border-bottom: 2px solid #000;
  }
  /* افکت پایه برای هر آیتم پست */
.sidecontent .part {
  opacity: 0;
  transform: translateY(10px);
  animation: fadeUp 0.5s ease forwards;
}

/* تاخیر تدریجی برای هر آیتم */
.sidecontent .part:nth-child(1) {
  animation-delay: 0.1s;
}
.sidecontent .part:nth-child(2) {
  animation-delay: 0.2s;
}
.sidecontent .part:nth-child(3) {
  animation-delay: 0.3s;
}
.sidecontent .part:nth-child(4) {
  animation-delay: 0.4s;
}
.sidecontent .part:nth-child(5) {
  animation-delay: 0.5s;
}
.sidecontent .part:nth-child(6) {
  animation-delay: 0.6s;
}
/* بیشتر هم می‌تونی ادامه بدی اگر آیتم زیاد داری */



@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.part {
  opacity: 0;
  animation: fadeUp 0.5s ease forwards;
}


  .feature-box {
    background-color: #f0f8ff;
    border: 2px solid #00aaff;
    border-radius: 12px;
    padding: 16px;
    margin: 16px 0;
    font-family: sans-serif;
    direction: rtl;
  }

  .feature-box .title {
    font-size: 20px;
    font-weight: bold;
    color: #0077cc;
    margin-bottom: 10px;
    position: relative;
    padding-right: 30px;
  }

  .feature-box .title::before {
    content: '';
    position: absolute;
    right: 0;
    top: 1px;
    width: 20px;
    height: 20px;
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%230077cc%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M12%202C6.48%202%202%206.48%202%2012s4.48%2010%2010%2010%2010-4.48%2010-10S17.52%202%2012%202zm0%2017h-1v-6h2v6h-1zm0-8h-1V7h2v4h-1z%22/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: contain;
  }

  .feature-box ul {
    padding-right: 20px;
    margin: 0;
  }

.feature-box li {
  position: relative;
  padding-right: 26px;
  margin-bottom: 6px;
  line-height: 1.8;
  color: #333;
}

.feature-box li::before {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 18px;
  height: 18px;
  background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%2300aa00%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M9%2016.2l-4.2-4.2-1.4%201.4L9%2019%2021%207l-1.4-1.4z%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

  .image-box {
    background-color: #f0fff4;
    border: 2px solid #00aa66;
    border-radius: 12px;
    padding: 16px;
    margin: 16px 0;
    font-family: sans-serif;
    direction: rtl;
  }

  .image-box .title {
    font-size: 20px;
    font-weight: bold;
    color: #009944;
    margin-bottom: 10px;
    position: relative;
    padding-right: 30px;
  }

 .image-box .title::before {
  content: '';
  position: absolute;
  right: 0;
  top: 1px;
  width: 20px;
  height: 20px;
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%23009944%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M20%205h-3.2l-1.2-1.6c-.2-.2-.5-.4-.8-.4H9.2c-.3%200-.6.1-.8.4L7.2%205H4c-1.1%200-2%20.9-2%202v11c0%201.1.9%202%202%202h16c1.1%200%202-.9%202-2V7c0-1.1-.9-2-2-2zm-8%2013c-2.8%200-5-2.2-5-5s2.2-5%205-5%205%202.2%205%205-2.2%205-5%205zm0-8.5c-1.9%200-3.5%201.6-3.5%203.5S10.1%2016.5%2012%2016.5s3.5-1.6%203.5-3.5S13.9%209.5%2012%209.5z%22/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}


.rate-box {
  position: relative;
  max-width: 500px;
  margin: 0 auto 0;
  padding: 20px 24px;
  background: linear-gradient(135deg, #fffef6, #fff8da);
  border: 1px solid #d4af37;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
  font-family: "IRANSansX", "Segoe UI", sans-serif;
  color: #1f2937;
  text-align: center;
  overflow: hidden;
  transition: all 0.3s ease;
}

/* ستاره‌های پراکنده */
.rate-stars {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}

.rate-stars span {
  position: absolute;
  color: #facc15;
  opacity: 0.25;
  font-size: 14px;
  animation: floatStar 6s infinite ease-in-out alternate;
}

/* انیمیشن آهسته */
@keyframes floatStar {
  0% { transform: translateY(0); opacity: 0.2; }
  100% { transform: translateY(-4px); opacity: 0.4; }
}

/* موقعیت‌های تصادفی */
.rate-stars span:nth-child(1) { top: 10px; left: 20px; font-size: 16px; }
.rate-stars span:nth-child(2) { top: 50px; left: 80%; font-size: 12px; }
.rate-stars span:nth-child(3) { top: 30%; left: 60px; font-size: 14px; }
.rate-stars span:nth-child(4) { bottom: 20px; right: 40px; font-size: 13px; }
.rate-stars span:nth-child(5) { bottom: 40px; left: 10%; font-size: 15px; }

.rate-header {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  z-index: 1;
  position: relative;
}

.rate-header svg {
  width: 30px;
  height: 30px;
  fill: #f59e0b;
  transition: transform 0.3s ease;
}

.rate-box:hover .rate-header svg {
  transform: rotate(-5deg) scale(1.1);
}

.rate-title {
  font-size: 18px;
  font-weight: 700;
  color: #111827;
}

.rate-content {
  font-size: 32px;
  font-weight: 700;
  color: #111827;
  margin-top: 6px;
  position: relative;
  z-index: 1;
}

.rate-content small {
  font-size: 14px;
  font-weight: 400;
  color: #6b7280;
  display: block;
  margin-top: 6px;
}
.star-rating {
     margin: auto;
}

@keyframes floatStar {
  0% { transform: translateY(0); opacity: 0.2; }
  100% { transform: translateY(-4px); opacity: 0.4; }
}

 .share-container {
    max-width: 600px;
    margin: 30px auto;
    padding: 18px 24px 24px;
    background: linear-gradient(135deg, #e0e7ff, #f9fafb);
    border-radius: 16px;
    box-shadow: 0 6px 18px rgba(99, 102, 241, 0.15);
    font-family: "Vazirmatn", "Segoe UI", Tahoma, sans-serif;
    color: #374151;
  }

  .share-title {
    font-size: 18px;
    font-weight: 700;
    margin: 0 0 8px 0;
    color: #4f46e5;
    text-align: center;
  }

  .share-box {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    flex-wrap: wrap;
  }

  .social-buttons {
    display: flex;
    gap: 16px;
    flex-shrink: 0;
  }

  .social-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    color: white;
    cursor: pointer;
    transition: transform 0.2s ease;
    box-shadow: 0 3px 8px rgb(0 0 0 / 0.12);
    font-size: 20px;
  }

  .social-button:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 15px rgb(0 0 0 / 0.2);
  }

  .social-button.telegram { background: #0088cc; }
  .social-button.whatsapp { background: #25d366; }
  .social-button.twitter  { background: #1da1f2; }
  .social-button.facebook { background: #1877f2; }

  .link-shortener {
    flex-grow: 1;
    display: flex;
    align-items: center;
    gap: 12px;
    min-width: 200px;
  }

  .link-shortener input {
    width: 100%;
    padding: 8px 12px;
    border: 1px solid #cbd5e1;
    border-radius: 8px;
    font-size: 14px;
    color: #374151;
    user-select: all;
    background: #f9fafb;
    transition: border-color 0.25s ease;
  }

  .link-shortener input:focus {
    outline: none;
    border-color: #6366f1;
    background: #fff;
  }

  .link-shortener button {
    padding: 8px 14px;
    border: none;
    border-radius: 8px;
    background-color: #6366f1;
    color: white;
    font-weight: 600;
    cursor: pointer;
    transition: background-color 0.25s ease;
    white-space: nowrap;
  }

  .link-shortener button:hover {
    background-color: #4f46e5;
  }

  @media (max-width: 480px) {
    .share-box {
      flex-direction: column;
      align-items: stretch;
    }

    .social-buttons {
      justify-content: center;
      margin-bottom: 12px;
    }

    .link-shortener {
      width: 100%;
    }
  }


.tags {
  margin-top: 20px;
  text-align: center;
}

.tags a {
  display: inline-block;
  margin: 0 8px 8px 0;
  padding: 8px 18px;
  font-size: 14px;
  font-weight: 700;
  color: #4f46e5;
  background: linear-gradient(135deg, #a5b4fc, #4338ca);
  border-radius: 18px;
  text-decoration: none;
  box-shadow: 0 4px 10px rgba(99, 102, 241, 0.3);
  transition: background 0.3s ease, color 0.3s ease;
}

.tags a:hover {
  background: linear-gradient(135deg, #4338ca, #a5b4fc);
  color: #f3f4f6;
}



.ni-related-container
{margin-bottom: 0 !important;border-radius:8px;}
    
    
    #modal-report {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0,0,0,0.6);
  z-index: 9999;
  justify-content: center;
  align-items: center;
  animation: fadeIn 0.3s ease forwards;
  font-family: IRANSansX;
}

#modal-report.active {
  display: flex;
}

.modal-content {
  background: #fff;
  padding: 30px 20px;
  border-radius: 14px;
  max-width: 800px;
  width: 95%;
  position: relative;
  overflow-y: auto;
  max-height: 90vh;
  direction: rtl;
  font-family: IRANSansX;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
  color: #333;
  transform: scale(0.9);
  opacity: 0;
  animation: popupIn 0.35s ease forwards;
}

.modal-content.closing {
  animation: popupOut 0.25s ease forwards;
}

#modal-report .close-btn {
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 26px;
  font-weight: bold;
  cursor: pointer;
  color: #888;
  transition: color 0.2s;
}
#modal-report .close-btn:hover {
  color: #000;
}

/* Animations */
@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes popupIn {
  from { opacity: 0; transform: scale(0.85); }
  to { opacity: 1; transform: scale(1); }
}

@keyframes popupOut {
  from { opacity: 1; transform: scale(1); }
  to { opacity: 0; transform: scale(0.85); }
}

/* Inputs (same as قبل) */
#modal-report input[type="text"],
#modal-report select,
#modal-report textarea {
  width: 100%;
  padding: 8px 10px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-family: IRANSansX;
  font-size: 14px;
  transition: border-color 0.2s;
}
#modal-report input[type="text"]:focus,
#modal-report select:focus,
#modal-report textarea:focus {
  border-color: #3498db;
  outline: none;
}
#modal-report input[type="checkbox"] {
  transform: scale(1.2);
  margin-left: 6px;
}
#modal-report textarea {
  resize: vertical;
}
#modal-report .submit-btn {
  background-color: #e74c3c;
  color: white;
  border: none;
  padding: 12px;
  font-size: 15px;
  border-radius: 10px;
  cursor: pointer;
  transition: background-color 0.3s, transform 0.2s;
}
#modal-report .submit-btn:hover {
  background-color: #c0392b;
  transform: translateY(-2px);
}
#modal-report input[type="button"] {
  background: #007BFF;
  color: #fff;
  font-family: IRANSans;
  font-size: 15px;
  padding: 12px 20px;
  border: none;
  border-radius: 8px;
  cursor: pointer;
  width: 100%;
  transition: background 0.3s ease, transform 0.2s ease;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
}

#modal-report input[type="button"]:hover {
  background: #0056b3;
  transform: scale(1.02);
}
.modal-content td {
    font-size: 15px;
}


.lb-loader,
.lightbox {
  position: fixed !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  text-align: center;
  line-height: 0;
  margin: 0 !important;
  z-index: 100000; 
}

/* ===== Navbar ===== */
.z-navbar {
  background-color: #171c24ed;
  color: #fff;
  width:100%;
  position: sticky;
  top: 0;
  z-index: 1000;
  box-shadow: 0 6px 18px rgb(0 0 0 / 88%);
  margin-bottom:15px;
}
.z-navbar-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px 40px;
}
.z-navbar-logo img {
  height: 55px;
}
.z-navbar-actions {
  display: flex;
  align-items: center;
  gap: 0;
}
.z-navbar-actions button {
  background: none;
  border: none;
  color: inherit;
  font-size: 1.2rem;
  cursor: pointer;
  transition: color 0.3s ease;
  display: flex; /* 👈 دکمه‌ها را مثل flex container می‌کنیم */
  align-items: center; /* 👈 عمودی تراز می‌کند */
  justify-content: center; /* 👈 افقی تراز می‌کند */
  height: 42px; /* 👈 ارتفاع ثابت برای همه دکمه‌ها */
  width: 42px;  /* 👈 عرض ثابت برای همه دکمه‌ها */
}
.z-navbar-actions button i {
  font-size: 1.2rem;
  line-height: 1;
}

.z-navbar-actions button:hover {
  color: #f1b137;
}
.z-navbar-actions #themeToggle i {

  display: inline-block;
  text-align: center;
  font-size: 1.2rem;
  transition: transform 0.3s ease;
}

/* Navigation Links */
.z-navbar-links {
  display: flex;
  gap: 15px;
  list-style: none;
  margin: 0;
  padding: 0;
  align-items: center; /* 👈 وسط‌چین افقی */
  text-align: center;  /* 👈 متن‌ها وسط‌چین */
  font-size:17px;
}
.z-navbar-links a {
  color: inherit;
  text-decoration: none;
  padding: 6px 12px;
  border-radius: 4px;
  transition: background 0.3s ease;
}
.z-navbar-links a:hover {
  background: rgba(255,255,255,0.1);
}

/* Dropdown */
.z-dropdown {
  position: relative;
}
.z-dropdown-menu {
  position: absolute;
  top: 100%;
  right: 0;
  background: #171c24ed;
  color: #333;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 10px 0;
  border-radius: 8px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.2);
  opacity: 0;
  visibility: hidden;
  transform: translateY(10px);
  transition: all 0.3s ease;
  min-width: 220px;
}
.z-dropdown:hover .z-dropdown-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
.z-dropdown-menu li {
  margin: 5px 0;
}
.z-dropdown-menu li a {
  display: block;
  width: 100%;
  text-align: center;
  padding: 10px;
  background: transparent;
  color: #fff;
  border-radius: 6px;
  transition: background 0.3s ease, color 0.3s ease;
}
.z-dropdown-menu li a:hover {
  background: #f1b137;
  color: #fff;
}

/* Hamburger Menu */
.z-navbar-toggle {
  display: none;
  background: none;
  border: none;
  color: inherit;
  font-size: 1.5rem;
  cursor: pointer;
}

@media (max-width:1120px) {
header{padding:5px !important;}

.z-navbar-links {
    display: none; /* در حالت پیش‌فرض مخفی */
    background: #171c24;
    position: absolute;
    top: 60px; /* زیر نوبار */
    right: 0;
    width: 100%;
    text-align: center;
    z-index: 1001;
  }
  .z-navbar-links.show {
    display: flex; /* وقتی کلاس show اضافه شد */
  }
   .z-navbar-container {
    justify-content: center; /* لوگو وسط */
    position: relative;
    padding:23px;
  }

  .z-navbar-logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
  }
    .z-navbar-logo img {
    height: 40px; /* 👈 کوچکتر از دسکتاپ */
  }

  .z-navbar-toggle {
  display:block;
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 1.4rem; /* 👈 کمی کوچکتر */
  }

  .z-navbar-actions {
    position: absolute;
    left: 8px; /* 👈 دکمه‌های جستجو، لاگین، تغییر تم سمت چپ */
    top: 50%;
    transform: translateY(-50%);
    display: flex;
    gap: 0px;
  }
 .z-navbar-actions button {
    width: 36px; /* 👈 دکمه‌ها کوچکتر */
    height: 36px;
    font-size: 1rem; /* 👈 آیکون کوچکتر */
      border-radius: 0; /* 👈 دکمه‌ها مربعی بشن */

  }

  .z-navbar-actions button i {
    font-size: 1rem; /* 👈 آیکون‌ها کوچک‌تر */
  }


}

@media (max-width: 1120px) {
  .z-navbar-menu {
    position: absolute;
    top: 100%;
    right: 0;
    width: 100%;
    display: none;
    background: #171c24;
    z-index: 1001;
  }
  .z-navbar-menu.show {
    display: block;
  }
  .z-navbar-links {
    display: flex;
    gap: 0;
  }
  .z-navbar-links li a {
    padding: 12px;
    border-bottom: 1px solid #2a2a40;
  }

}


/* ===== User Menu ===== */
.z-user-menu {
  position: relative;
  display: inline-block;
}
.z-user-avatar {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  object-fit: cover;
  border: 2px solid #f1b137;
  cursor: pointer;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.z-user-avatar:hover {
  transform: scale(1.1);
  box-shadow: 0 0 10px rgba(241, 177, 55, 0.6);
}
.z-user-dropdown {
  position: absolute;
  top: 110%;
  left: 0px;
  background: #fff;
  border-radius: 10px;
  box-shadow: 0 10px 20px rgba(0,0,0,0.2);
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: opacity 0.3s ease, transform 0.3s ease;
  min-width: 150px;
  max-width: calc(100vw - 20px);
  overflow-x: hidden;
  z-index: 1000;
}

.z-user-dropdown.show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}

.z-user-menu:hover .z-user-dropdown {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}


.z-user-dropdown li {
  list-style: none;
}
.z-user-dropdown li a {
display: block;
    margin-left: auto;
        margin-right: auto;

    margin-top: auto;
    width: 100%;
    padding: 12px 16px;
    color: #333;
    text-decoration: none;
    transition: background 0.3s ease, color 0.3s ease;
    border-radius: 8px;
}
.z-user-dropdown li a:hover {
  background: #f1b137;
  color: #fff;
}

/* ===== Modals ===== */
.z-modal {
  position: fixed;
  inset: 0;
  display: none;
  justify-content: center;
  align-items: center;
  background: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(5px);
  z-index: 999999999999;
  opacity: 0;
  transform: scale(0.95); /* 👈 کمی کوچک در حالت اولیه */
  transition: opacity 0.4s ease, transform 0.4s ease;
}

.z-modal.show {
  display: flex;
  opacity: 1;
  transform: scale(1); /* 👈 به اندازه واقعی بزرگ شود */
}

.z-modal-content {
  background: #fff;
  border-radius: 12px;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.3);
  width: 90%;
  max-width: 500px;
  position: relative;
  padding: 30px 20px;
  transform: translateY(-20px);
  opacity: 0;
  transition: transform 0.5s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.5s ease;
}

.z-modal.show .z-modal-content {
  transform: translateY(0); /* 👈 از پایین بیاد بالا */
  opacity: 1;
}

/* Close Button */
.z-modal-close {
  position: absolute;
  top: 10px;
  right: 10px;
  background: none;
  border: none;
  font-size: 1.8rem;
  color: #888;
  cursor: pointer;
  transition: color 0.3s ease, transform 0.3s ease;
}
.z-modal-close:hover {
  color: #f44336;
  transform: rotate(90deg); /* 👈 افکت چرخش هنگام هاور */
}



/* ===== Input Fields ===== */
.z-login-form input,
.z-search-form input[type="text"] {
  width: 100%;
  padding: 12px 15px;
  margin-bottom: 12px;
  border: 1px solid #ddd;
  border-radius: 8px;
  font-size: 1rem;
  outline: none;
  background: #f9f9f9;
  color: #333;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}

.z-login-form input:focus,
.z-search-form input[type="text"]:focus {
  border-color: #f1b137;
  box-shadow: 0 0 8px rgba(241, 177, 55, 0.4);
  background: #fff;
}





.z-modal-tabs {
  display: flex;
  justify-content: center;
  margin-bottom: 15px;
  border-bottom: 2px solid #f1b137;
}
.z-tab-btn {
  background: none;
  border: none;
  padding: 10px 20px;
  font-size: 1rem;
  cursor: pointer;
  transition: color 0.3s ease, border-bottom 0.3s ease;
  color: #888;
  border-bottom: 2px solid transparent;
}
.z-tab-btn.active {
  color: #f1b137;
  border-bottom: 2px solid #f1b137;
}

.z-register-form input {
  width: 100%;
  padding: 12px 15px;
  margin-bottom: 12px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background: #f9f9f9;
  color: #333;
  transition: border-color 0.3s ease, box-shadow 0.3s ease, background 0.3s ease;
}
.z-register-form input:focus {
  border-color: #f1b137;
  box-shadow: 0 0 8px rgba(241, 177, 55, 0.4);
  background: #fff;
}
.z-register-form button {
  width: 100%;
  background: linear-gradient(135deg, #4caf50, #81c784);
  border: none;
  color: #fff;
  padding: 12px;
  font-size: 1rem;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.2s ease;
}
.z-register-form button:hover {
  background: linear-gradient(135deg, #81c784, #4caf50);
  transform: scale(1.05);
}

.z-tab-content {
  display: none;
  animation: fadeIn 0.5s ease;
}
.z-tab-content.active {
  display: block;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: translateY(0); }
}


.z-captcha-row {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 15px;
  flex-wrap: wrap; /* برای موبایل */
}

.z-captcha-img {
  display: flex;
  align-items: center;
  gap: 5px;
}

.z-captcha-img img {
  border-radius: 6px;
  box-shadow: 0 2px 8px rgba(0,0,0,0.2);
}
.z-captcha-refresh i {
  font-size: 1.2rem;
  color: #fff;
  transition: transform 0.3s ease;
}

.z-captcha-refresh:hover i {
  transform: rotate(180deg);
  color: #ffeb3b;
}

.z-modal-content {
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}





/* ===== Buttons ===== */
.z-login-form button,
.z-search-form button {
  width: 100%;
  background: linear-gradient(135deg, #f1b137, #f78c2f);
  border: none;
  color: #fff;
  padding: 12px;
  font-size: 1rem;
  border-radius: 8px;
  cursor: pointer;
  transition: background 0.3s ease, transform 0.2s ease;
}

.z-login-form button:hover,
.z-search-form button:hover {
  background: linear-gradient(135deg, #f78c2f, #f1b137);
  transform: scale(1.05);
}

/* ===== Links: Forgot Password & Register ===== */
.z-login-links a {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #f1f1f1;
  color: #333;
  text-decoration: none;
  padding: 10px 15px;
  margin-top: 8px;
  border-radius: 6px;
  font-size: 0.95rem;
  transition: background 0.3s ease, color 0.3s ease, transform 0.2s ease;
}

.z-login-links a i {
  font-size: 1rem;
}

.z-login-links a:hover {
  background: #f1b137;
  color: #fff;
  transform: translateY(-2px);
}

/* ===== Slide-in Sidebar ===== */
.z-sidebar {
  position: fixed;
  top: 0;
  right: -100%; /* 👈 خارج از صفحه در حالت اولیه */
  width: 80%;
  max-width: 300px;
  height: 100%;
  background: #171c24;
  box-shadow: -2px 0 10px rgba(0, 0, 0, 0.5);
  z-index: 99999999999999999999999;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  transition: right 0.4s ease;
}
.z-sidebar.show {
  right: 0; /* 👈 وارد صفحه بشه */
}

.z-sidebar-header {
  display: flex;
  justify-content: flex-end;
  padding: 10px;
}

.z-sidebar-close {
  background: none;
  border: none;
  font-size: 2rem;
  color: #fff;
  cursor: pointer;
  transition: color 0.3s ease;
}
.z-sidebar-close:hover {
  color: #f1b137;
}

.z-sidebar-links {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  text-align: right;
}
.z-sidebar-links li a {
  display: block;
  padding: 15px 20px;
  color: #fff;
  text-decoration: none;
  border-bottom: 1px solid #2a2a40;
  transition: background 0.3s ease, color 0.3s ease;
}
.z-sidebar-links li a:hover {
  background: #f1b137;
  color: #121212;
}
/* ===== Dropdown داخل Sidebar ===== */
.z-sidebar-dropdown {
  width: 100%;
}
.z-sidebar-dropdown-btn {
  width: 100%;
  background: none;
  border: none;
  color: #fff;
  text-align: right;
  padding: 15px 20px;
  font-size: 1rem;
  cursor: pointer;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.z-sidebar-dropdown-btn i {
  margin-left: 8px;
  transition: transform 0.3s ease;
}
.z-sidebar-dropdown.active .z-sidebar-dropdown-btn i {
  transform: rotate(180deg);
}

.z-sidebar-submenu {
  list-style: none;
  padding: 0;
  margin: 0;
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.3s ease;
}
.z-sidebar-dropdown.active .z-sidebar-submenu {
  max-height: 300px; /* 👈 حداکثر ارتفاع برای فعال شدن اسکرول */
  overflow-y: auto;  /* 👈 اضافه کردن اسکرول */
  scrollbar-width: thin; /* Firefox */
  scrollbar-color: #f1b137 transparent; /* Firefox */
}

/* ===== Custom Scrollbar ===== */
.z-sidebar-submenu::-webkit-scrollbar {
  width: 6px;
}
.z-sidebar-submenu::-webkit-scrollbar-track {
  background: transparent;
}
.z-sidebar-submenu::-webkit-scrollbar-thumb {
  background-color: #f1b137;
  border-radius: 3px;
}
.z-sidebar-submenu::-webkit-scrollbar-thumb:hover {
  background-color: #ff9800;
}

/* Links inside submenu */
.z-sidebar-submenu li a {
  display: block;
  padding: 12px 35px;
  color: #ddd;
  border-bottom: 1px solid #2a2a40;
  transition: background 0.3s ease, color 0.3s ease;
}
.z-sidebar-submenu li a:hover {
  background: #f1b137;
  color: #121212;
}


   .scroll-to-top {
      position: fixed;
      bottom: 30px;
      left: 30px;
      background: linear-gradient(45deg, #FFD700, #FFC107);
      color: #222;
      border: none;
      border-radius: 50%;
      width: 50px;
      height: 50px;
      font-size: 22px;
      cursor: pointer;
      box-shadow: 0 4px 10px rgba(0, 0, 0, 0.3);
      display: flex;
      justify-content: center;
      align-items: center;
      transition: all 0.3s ease;
      z-index: 999;
    }

    .scroll-to-top:hover {
      transform: scale(1.1);
      box-shadow: 0 6px 14px rgba(0, 0, 0, 0.4);
    }

 
    .scroll-to-top.hide {
      opacity: 0;
      pointer-events: none;
      transform: scale(0.8);
    }
  @media (max-width: 600px) {
    .scroll-to-top {
      width: 38px;
      height: 38px;
      left: 0;
      bottom: 20px;
      border-radius: 0 10px 10px 0;
            bottom: 220px;
    }

    .scroll-to-top svg {
      width: 16px;
      height: 16px;
    }
  }


.mediaad-bnr-container-970, .tapsell-banner-container-970{
margin-right:auto;
margin-left:auto;
}

. {
    margin-right: auto;
    margin-left: auto;
}
.dl-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-left: 6px;
  vertical-align: middle;
}


.copy-pass-btn {
  background-color: #e74c3c;
  border: none;
  color: #fff;
  font-size: 13px;
  padding: 5px 10px;
  border-radius: 5px;
  cursor: pointer;
  margin-right: 10px;
  transition: background 0.3s ease;
}

.copy-pass-btn:hover {
  background-color: #c0392b;
}
.part a h4:hover {color: #7a3c06 !important;}


@keyframes file_exclusive_rotate {
    from {
        transform: rotateY(45deg)
    }

    to {
        transform: rotateY(225deg)
    }
}

.fa-star.exclusive {
    margin-right: 10px;
    color: #ffd000;
    transform: rotateY(45deg);
    perspective: 1000px;
    transform-style: preserve-3d;
    position: relative;
    z-index: 1;
    animation: file_exclusive_rotate 3s linear infinite;
}

.m_auto {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding: 10;
}
.leftside2 {float: right;width: calc(100% - 7px);background-color: #fff;border-radius: 8px;margin-bottom: 12px;margin-right: 7px;box-shadow: 0 2px 6px #d3d4d4;}
.rb_form_4 input, .rb_form_4 textarea: {background: rgb(244, 245, 247);border-color: rgb(227, 228, 230);}

article p:last-child
 {
    margin-bottom: 0;
}
.article span {
    line-height: 35px;
}
.mypostcontent  > * {
  margin-bottom: 1.5rem !important;
  line-height: 35px !important;}
  .mypostcontent > *:last-child {
  margin-bottom: 0 !important;
}

.post-content > *:last-child {
  margin-bottom: 0;
}
.dl-box-content > p:first-of-type {
    margin-top: 0px !important;
}



#mediaad-YwVpQ .ni-ellipsis {direction: rtl;font-family:IRANSansX !important;}
#mediaad-YwVpQ .ni-widget-header-span {font-family:IRANSansX !important;font-size:16px !important;color: #838383 !important;}
#mediaad-YwVpQ .ni-widget-header-inline {border-bottom: solid 1px #ffb72d !important;}
#mediaad-YwVpQ .ni-widget-content-box{padding-top:15px;}
#mediaad-YwVpQ .ni-widget-content-img {height: 70px !important;width: 100px !important;}
#mediaad-YwVpQ .ni-widget-header-inline {padding: 8px !important;}


.topcomment {
    margin-top: 40px;
}
code {
  background-color: #f5f5f5; 
  color: #c7254e;   
  padding: 0.2em 0.4em;
  font-size: 85%;
  font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
  border-radius: 4px;
  white-space: pre-wrap;
}

.tarik::before {
    display: none;
}


.darkmode span.pishnahadi h3 {color: #d1d5db;}

.darkmode span.pishnahadi:hover h3 {color: #38bdf8;}

.darkmode span.pishnahadi {border: solid 1px #374151;background-color: #101827;}



.darkmode .cc-center {
    background: linear-gradient(135deg, #1e293b, #1f2937, #374151); /* گرادیانت خاکستری تیره */
    box-shadow: 0 4px 12px rgba(255, 165, 50, 0.4); /* سایه رنگ طلایی کم‌رنگ */
    transition: box-shadow 0.3s ease, background 0.3s ease;
    border: 1px solid #facc15;
    color: #facc15; /* متن رنگ طلایی */
}

    
.darkmode .cc-thumb {border: solid 1px #8f9397 !IMPORTANT;}

.darkmode .demo-title {background: #046553;}


.darkmode .line {background: linear-gradient(to right,#111827 0,#bbb 25%,#bbb 75%,#111827 100%);}

.darkmode .didgah2 {background-color: #0f172a;border: 1px solid #63666a;}

.darkmode #mondark{display:none}

.darkmode .body{background-color: #111827; color: #7f8d9b;}

.darkmode .headerimg{background-color: #1f2937;box-shadow: 0 3px 6px #111827;}

.darkmode .greatads{background-color: #1f2937;box-shadow: 0 3px 6px #111827;}

.darkmode .greatads2{background-color: #1f2937;box-shadow: 0 3px 6px #111827;}

.darkmode .sidebar{background-color: #1f2937;box-shadow: 0 3px 6px #111827;color: #d1d5db;}

.darkmode .sidetitle{border-bottom: solid 1px #1f2937;}

.darkmode .part h4{color: #d1d5db !important;}

.darkmode .part h4 i{color: #d1d5db !important;}

.darkmode .part:hover img{border: solid 1px #ffffff;}

.darkmode .part:hover h4{color:#ffffff;}

.darkmode .part a h4:hover{color: #ffffff !important;}

.darkmode .leftside{background-color: #1f2937;box-shadow: 0 3px 6px #111827;color: #d1d5db;}

.darkmode .accordion .link {background-color: #111827;color: #d1d5db;border-bottom: 1px solid #374151;}

.darkmode .accordion .link:hover {background-color: #1e293b;}

.darkmode .accordion li.open .link {color: #38bdf8;}

.darkmode .accordion {background-color: #0f172a;box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);color: #d1d5db;}

.darkmode .accordion li i {color: #d1d5db;}

.darkmode .part1 h4{border-bottom:0!important;background-color:#1f2937;box-shadow: 0 3px 6px #111827;color: #d1d5db !important;}

.darkmode .part1 h4:hover{border-bottom:0!important;background-color:#1f2937;box-shadow: 0 3px 6px #111827;color: #ffffff !important;}

.darkmode .article h2{background-color: transparent;color: #d1d5db !important;}

.darkmode .article h2:hover {color: #d1d5db !important;}

.darkmode #info{color: #d1d5db;     border-bottom: solid 1px #1f2937!important;important;border-radius: 8px;background-color: #1f2937; border-top-left-radius: 0;border-top-right-radius: 0;box-shadow: 0 3px 6px #111827;    border-top: dashed 1px #9ca3af;}

.darkmode .center{background-color:#1f2937 !important;box-shadow: 0 3px 6px #111827;}

.darkmode .article{box-shadow: 0 3px 6px #111827;}

.darkmode .sidetitle>span {color: #d1d5db;}

.darkmode .bar_headline{background-color:#111826;}

.darkmode .bar_headline_more{background-color:#111826;}

.darkmode .wrapper > i {background: #8f6310;}

.darkmode .bar_arrow{background-color:#111726;}

.darkmode .box_grey{background-color:#1f2937 !important;box-shadow: 0 3px 6px #111827;border: 1px solid #374151;}

.darkmode .paginition{background-color:#1f2937 !important;box-shadow: 0 3px 6px #111827;}

.darkmode .f-loginbox{background-color:#0f172a !important;}

.darkmode .rb_row_form.login_u .col_25{color: #9ca3af;}

.darkmode .rb_row_form.login_p .col_25{color: #9ca3af;}

.darkmode a.forgotpass{color: #9ca3af;}

.darkmode .lastcom{border: 1px solid #444;background:linear-gradient(to left, #1e1e1e, #2a2a2a);box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);transition: transform 0.3s ease, box-shadow 0.3s ease; color: #e5e7eb;}

.darkmode .lastcom:hover {transform: translateY(-2px);box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3);}

.darkmode #info span i {color: #9ca3af;}

.darkmode .article:hover h1 {color: #d1d5db;}

.darkmode .article:hover {background-color:#1f2937;}

.darkmode .article h1 {color: #d1d5db !important;}

.darkmode .mypostcontent {color:#d1d5db;}

.darkmode .mypostcontent a {color: inherit;}

.darkmode .mypostcontent>p {color: #d1d5db;}

.darkmode .postcatbe a {color: #d1d5db;}

.darkmode .alert-box-shortcode{background-color: #111826;border-right:none;border-bottom:none;box-shadow: none !important;}

.darkmode .alert-box-shortcode-blue-1 {border-right-color: #093655!important;background-color: #111826;}

.darkmode .alert-box-shortcode-red-1 {border-right-color: #3c0f0f!important;background-color: #111826;}

.darkmode .alert-box-shortcode-purple-1 {border-right-color: #2c093a!important;background-color: #111826;}

.darkmode .alert-box-shortcode-gray-1 {background-color: #111826;}

.darkmode .alert-box-shortcode-gray-2 {background-color: #111826;}

.darkmode .alert-box-shortcode-purple-2 {background-color: #111826;}

.darkmode .alert-box-shortcode-green-1 {background-color: #111826;}

.darkmode .alert-box-shortcode-green-2 {background-color: #111826;}

.darkmode .alert-box-shortcode-blue-2 {background-color: #111826;}

.darkmode .alert-box-shortcode-blue-3 {background-color: #111826;}

.darkmode .alert-box-shortcode-red-2 {background-color: #111826;}

.darkmode .alert-box-shortcode-pink-1 {background-color: #111826;}

.darkmode #yn-article-display-16885 {background: #1f2937;border-radius: 8px;box-shadow: none;width:100%;margin-top: 15px;}

.darkmode .postcatbe {background: #131a23d4;box-shadow: none;}

.darkmode .postinfo {background: #1f2937;border: dashed 1pt #464646;}

.darkmode .dl-box-download p {border-bottom: 1px solid #2b2e32b3;}

.darkmode .dl-box-download h6 {background: #522424;}

.darkmode .dl-box-download .dl-box-content a {color:c1c2c2;}

.darkmode .dl-box-content font {color: #d1d5db; !important;}

.darkmode .dl-box-download .dl-box-content:hover a {color:ccc;}

.darkmode .dl-box-content {background: #111826;}

.darkmode .dl-box {box-shadow: 1px 1px 5px 0 #464646;}

.darkmode .telegram111 svg{background: #022638;}

.darkmode .messagerb #message {background: #1f2937;border: 1px solid #63666a;color: #d1d5db;}

.darkmode #comment_n {background: #1f2937;border: 1px solid #63666a;color: #d1d5db;}

.darkmode #comment_e {background: #1f2937;border: 1px solid #63666a;color: #d1d5db;}

.darkmode #comment_cap {background: #101827;border: 1px solid #63666a;color: #d1d5db;}

.darkmode #allcomment li {border: solid 1px #63666a;background-color: #111827;color: #d1d5db;}

.darkmode .rb_answer .rb_text_answer {margin-top: 15px;background-color: #1f2937;border: dashed 1px #63666a;color: #b07d7d;}

.darkmode #allcomment li span {color: #e5e7eb;}

.darkmode span.date_cm {background-color: #2a2525;}

.darkmode .btn_send_answer {background-color: #133334;}

.darkmode input[name="submitreg"] {background: #1a323e;}

.darkmode input[name="submitreg"]:hover {background: #000000;}

.darkmode .btn_remove_answer {background: #430605;}

.darkmode .YN.yn-article-text .yn-item_title {color: rgb(194 195 195);}

.darkmode #yn-article-text-16903 .yn-heading {color: #bec2c2 !important;}

.darkmode .rb_text_default {color: #38bdf8 !important;}

.darkmode #allcomment li.is_comment.is_sub {background-color: #242e38;border-right: 3px #333a42 solid;}

.darkmode .link:hover {background: #1f2937;}

.darkmode a.TelegramBanner{background: linear-gradient(54deg,#0f2441,#2c5769);}

.darkmode a.TelegramBanner span:nth-child(3){background: #20548cfc;}

.darkmode a.DiscordBanner{background: linear-gradient(54deg,#10143c,#474d8a);}

.darkmode a.DiscordBanner span:nth-child(3){background: #4d5186;}

.darkmode .f-loginbox .col_75 input{border: solid 1px #505152;background: #1f2937;color: fff;}

.darkmode .rb_row_form.rb_login_btn .col_100 input{background: #694c0d;}

.darkmode .accordion li.open i {color: #ffffff;}

.darkmode .dl-box-app-info .dl-box-content p font {color:c1c2c2;}

.darkmode .dl-box-app-info .dl-box-content span {background: none !important;color: c1c2c2 !important;}

.darkmode .rb_row_form.rb_login_btn .col_100 input:hover {background: #765515;color:fff;}

.darkmode .f-searchbox input[type="text"] {background-color: #1d1e1f;color: fff;}

.darkmode .dl-box-app-info h6 {background: rgb(38 58 46 / 90%);}

.darkmode .rb_form_4 textarea { background: rgb(16 24 39);border-color: rgb(99, 102, 106);}


.darkmode #sunbright{
 display:flex
}

.darkmode .alert-box {
  background-color: #1e1b17;
  border-right-color: #facc15;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.3);
}


.darkmode .alert-icon {
  color: #fde047;
}


.darkmode .alert-title {
  color: #facc15;
}


.darkmode .alert-list {
  color: #fef08a;
}

.darkmode .accordion-box {
  background: linear-gradient(135deg, #1e293b 0%, #0f172a 100%);
  border-right-color: #3b82f6;
  color: #e2e8f0;
  box-shadow: 0 8px 20px rgba(96, 165, 250, 0.2);
}


.darkmode .accordion-box h4 {
  color: #3b82f6;
  border-bottom-color: #3b82f6;
}


.darkmode .accordion-item {
  border-bottom: 1px solid #334155;
}


.darkmode .accordion-title {
  color: #e2e8f0;
}


.darkmode .accordion-title:hover {
  background-color: #1e40af33; /* semi-transparent hover */
}


.darkmode .accordion-title svg.icon {
  filter: drop-shadow(0 0 1px rgba(147, 197, 253, 0.6));
}


.darkmode .accordion-content {
  color: #cbd5e1;
}


.darkmode .accordion-box .arrow {
  fill: #3b82f6;
}

.darkmode .report-box {
  background: #1e1e1e;
  border-color: #333;
  box-shadow: 0 2px 8px rgba(255,255,255,0.05);
}


.darkmode .report-text {
  color: #e5e7eb;
}


.darkmode .report-button {
  background: #c0392b;
  color: #ffffff;
}


.darkmode .report-button:hover {
  background: #a93226;
}


.darkmode .rate-box {
  position: relative;
  max-width: 500px;
  margin: 0 auto 0;
  padding: 20px 24px;
  background: linear-gradient(135deg, #1f1f1f, #2a2a2a);
  border: 1px solid #d4af37;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
  font-family: "Vazirmatn", "Segoe UI", sans-serif;
  color: #f3f4f6;
  text-align: center;
  overflow: hidden;
  transition: all 0.3s ease;
}


/* ستاره‌های تزئینی پراکنده */
.darkmode .rate-stars {
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 0;
}


.darkmode .rate-stars span {
  position: absolute;
  color: #facc15;
  opacity: 0.15;
  font-size: 14px;
  animation: floatStar 6s infinite ease-in-out alternate;
}


/* موقعیت‌های تصادفی برای ستاره‌ها */
.darkmode .rate-stars span:nth-child(1) { top: 12px; left: 16px; font-size: 16px; }

.darkmode .rate-stars span:nth-child(2) { top: 50px; left: 80%; font-size: 12px; }

.darkmode .rate-stars span:nth-child(3) { top: 35%; left: 60px; font-size: 14px; }

.darkmode .rate-stars span:nth-child(4) { bottom: 20px; right: 40px; font-size: 13px; }

.darkmode .rate-stars span:nth-child(5) { bottom: 40px; left: 10%; font-size: 15px; }


.darkmode .rate-header {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 10px;
  margin-bottom: 14px;
  z-index: 1;
  position: relative;
}


.darkmode .rate-header svg {
  width: 30px;
  height: 30px;
  fill: #facc15;
  transition: transform 0.3s ease;
}


.darkmode .rate-box:hover .rate-header svg {
  transform: rotate(-5deg) scale(1.1);
}


.darkmode .rate-title {
  font-size: 18px;
  font-weight: 700;
  color: #f9fafb;
}


.darkmode .rate-content {
  font-size: 32px;
  font-weight: 700;
  color: #fffffffff;
  margin-top: 6px;
  position: relative;
  z-index: 1;
}


.darkmode .rate-content small {
  font-size: 14px;
  font-weight: 400;
  color: #d1d5db;
  display: block;
  margin-top: 6px;
}

  
  .darkmode .share-container {
  background: linear-gradient(135deg, #1e293b, #0f172a);
  box-shadow: none;
  color: #d1d5db;
}


.darkmode .share-title {
  color: #a5b4fc;
}


.darkmode .share-box {
  /* فقط رنگ متن پیشفرض */
  color: #d1d5db;
}


.darkmode .social-button.telegram { background: #2a82b9; }

.darkmode .social-button.whatsapp { background: #128c4a; }

.darkmode .social-button.twitter  { background: #1c9bf0; }

.darkmode .social-button.facebook { background: #145dbf; }


.darkmode .link-shortener input {
  background: #1e293b;
  border: 1px solid #475569;
  color: #cbd5e1;
}


.darkmode .link-shortener input:focus {
  border-color: #818cf8;
  background: #334155;
  color: #e0e7ff;
}


.darkmode .link-shortener button {
  background-color: #818cf8;
  color: #1e293b;
}


.darkmode .link-shortener button:hover {
  background-color: #6366f1;
  color: #f9fafb;
}

.article:hover ,.darkmode .article:hover{
background-color: transparent;
}



.darkmode #padding1 {
  max-width: 100%;
  margin: 30px auto 50px;
  padding: 20px 24px;
  font-family: "IRANSansX", "Segoe UI", Tahoma, sans-serif;
  color: #d1d5db; /* خاکستری روشن برای متن */
  border-radius: 16px;
  background: #1f2937;
  box-shadow: none; /* سایه طلایی کم‌رنگ */
  border: 1px solid #ca8a04; /* طلایی تیره */
  transition: box-shadow 0.3s ease;
}


.darkmode #padding1:hover {
  box-shadow: none;
}

.darkmode .tags {
  margin-top: 20px;
  text-align: center;
}


.darkmode .tags a {
  display: inline-block;
  margin: 0 8px 8px 0;
  padding: 8px 18px;
  font-size: 14px;
  font-weight: 700;
  color: #fde68a;
  background: linear-gradient(135deg, #92400e, #b45309);
  border-radius: 18px;
  text-decoration: none;
  box-shadow: 0 4px 10px rgba(251, 191, 36, 0.6);
  transition: background 0.3s ease, color 0.3s ease;
}


.darkmode .tags a:hover {
  background: linear-gradient(135deg, #b45309, #92400e);
  color: #111827;
}



.darkmode .feature-box {
  background-color: #1a1a1a;
  border-color: #005577;
}


.darkmode .feature-box .title {
  color: #3399ff;
}


.darkmode .feature-box li {
  color: #e5e7eb;
}


.darkmode .feature-box li::before {
background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22%2300cc44%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20d%3D%22M9%2016.2l-4.2-4.2-1.4%201.4L9%2019%2021%207l-1.4-1.4z%22/%3E%3C/svg%3E");
}


  .darkmode .image-box {
    background-color: #1a1a1a;
    border-color: #007755;
  }


  .darkmode .image-box .title {
    color: #33cc88;
  }

/* ===== Dark Mode ===== */
.darkmode .z-navbar {
  background-color: #111827eb;
  color: #f0f0f0;
}

.darkmode .z-navbar-links a:hover {
  background: rgba(255,255,255,0.1);
}

.darkmode .z-dropdown-menu {
  background: #111827eb;
  color: #f0f0f0;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.5);
}

.darkmode .z-dropdown-menu li a {
  color: #f0f0f0;
}

.darkmode .z-dropdown-menu li a:hover {
  background: #ff9800;
  color: #ffffff;
}

.darkmode .z-user-dropdown {
  background: #2a2a40;
  color: #f0f0f0;
}

.darkmode .z-user-dropdown li a {
  color: #f0f0f0;
}

.darkmode .z-user-dropdown li a:hover {
  background: #ff9800;
  color: #ffffff;
}

.darkmode .z-modal-content {
  background: #2a2a40;
  color: #f0f0f0;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.5);
}

.darkmode .z-modal-close {
  color: #aaa;
}

.darkmode .z-modal-close:hover {
  color: #ff4d4d;
}

.darkmode .z-tab-btn {
  color: #bbb;
}

.darkmode .z-tab-btn.active {
  color: #ff9800;
  border-color: #ff9800;
}

.darkmode .z-register-form input {
  background: #3a3a50;
  color: #f0f0f0;
  border: 1px solid #555;
}

.darkmode .z-register-form button {
  background: linear-gradient(135deg, #ff9800, #ff5722);
}

.darkmode .z-register-form button:hover {
  background: linear-gradient(135deg, #ff5722, #ff9800);
}

.darkmode .z-login-form input,
.darkmode .z-search-form input[type="text"] {
  background: #3a3a50;
  color: #f0f0f0;
  border: 1px solid #555;
}

.darkmode .z-login-form input::placeholder,
.darkmode .z-search-form input[type="text"]::placeholder {
  color: #bbb;
}


.darkmode .z-login-form button,
.darkmode .z-search-form button {
  background: linear-gradient(135deg, #ff9800, #ff5722);
}

.darkmode .z-login-form button:hover,
.darkmode .z-search-form button:hover {
  background: linear-gradient(135deg, #ff5722, #ff9800);
}


/* ===== Dark Mode for Links ===== */
.darkmode .z-login-links a {
  background: #3a3a50;
  color: #f0f0f0;
}

.darkmode .z-login-links a:hover {
  background: #ff9800;
  color: #ffffff;
}


/* ===== Dark Mode ===== */
.darkmode .z-sidebar {
  background: #1e1e2f;
}

.darkmode .z-sidebar-links li a {
  color: #f0f0f0;
}

.darkmode .z-sidebar-links li a:hover {
  background: #ff9800;
  color: #ffffff;
}


/* Dark Mode */
.darkmode .z-sidebar-submenu li a {
  color: #bbb;
}

.darkmode .z-sidebar-submenu li a:hover {
  background: #ff9800;
  color: #ffffff;
}

.darkmode .z-sidebar-submenu::-webkit-scrollbar-thumb {
  background-color: #ff9800;
}

.darkmode .z-sidebar-submenu::-webkit-scrollbar-thumb:hover {
  background-color: #f78c2f;
}




.darkmode #mediaad-Vhst .ni-ellipsis {color: #d1d5db; }

.darkmode #mediaad-Vhst .ni-widget-header-span {color: #d1d5db;}

.darkmode #mediaad-W2Zkg .ni-ellipsis {color: #d1d5db;}

.darkmode #mediaad-W2Zkg .ni-widget-header-span {color: #d1d5db;}

.darkmode .leftside2 {background-color: #1f2937;box-shadow: 0 3px 6px #111827;}

.darkmode .tapsell-native-slider-wrapper {border: 2px solid #374151;}

.darkmode .ni-related-container {background-color: #1f2937 !important;}

.darkmode .rb_form_4 input {background-color: #101827;border-color: #63666a;}

.darkmode #mediaad-YwVpQ .ni-ellipsis {color:#e5e7eb;}

.darkmode #mediaad-YwVpQ .ni-widget-header-span{color:#9c9c9c}

.darkmode #mediaad-YwVpQ .ni-ellipsis:hover {color: #ffffff;}



.darkmode code {
  background-color: #1e1e1e; /* پس‌زمینه تیره */
  color: #dcdcdc;            /* رنگ متن روشن برای خوانایی */
  border-radius: 4px;
  border: 1px solid #333;
}

/* کانتینر کلی صفحه‌بندی */
.pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  margin: 20px auto;
  font-family: 'Tahoma', sans-serif;
}

/* شماره صفحه فعلی */
.pagination_current {
  background-color: #ff9800;
  color: white;
  padding: 6px 12px;
  border-radius: 5px;
  font-weight: bold;
}

/* لینک سایر صفحات */
.rb_number_page.off, .rb_previous_page.off, .rb_next_page.off
 {
    background-color: #f0f0f0;
    color: #333;
    padding: 6px 12px;
    border-radius: 5px;
    text-decoration: none;
    transition: all 0.2s ease-in-out;
}

.rb_number_page.off:hover,
.rb_next_page.off:hover {
  background-color: #ff9800;
  color: white;
}

.rb_number_page.disabled,
.rb_next_page.disabled {
  pointer-events: none;
  opacity: 0.5;
  background-color: #e0e0e0;
}
.darkmode .rb_number_page.off,.darkmode .rb_previous_page.off,.darkmode .rb_next_page.off {
    background-color: #171d24;
    color: #afabab;}
.darkmode .rb_number_page.off:hover,
.darkmode .rb_next_page.off:hover {
  background-color: #ff9800;
  color: white;
}


.postmeta-lite-container {
  max-width: 100%;
  margin: 20px auto 32px;
  padding: 12px 16px;
  font-family: "IRANSansX", "Segoe UI", Tahoma, sans-serif;
  color: #374151;
  background: #f9fafb;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
  box-sizing: border-box;
}

.postmeta-lite {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 10px;
  font-size: 13.5px;
}

.postmeta-lite span {
  display: flex;
  align-items: center;
  gap: 5px;
  background: #eef2ff;
  color: #374151;
  padding: 4px 10px;
  border-radius: 8px;
  font-weight: 500;
  white-space: nowrap;
  box-shadow: 0 1px 3px rgba(99, 102, 241, 0.08);
  transition: background-color 0.2s ease;
}

.darkmode .postmeta-lite-container {

  background: #121b2d;
  border: none;
}

.darkmode .postmeta-lite span {color:#f0f0f0;}
.darkmode .postmeta-lite span:hover {color:#fff;}


.postmeta-lite span i {
  font-size: 14px;
  color: #6366f1;
}

.postmeta-lite span:hover {
  background-color: #6366f1;
  color: #000;
}

@media (max-width: 600px) {
  .postmeta-lite {
    justify-content: space-between;
  }

.postmeta-lite span {
    flex: 1 1 calc(50% - 5px);
    justify-content: center;
    font-size: 12px !important;
    padding: 3px 4px;
}
}

.rb_row {
    flex-direction: column;
}

a.DonateBanner {
  margin-right: 7px;
  display: inline-block;
  width: calc(100% - 7px);
  padding: 10px;
  background: linear-gradient(54deg, #4A00E0,#8E2DE2 ); /* بنفش به آبی */
  font-family: iranyekan;
  font-size: 15px;
  text-decoration: none;
  color: #fff;
  border-radius: 3px;
  margin-bottom: 10px;
}

a.DonateBanner span:nth-child(3) {
  margin: 8px 100px 0 0;
  font-size: 10px;
  background: rgba(142, 45, 226, 0.7); /* بنفش شفاف */
  color: #fff;
  padding: 3px 6px;
  border-radius: 3px;
  direction: ltr;
  display: inline-block;
}

a.DonateBanner span:nth-child(2) {
  float: left;
  font-size: 50px;
  margin-left: 10px;
  display: inline-flex;
  transition: .3s;
}

a.DonateBanner:hover span:nth-child(2) {
  transform: scale(1.2);
}

.darkmode a.DonateBanner {
  background: linear-gradient(54deg,#1f005c , #3b0066); /* حالت تیره بنفش-آبی */
}

.darkmode a.DonateBanner span:nth-child(3) {
  background: rgba(59, 0, 102, 0.7);
}


.custom-modal-overlay {
  display: none;
  position: fixed;
  z-index: 9999999999;
  inset: 0;
  background: rgba(0, 0, 0, 0.6);
  justify-content: center;
  align-items: center;
}

.custom-modal-overlay.active {
  display: flex;
}

.custom-modal-content {
  background: #fff;
  max-width: fit-content;
  width: 90%;
  max-height: 90vh;
  overflow-y: auto;
  padding: 20px;
  border-radius: 10px;
  position: relative;
  direction: rtl;
}


.darkmode .custom-modal-close
 {
    color: #aaa;
}

.custom-modal-close {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    font-size: 1.8rem;
    color: #888;
    cursor: pointer;
    transition: color 0.3s ease, transform 0.3s ease;
}
.custom-modal-close:hover {
  color: #f44336;
  transform: rotate(90deg);
}


.custom-modal-overlay h2 {
  text-align: center;
  margin-bottom: 25px;
  color: #333;
  font-size: 20px;
}


.custom-modal-overlay .col_20 {
  display: none; /* پنهان می‌شه چون جایگزین شد با placeholder */
}

.custom-modal-overlay .col_80 input,
.custom-modal-overlay .col_80 textarea {
  width: 100%;
  padding: 11px 14px;
  border: 1px solid #ccc;
  border-radius: 8px;
  font-size: 15px;
  transition: border-color 0.3s, box-shadow 0.3s;
  background-color: #fff;
}

.custom-modal-overlay .col_80 input:focus,
.custom-modal-overlay .col_80 textarea:focus {
  border-color: #007bff;
  box-shadow: 0 0 8px rgba(0, 123, 255, 0.3);
  outline: none;
}

.custom-modal-overlay .col_80 textarea {
  resize: vertical;
  min-height: 100px;
}

.custom-modal-overlay .rb_btn {
  padding: 10px 20px;
  border: none;
  border-radius: 8px;
  background-color: #007bff;
  color: #fff;
  font-size: 15px;
  cursor: pointer;
  transition: background-color 0.3s ease;
  margin-left: 8px;
}

.custom-modal-overlay .rb_btn:hover {
  background-color: #0056b3;
}

.custom-modal-overlay .rb_btn_reset {
  background-color: #6c757d;
  color: #fff;
}

.custom-modal-overlay .rb_btn_reset:hover {
  background-color: #5a6268;
}

.custom-modal-overlay .contact_capcha {
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.custom-modal-overlay .contact_capcha input {
  flex: 1;
}

.custom-modal-overlay .contact_capcha img {
  height: 38px;
  margin-top: 0;
  cursor: pointer;
}

/* موبایل */
@media (max-width: 600px) {

.custom-modal-content
 {
    max-width: -webkit-fill-available;
    max-height: 90vh;
    overflow-y: auto;
    margin: 20px;
}
.custom-modal-overlay .rb_btn {
    width: 100% !important;
        margin: 1px 0 0 0 !important;  }

.custom-modal-overlay .rb_btn_reset {
    width: 100%;
    margin-top: 10px;
  }

.custom-modal-overlay .contact_capcha {
    flex-direction: column;
    align-items: stretch;
  }
  
  .col_80 input,
.col_80 textarea {
padding: 5px 10px !important;
}
.custom-modal-overlay h2 {
display:none;
}
#Contact_Site {
    margin-top: 30px;
}
  
}



.rb_captcha
 {
width: fit-content;}


.darkmode .custom-modal-content {
background: #2a2a40;
}
.darkmode .custom-modal-overlay h2 {
  color: #f0f0f0;
}

.darkmode .col_80 input,
.darkmode .col_80 textarea {
  background-color: #3a3a50;
  border: 1px solid #555;
  color: #f1f1f1;
}

.darkmode .col_80 input::placeholder,
.darkmode .col_80 textarea::placeholder {
  color: #bbbbbb;
}

.darkmode .col_80 input:focus,
.darkmode .col_80 textarea:focus {
  border-color: #66afe9;
  box-shadow: 0 0 8px rgba(102, 175, 233, 0.6);
  background-color: #333344;
}

.darkmode .rb_btn {
  background-color: #4a90e2;
  color: #fff;
}

.darkmode .rb_btn:hover {
  background-color: #357ab8;
}

.darkmode .rb_btn_reset {
  background-color: #555;
  color: #fff;
}

.darkmode .rb_btn_reset:hover {
  background-color: #444;
}

.darkmode .contact_capcha img {
  filter: brightness(0.8) invert(0.9);
}

    table {
      width: 100%;
      max-width: 600px;
      margin: auto;
      border-collapse: collapse;
      background-color: #fff;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
      border-radius: 8px;
      overflow: hidden;
    }

    thead {
      background-color: #222;
      color: #fff;
    }

    th, td {
      padding: 12px 16px;
      text-align: center;
      border-bottom: 1px solid #e0e0e0;
    }

    tbody tr:hover {
      background-color: #f0f0f0;
    }

    @media (max-width: 480px) {
      table, thead, tbody, th, td, tr {
        display: block;
      }

      th {
        background-color: #222;
      }

      td {
        text-align: right;
        padding: 10px;
        position: relative;
        padding-right: 50%;
      }

      td::before {
        content: attr(data-label);
        position: absolute;
        right: 16px;
        font-weight: bold;
        color: #555;
      }

      tr {
        margin-bottom: 10px;
        background: #fff;
        border: 1px solid #ddd;
        border-radius: 6px;
      }
    }

 .darkmode table {
    background-color: #2a2a2a;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
  }

  .darkmode thead {
    background-color: #111;
    color: #eee;
  }

  .darkmode tbody tr:hover {
    background-color: #333;
  }

  .darkmode td::before {
    color: #aaa;
  }

.darkmode th, .darkmode td {
    padding: 12px 16px;
    text-align: center;
    border-bottom: 1px solid #494545;
    color: #d1d5db;
}


    @media (max-width: 480px) {
      table, thead, tbody, th, td, tr {
        display: block;
      }

    .darkmode  th {
        background-color: #000;
      }

    .darkmode  td {
        text-align: right;
        padding: 10px;
        position: relative;
        padding-right: 50%;
        background-color: #2a2a2a;
      }

   .darkmode   td::before {
        content: attr(data-label);
        position: absolute;
        right: 16px;
        font-weight: bold;
        color: #aaa;
      }

    .darkmode  tr {
        margin-bottom: 10px;
        border-radius: 6px;
        border: 1px solid #494545;
      }
    }
    
    
    
    .code-box {
      position: relative;
    background-color: #eef1f5;
    color: #111827;
      padding: 1rem;
      border-radius: 10px;
      overflow: auto;
      font-family: monospace;
      margin-bottom: 2rem;
    }
    
         .darkmode .code-box {
  background-color: #1e1e1e;
      color: #dcdcdc;

    }
    

    .copy-btn {
      position: absolute;
      top: 10px;
      left: 10px;
      background-color: #444;
      color: white;
      border: none;
      border-radius: 5px;
      padding: 5px 10px;
      cursor: pointer;
      font-size: 0.8rem;
      transition: background 0.3s;
    }

    .copy-btn:hover {
      background-color: #666;
    }

    pre {
      margin: 0;
      white-space: pre-wrap;
      word-wrap: break-word;
    }
    
    .code-box code {
    background-color: transparent;
    color: #111827;

}

.darkmode .code-box code
 {
    background-color: #1e1e1e;
    color: #dcdcdc;
    border: 0px;
}
.darkmode .dl-box-content p a {
    color: #ab4c4c;
}
.darkmode .dl-box-content p a:hover
 {
    color: #b90d33;
}
.darkmode .dl-box-download .dl-box-content a:hover
 {
    color: #b90d33;
}
.download-guide{
    margin-top:15px;
    border:1px solid #e3e3e3;
    border-radius:6px;
    overflow:hidden;
}

.download-guide-header{
    padding:10px 12px;
    background:#f7f7f7;
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-weight:bold;
}

.download-guide-content{
    display:none;
    padding:12px;
    line-height:28px;
    background:#fff;
}

.download-guide.active .download-guide-content{
    display:block;
}

.guide-icon{
    transition:.3s;
}

.download-guide.active .guide-icon{
    transform:rotate(45deg);
}
.guide-item{
    border:1px solid #ececec;
    border-radius:6px;
    margin-bottom:8px;
    overflow:hidden;
}

.guide-question{
    padding:10px;
    background:#fafafa;
    cursor:pointer;
    font-weight:bold;
    font-size:15px;
}

.guide-question:hover{
    background:#f0f0f0;
}

.guide-answer{
    display:none;
    padding:10px;
    line-height:26px;
    background:#fff;
        font-size:14px;

}

.guide-item.open .guide-answer{
    display:block;
}


.darkmode .download-guide{
    margin-top:15px;
    border:1px solid #3f3f46;
    border-radius:8px;
    overflow:hidden;
    background:#1e1e1e;
    box-shadow:0 2px 8px rgba(0,0,0,.25);
}

.darkmode .download-guide-header{
    padding:12px 14px;
    background:#252526;
    color:#f4f4f5;
    cursor:pointer;
    display:flex;
    justify-content:space-between;
    align-items:center;
    font-weight:700;
    transition:.2s;
}

.darkmode .download-guide-header:hover{
    background:#2d2d30;
}

.darkmode .download-guide-content{
    display:none;
    padding:12px;
    line-height:28px;
    background:#1e1e1e;
    color:#d4d4d8;
}

.darkmode .download-guide.active .download-guide-content{
    display:block;
}

.darkmode .guide-icon{
    color:#a1a1aa;
    transition:.25s ease;
}

.darkmode .download-guide.active .guide-icon{
    transform:rotate(45deg);
}

.darkmode .guide-item{
    border:1px solid #3f3f46;
    border-radius:8px;
    margin-bottom:10px;
    overflow:hidden;
    background:#252526;
}

.darkmode .guide-question{
    padding:12px;
    background:#2d2d30;
    color:#fafafa;
    cursor:pointer;
    font-weight:600;
    transition:.2s;
}

.darkmode .guide-question:hover{
    background:#3a3a3f;
}

.darkmode .guide-answer{
    display:none;
    padding:12px;
    line-height:28px;
    background:#252526;
    color:#d4d4d8;
}

.darkmode .guide-answer a{
    color:#60a5fa;
}

.darkmode .guide-answer b{
    color:#ffffff;
}

.darkmode .guide-item.open .guide-answer{
    display:block;
}
.guide-question::before{
    content:"◂";
    color:#60a5fa;
    margin-right:8px; 
    transition:.2s;
    flex-shrink:0;
}

 .guide-item.open .guide-question::before{
    transform:rotate(-90deg);
    display:inline-block;
}


.dl-info-row{ display:flex; justify-content:space-between; align-items:center; gap:15px; } .dl-info-label{ color:#64748b; font-size:13px; font-weight:700; white-space:nowrap; } .dl-info-value{ color:#0f172a; font-weight:800; text-align:left; direction:ltr; gap:8px; flex:1; font-weight:700; } .dl-info-value a{ color:#2563eb !important; text-decoration:none; white-space:nowrap; } .dl-info-value a:hover{ color:#1d4ed8 !important; } .darkmode .dl-info-label{ color:#94a3b8; } .darkmode .dl-info-value{ color:#f1f5f9; } .dl-box-download .dl-box-content p:first-child a{ display:flex; justify-content:center; align-items:center; padding:16px; border-radius:12px; background: linear-gradient( 90deg, #7c3aed, #2563eb ); color:#fff !important; font-size:15px; font-weight:800; letter-spacing:.3px; text-decoration:none; box-shadow: 0 0 20px rgba(124,58,237,.25); transition:.3s; } .dl-box-download .dl-box-content p:first-child a:hover{ transform:scale(1.02); box-shadow: 0 0 30px rgba(124,58,237,.4); } .dl-box-content img { display: none !important; } .dl-box-download .dl-box-content p:nth-child(2), .dl-box-download .dl-box-content p:nth-child(3){ position:relative; } 
.dl-box-download .dl-box-content p{

    position:relative;
}

.dl-box-download .dl-box-content p:not(:first-child):not(:last-child)::after{

    content:"";

    position:absolute;

    bottom:-6px;

    left:12px;
    right:12px;

    height:1px;

    background:
        linear-gradient(
            to left,
            transparent,
            rgba(148,163,184,.35),
            transparent
        );
}



.copy-password-btn{

    width:32px;
    height:32px;

    border:none;

    border-radius:8px;

    cursor:pointer;

    background:#eff6ff;

    color:#2563eb;

    transition:.25s;

    vertical-align:middle;
}
.copy-password-btn:hover{ background:#dbeafe; transform:scale(1.05); } 
.copy-password-btn svg{ width:16px; height:16px; } .darkmode .copy-password-btn{ background:#334155; color:#93c5fd; } .darkmode .copy-password-btn:hover{ background:#475569; }
.dl-info-label i{

    width:18px;

    margin-left:8px;

    text-align:center;

    color:#3b82f6;

    font-size:14px;
}

.darkmode .dl-info-label i{

    color:#60a5fa;
}