@font-face {
    font-family: 'fsan';
    src: url('../fonts/iransans.eot');
    src: url('../fonts/iransans.eot') format('embedded-opentype'), url('../fonts/iransans.woff') format('woff'), url('../fonts/iransans.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
 
body {
    font-family: fsan, arial;
    font-size: 14px !important; 
    background: #fff;
    color: #000 !important;
	direction:rtl;
	text-align: right;
}
/* دیزاین آلرت های بوت استرپ */
.btn-link,
a,
a:hover { 
    text-decoration: none !important;
}
.form-control:focus,
.form-select:focus,
.form-check-input:focus ,
button:focus {
    box-shadow: none !important;
}


/* پایان دیزاین آلرت های بوت استرپ */

video,
img{
    max-width: 100%;
    height: auto;
}
a:focus{
    outline: none;
}
a {
    color: #8700c0;
}
::placeholder {
    color: #000;
    opacity: 1;
}
::selection {
    background: rgba(78,84,200,.15);
}
.btn {
    text-transform: initial !important;
}
.container, .container-lg, .container-md, .container-sm, .container-xl{
    max-width: 1510px !important;
}
.container.small_container{
    max-width: 1200px !important;
}
.container-fluid{
    padding: 0 !important;
}
input:focus{
    outline: none !important;
}
/***********/
.maincontent {
    padding-top: 80px;
}
header{ 
    width: 100%;
    float: right;
}
/*header .container{ 
    display: flex;
    align-items: center;
    justify-content: space-between;
}*/
.header{
    padding: 10px 0;
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    z-index: 99999;
    background: #fff;
}
.header.shadow{
    box-shadow:0 8px 20px 0 rgba(0,0,0,.1) !important;
}
header .row{ 
    align-items: center; 
}
header .col-lg-8 {
    display: flex;
    align-items: center;
}
.desktop_logo {
    float: right; 
}
.desktop_logo img{
    width: 130px;
}  
.mobile_logo img{
    width: 52px;    
} 
.mani_menu_toggler svg{
    height: 21px;
    color: rgb(75, 86, 107, 0.8);
}
.mani_menu_toggler circle {
    fill: rgba(75, 86, 107, 0.8);
}
.mani_popuplogin{
    float: left; 
}   
.accordion_search {
    position: relative;
    margin: 10px 0 ;
}
.accordion_search .mdb-select{
    width: 120px;
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    height: 44px;
} 
.accordion_search .mdb-select .select-dropdown.form-control {    
    margin: 0 !important;
    height: 44px !important;
    border: none !important;
    padding: 10px 20px 10px 30px !important;
    border-radius: 0 4px 4px 0 !important;
    font-size: 14px !important;
    background: #eee url("../images/select-option.png") no-repeat 12px 18px;
    background-size: 13px;
}
.accordion_search .mdb-select .dropdown-content{
    padding: 0 !important;
}
.accordion_search .mdb-select .dropdown-content li{
    text-align: right !important;
    font-size: 13px !important;
}
.accordion_search .mdb-select .dropdown-content li > a, 
.accordion_search .mdb-select .dropdown-content li > span{
    font-size: 13px !important;
    color: #333 !important;
}
/*
.accordion_search .mdb-select:before{
    content: "\e874";
    font-family: 'linearicons';
    position: absolute;
    left: 15px;
    top: 12px;
    z-index: 99;
    font-size: 13px;
}*/
.accordion_search input.inputbox {
    margin: 0;
    color: #4b566b;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dae1e7;
    border-radius: 4px;
    box-shadow: 0 0 0 0 transparent;
    transition: border-color .2s ease-in-out,box-shadow .2s ease-in-out;
    width: 100%;
    height: 44px;
    padding: 10px 135px 10px 55px;
}
.accordion_search input.inputbox:focus{ 
    color: #4b566b;
    background-color: #fff;
    border-color: rgba(135,0,192,.3) !important;
    outline: 0;
    box-shadow: 0 0 0 0 transparent,0 .375rem .625rem -.3125rem rgba(254,105,106,.15) !important; 
}
.accordion_search .button {
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 50px;
    border: none;
    background: #8700c0;
    border-radius: 4px 0 0 4px;
    color: #fff;
    font-size: 21px;
    line-height: 52px;
} 
header .nav{
    float: left;
    padding: 0;
    margin-right: 15px; 
    margin-top: 4px;
}
header .nav a {  
    color: rgba(135, 0, 192, 1);
    background: rgba(124, 2, 176, 0.1); 
    padding: 8px 20px;
    border-radius: 4px;
    display: inline-block;
    -webkit-transition: all ease-in-out .2s;
    transition: all ease-in-out .2s; 
}
header .nav a:hover{
    background: #8700c0;
    color: #fff; 
    box-shadow: none;
}
.navbar-tool-tooltip {
    display: block;
    position: absolute;
    top: -.5rem;
    left: 50%;
    transform: translateX(-50%);
    transition: opacity .2s ease-in-out,top .2s ease-in-out;
    padding: .0625rem .375rem;
    border-radius: .1875rem;
    background-color: #2b3445;
    color: #fff;
    font-size: .6875rem;
    white-space: nowrap;
    opacity: 0;
    line-height: normal;
    z-index: 1;
}
.search_btn {
    float: left;
    display: inline-block;
    width: 45px;
    height: 45px;
    text-align: center;
    font-size: 21px;
    color: #4b566b;
    position: relative;
    line-height: 46px; 
}
.search_btn:hover{
    color: #4b566b;    
}
.search_btn .lnr{
    line-height: 41px;   
}
.search_btn:hover .navbar-tool-tooltip {
    top: -.6rem;
    opacity: .9;
}
.mobile_logo{
    display: none;
}
.mod_mani_menu{
/*    margin-top: 5px;*/
    width: auto !important; 
   /* max-width: 75%;*/
}
/**********/  
/******/
footer{    
    color: rgba(255,255,255,0.5);
    clear: both;
    width: 100%;
    float: right;
}
.footer_row1 {
    padding: 60px 0;
    background:#373F50;
    width: 100%;
    float: right;
} 
.footer_row2 {
    background:#2B3445;
    padding-top: 35px;
    padding-bottom: 35px;
    width: 100%;
    float: right;
} 
.footer_module h3 {
    color: #fff;
    margin-bottom: 25px;
    font-size: 20px;
}
/*
footer .nav {
    padding: 0;
    margin: 0;
    list-style: none;
    display: block;
}
footer .nav li {
    position: relative;
}
footer .nav li span,
footer .nav li a {
    color: rgba(255,255,255,0.65);
    display: block;
    font-size: 13px;
    padding:6px 0;
} */
.feedburner {
    text-align: center;   
    padding-bottom: 16px;
    margin-bottom: 24px;
}
.feedburner h4 {
    color: #fff;
    font-size: 20px;
    font-weight: 400;
    letter-spacing: .05em;
    position: relative;
    text-transform: uppercase;
    margin-bottom: 18px;
}
.feedburner form > div {
    position: relative;
    width: 450px;
    margin: 0 auto;
    max-width: 100%;
}
.feedburner form > div:before{
    content: "\f32f";
    font-family: bootstrap-icons !important;
    position: absolute;
    right: 8px;
    top: 0;
    color: #000;
    font-size: 18px;
    width: 30px;
    height: 44px;
    line-height: 40px;
}
.feedburner .email {
    width: 100%;
    background-color: #fff;
    color: #000;
    padding: 6px 40px 6px 100px;
    border: none !important;
    border-radius: 6px 5px 5px 6px;
    height: 44px;
}
.feedburner h6{
    margin: 8px 0 0;
    color: rgb(255, 255, 255);
    font-size: 12px;
    line-height: normal;
    opacity: 0.5;
}
.feedburner .email::placeholder {
    color: #7f7f7f;
}
.feedburner .email:focus{
    border: none !important;
    box-shadow: none !important;
}
.feedburner .submit_btn{
    position: absolute;
    left: 0;
    top: 0;
    min-width: 100px;
    padding: 10px 25px;
    font-size: 13px;
    line-height: 16px;
    background: rgb(124, 2, 176);
    height: 44px;
    border: none;
    color: #fff;
    border-radius:5px 0 0 5px;
}
.footer_row4 {
    padding: 24px 12px 0 !important;
    line-height: 30px;
    border-top: solid 1px rgba(255,255,255,.12);
}
.footer_row4 .row{
    align-items: center;
}
.namad { 
    float:left;
}
.namad h6 {
    font-size: 14px;
}
.namad h6 .bi {
    color: #50B83C;
    margin-left: 6px;
    font-size: 16px;
    position: relative;
    top: 2px;
}
.namad a {
    display: inline-block;
    /* background: rgb(176, 180, 184); */
    /* border-radius: 5px; */
    margin-left: 5px;
    /* padding: 5px; */
}
.namad a:last-child{
    margin:0;
}
/*************/ 
.sidebar_module {
    margin: 30px 0 0;
    padding: 30px 20px 0;
    border-top: 1px solid #e3e9ef;
    width: 100%;
    float: right;
}
.sidebar_module:first-child{ 
    padding: 0;
    border: none;
    margin: 0;
}
.sidebar_module > h3 {
    margin-bottom: 22px;
    font-size: 17px;
    color: rgb(55, 63, 80);
    font-weight: bold;
}
.sidebar_module .mani_news_swiper{
    margin: 0 !important;
}
/*******/
.tagspopular a {
    display: inline-block;
    margin-left: 5px;
    margin-bottom: 8px;
    padding: 6px 9px;
    transition: color .25s ease-in-out,background-color .25s ease-in-out,border-color .25s ease-in-out,box-shadow .2s ease-in-out;
    border: 1px solid #e3e9ef;
    border-radius: 4px;
    color: #4b566b;
    font-size: 12px;
}
.tagspopular a:hover{
    border-color: #8700c0;
    background: #8700c0;
    color: #fff;
}
/********/
.mani_categories_module{
    list-style: none;
    padding: 0;
    margin: 0;
}
.mani_categories_module li{
    display: block;
    margin-bottom: 10px
}
.mani_categories_module li a{
    display: flex;
    color: #000;
    font-size: 13px;
    justify-content: space-between;
}
.mani_categories_module li a span{
    display: inline-block;
    color: #000 !important;
}
.mani_categories_module li a:hover{
    color: #8700c0;
}
/*************/
.manisoft_blog{
    width: 100%;
    float: right;
    position: relative;
}
.manisoft_blog .blog_main_content{
    width: 66.66666667%;
    float: right;
    padding: 0 15px 0 30px;
}
.manisoft_blog .blog_left_sidebar{
    width: 33.33333333%;
    float: right;
    padding-right: 15px;
    
    display: block;
    height: 100%;
    position: static;
    min-width: 0;
    min-height: 0;
    top: 0;
    right: 0;
    background: #fff;
    z-index: 9;
}
.manisoft_blog .blog_left_sidebar > div{
    border-right: 1px solid #e3e9ef ;
    padding-right: 30px;
    padding-top: 4px;
    padding-bottom: 4px;
    width: 100%;
    float: right;
    
    height: 100%;
    box-shadow: none; 
}

.manisoft_blog .filter_btn{
    display: none;
    width: 36px;
    height: 36px; 
    text-align: center; 
    background-color: #ececee;
    border-radius: 4px;
    cursor: pointer;
    position: -webkit-sticky;
    position: sticky;
    top: 90px; 
    font-size: 21px;
    line-height: 40px;
    border: none;
    color: #4b566b !important;
    padding: 0;
}
.manisoft_blog #offcanvasRight {
    z-index: 99999 !important;
    border: none !important;
    box-shadow: 0 0 26px rgba(0,0,0,.5) !important;
    top: 65px !important;
    padding-bottom: 50px !important;
}
.manisoft_blog #offcanvasRight .offcanvas-header {
    box-shadow: 0 0.125rem 0.625rem -0.1875rem rgba(0,0,0,0.1);
    padding: 20px 30px;
}
.manisoft_blog #offcanvasRight .offcanvas-header span {
    display: inline-block;
    font-weight: 600;
    line-height: 1.2;
    color: #4a4b65;
    font-size: 16px;
}
.manisoft_blog #offcanvasRight .offcanvas-header .btn-close {
    margin: 0;
    padding: 0;
}
.manisoft_blog #offcanvasRight .offcanvas-body {
    padding: 0px 30px !important;
} 
.manisoft_blog .filter_btn .navbar-tool-tooltip {
    top: 0; 
    right: 120%;
    width: 60px;
    padding: 7px;
    font-size: 12px;
    height: 36px;
    lefy: auto;
    transform: none;
}
.manisoft_blog .filter_btn:hover .navbar-tool-tooltip{
    opacity: 1;
}
.manisoft_blog .filter_btn .navbar-tool-tooltip:after{
    content: '';
    width: 0;
    height: 0;
    border-top: 8px solid transparent;
    border-left: 8px solid #2b3445;
    border-bottom: 8px solid transparent;
    position: absolute;
    right: -8px;
    top: 9px;
}
.manisoft_blog .filter_box {
    display: block;
    width: 100%;
    float: right;
    position: -webkit-sticky;
    position: sticky;
    top: 80px;
}
 
.manisoft_blog .filter_box .filter_title{
    display: none;
    font-size: 17px;
    border-bottom: solid 1px #eee;
    padding: 15px;
    position: relative;
    cursor: pointer;
}
.manisoft_blog .filter_box .close_filter{
    position: absolute;
    left: 15px;
    top: 15px;
    font-size: 19px;
}
/******/
div.pagination {
    padding-top: 30px;
    border-top: 1px solid #e3e9ef;
    margin: 20px -15px !important;
    text-align: center;
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
}
div.pagination ul {
    list-style: none;
    padding: 0;
    margin: 0;
    display: block;
}
div.pagination ul li {
    display: inline-block;
    margin: 2px;
}
div.pagination ul li > a{
    color: rgb(75, 86, 107);
    display: block;
}
div.pagination ul.pagination-list li > a,
div.pagination ul.pagination-list li > span{
    width: 32px;
    height: 32px;
    display: block;
    border-radius: 4px;
    line-height: 32px;
    transition: color .25s ease-in-out,border-color .25s ease-in-out,background-color .25s ease-in-out;
}
div.pagination ul.pagination-list li > a:hover{
    z-index: 2;
    color: #4b566b;
    text-decoration: none;
    background-color: #f3f5f9;
    border-color: #f3f5f9;
}
div.pagination ul.pagination-list li > span{
    background: #8700c0;
    color: #fff;
    box-shadow: 0 3px 13px rgba(135,0,192,0.4);
    
}
/********/
.mani_page_title{ 
    background:#f4f5f5 ;
    margin-bottom: 50px;
    padding: 25px 0;
}
.mani_page_title.package_details{
    padding: 0 !important;
    background: #fff;
}
.mani_page_title .container > div{
    align-items: center;
    display: flex;
    justify-content: space-between;
    padding: 15px 0;
}
.mani_page_title h1{
    font-size: 17px;
    margin: 0;
    color: rgb(55, 63, 80);
}
.breadcrumb {
    background: none;
    margin: 0;
    padding: 0;
}
.breadcrumb li {
    margin-left: 25px;
    color: rgba(75,86,107,.6);
    min-width: 20px;
}
.breadcrumb li:last-child{
    margin: 0;
}
.breadcrumb li:first-child{
    margin-left: 5px;
}
.breadcrumb li a{
    color: #4b566b;
}
.breadcrumb .divider{
    position: relative;
    display: inline-block;
}
.breadcrumb .divider img{
    display: none;
}
.breadcrumb .divider:after{ 
    position: absolute;
    left: -14px;
    top: -11px;
    content: "\f284";
    font-family: bootstrap-icons !important;
    font-size: 11px;
    display: block;
}
.breadcrumb li:first-child .divider:after{ 
    position: absolute;
    right: 0;
    left: auto;
    top: -21px;
    content: "\f425";
    font-family: bootstrap-icons !important;
    font-size: 19px;
    display: block;
    color: #000;
}
/*********/
.item-page {
    max-width: 875px;
}
.item-page .modified_date ,
.item-page .created_date ,
.item-page .author {
    display: flex;
    color: #000;
    font-size: 12px;
    position: relative;
    height: 35px;
    align-items: center;
}
.item-page .author img {
    width: 32px;
    height: 32px;  
    border-radius: 50%;
    margin-left: 5px;
    display: inline-block;
}
.item-page .created_date ,
.item-page .author {
    padding-left: 20px;
    margin-left: 20px;
}
.item-page .created_date:hover .navbar-tool-tooltip ,
.item-page .modified_date:hover .navbar-tool-tooltip {
    top: -.75rem;
    opacity: .9;     
}
.item-page .created_date:after {
    content: '';
    position: absolute;
    left: 0;
    top: 7px;
    width: 1px;
    height: 20px;
    background: #d9e1e9;
}
.item-page .created_date:last-child:after{
    display: none;
}
.item-page .author:after {
    content: '';
    position: absolute;
    left: 2px;
    top: 7px;
    width: 1px;
    height: 20px;
    background: #d9e1e9;
}
.item-page .modified_date .bi,
.item-page .created_date .bi{
    font-size: 14px;
    margin-left: 5px;
}
.item-page a.comments{
    display: flex;
    color: #000 !important;
    align-items: center;
}
.item-page a.comments .bi{
    margin-left: 5px;
    font-size: 15px; 
    position: relative;
    top: -2px;
}
.item-page .hits {
    display: flex;
    color: #000 !important;
    align-items: center; 
    margin-left: 20px;
}
.item-page .hits .bi{
    margin-left: 5px;
    font-size: 15px; 
    position: relative;
    top: -2px;
}
.item-page > figure {
    display: block;
    margin: 0 0 48px;
    text-align: center;
}
.item-page > figure figcaption {
    margin-top: 16px;
    font-size: 14px;
    color: rgb(113, 128, 150);
    display: block;
}
.item-page > figure > img {
    border-radius: 4px;
}
.item-page .mobile_share { 
    display: none;
}
.item-page .mobile_share span {
    color: rgb(37, 37, 37);
    margin-left: 12px;
    display: inline-block;
}
.item-page .mobile_share #btn-share {
    height: 52px;
    width: 52px;
    line-height: 52px;
    font-size: 19px;
    border-radius: 50%;
    text-align: center;
    cursor: pointer;
    border: 2px solid #ededed;
    color: rgba(135, 0, 192, 1) !important;
    background: none;
}
.item-page .mobile_share #btn-share .bi{
    position: relative;
    right: 2px;
}
.item-page .contenttags a {
    display: inline-block;
    margin-left: 5px;
    margin-bottom: 5px;
    padding: 6px 9px;
    transition: color .25s ease-in-out,background-color .25s ease-in-out,border-color .25s ease-in-out,box-shadow .2s ease-in-out;
    border: 1px solid #e3e9ef; 
    border-radius: 4px;
    color: #4b566b;
    font-size: 12px;
}
.item-page .contenttags a:hover {    
    border-color: #8700c0;
    background: #8700c0;
    color: #fff;
}

.item-page .blog-nav-links {
    margin-top: 34px;
}
.item-page .blog-nav-links .nav-list { 
    display: grid; 
    grid-template-columns: repeat(2,1fr);
    grid-gap: 30px;
}
.item-page .blog-nav-links .nav-item {
    min-width: 0;
    line-height: 0;
}
.item-page .blog-nav-links a {
    border: 1px solid #e3e9ef;
    padding: 16px 16px 16px 50px;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    position: relative;
    align-content: center;
    transition: border 250ms ease 0s;
    color: rgb(37, 37, 37);
    border-radius: 4px;
    box-shadow: rgba(116, 129, 141, 0.1) 0px 3px 8px 0px;
}
.item-page .blog-nav-links a:hover{
    color: rgba(135, 0, 192, 1);
    border-color: rgba(135, 0, 192, 1);;
}
.item-page .blog-nav-links .next a{
    padding: 16px 50px 16px 16px ;
    text-align: left;
}
.item-page .blog-nav-links a h6 {
    display: block;
    padding: 0;
    position: relative;
    font-size: 15px;
    line-height: normal;
    margin: 0;
    font-weight: normal !important;
    width: 100%;
} 
.item-page .blog-nav-links a span {
    display: block;
    color: rgb(157, 170, 182);
    line-height: 25px;
    width: 100%;
}
.item-page .blog-nav-links .prev a::before {
    font-family: bootstrap-icons; 
    content:"\f12f"; 
    position: absolute; 
    font-size: 25px;
    color: rgb(157, 170, 182);
    left: 15px;
}
.item-page .blog-nav-links .next a::before {
    font-family: bootstrap-icons;
    content: "\f138";
    position: absolute;
    font-size: 25px;
    color: rgb(157, 170, 182);
    right: 15px;
} 
.item-page .blog-nav-links a:hover::before{
    color: rgba(135, 0, 192, 1);
}
.item-page .articleBody {
    line-height: 30px;
    position: relative;
    overflow: hidden;
}
.item-page .articleBody h2{
    color: #111;
    line-height: normal;
    font-size: 22px;
    margin: 0 0 15px;
    padding-top: 40px;
}
.item-page .articleBody h3{
    color: #111;
    line-height: normal;
    font-size: 20px;
    margin: 0 0 15px;
    padding-top: 40px;
}
.item-page .articleBody h4{ 
    color: #111;
    line-height: normal;
    font-size: 18px;
    margin: 0 0 15px;
    padding-top: 40px;
}
.item-page .articleBody h5{
    color: #111;
    line-height: normal;
    font-size: 16px;
    margin: 0 0 15px;
    padding-top: 40px;
}
.item-page .articleBody h6{
    color: #111;
    line-height: normal;
    font-size: 14px;
    margin: 0 0 15px;
    padding-top: 40px;
}
.item-page .articleBody > p > img,
.item-page .articleBody > img{
    margin: 48px 0;
    border-radius: 4px;
    height: auto !important;
} 
.item-page .articleBody ul{
    list-style: none; 
    padding: 0; 
    margin-bottom: 16px;
}
.item-page .articleBody ul li{
    display: block;
    padding: 8px 30px 8px 30px;
    position: relative;
    color: rgb(113, 128, 150);
    line-height: 27px;
}
.item-page .articleBody ul li:before{
    content: "\f272";
    font-family: bootstrap-icons !important;
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    width: 20px;
    height: 20px;
    font-size: 13px;
    position: absolute;
    right: 0;
    top: 12px;
    border-radius: 50%;
    background: #f0f1f3;
    color: #8f9397;
} 

.item-page .articleBody ol{
    counter-reset: item;
    list-style: none; 
    padding: 0; 
    margin-bottom: 16px;
}
.item-page .articleBody ol li{
    display: block;
    padding: 8px 30px 8px 30px;
    position: relative;
    color: rgb(113, 128, 150);
    line-height: 27px;
    counter-increment: item;
}
.item-page .articleBody ol li:before{
    content: counter(item); 
    text-align: center;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0 !important;
    width: 20px;
    height: 20px;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: 12px;
    border-radius: 50%;
    background: #f0f1f3;
    color: #8f9397;
} 
.item-page .articleBody ol[style="list-style-type: lower-alpha;"] li:before,
.item-page .articleBody ul[style="list-style-type: circle;"] li:before{
    background: rgba(0, 201, 167, 0.1);
    color: #00c9a7;
}
.item-page .articleBody ol[style="list-style-type: lower-greek;"] li:before,
.item-page .articleBody ul[style="list-style-type: square;"] li:before{
    background: rgba(222,68,55,.1);
    color: #de4437;
}

.item-page .articleBody blockquote {
    margin: 50px 0 30px;
    box-shadow: 0 .125rem .3rem -.0625rem rgba(0,0,0,.03),0 .275rem .75rem -.0625rem rgba(0,0,0,.06) !important;
    padding: 30px 20px 20px;
    border-radius: 5px;
    position: relative;
    background: #eee;
}
.item-page .articleBody blockquote::before {
    content: "\F255";
    position: absolute;
    top: -11px;
    right: 20px;
    width: 48px;
    height: 40px;
    border-radius: 3px;
    background-color: #fd8804;
    color: #fff;
    font-size: 28px;
    text-align: center;
    box-shadow: 0 0.5rem 0.575rem -0.25rem rgb(254 105 106 / 75%);
    z-index: 5;
    line-height: 38px;
    font-family: 'bootstrap-icons';  
}
.item-page .articleSection{    
    clear: both;
    margin: 32px 0;
    color: rgb(103, 119, 136);
    border-bottom: 1px solid #e3e9ef;
    padding: 32px 0;
    border-top: 1px solid #e3e9ef;
}  

.item-page .articleBody .card{    
    box-shadow: none !important;
    margin-bottom: 20px;
    background: none !important;
    border: none !important;
}
.item-page .articleBody .card .card-header{
    background: none;
    padding: 0;
    border: none;
}
.item-page .articleBody .card .card-header h5{
    margin: 0 !important;
    padding: 0 !important;
}
.item-page .articleBody .card .card-header button{
    color: #333;
    width: 100%;
    margin: 0;
    padding: 0 24px 0 65px;
    text-align: right;
    line-height: normal;
    display: block;
    position: relative;
    height: 60px;
    font-size: 15px;
    background: rgba(0, 0, 0, 0.04);
    border-radius: 5px;
    overflow:initial !important;
    border: none;
}
.item-page .articleBody .card .card-header button[aria-expanded="true"]{
    background: #fd8804; 
    box-shadow: 0px 7px 24px -19px rgba(0, 0, 0, 0.5) !important; 
    transition: 0.3s; 
    color: #fff;
}
.item-page .articleBody .card button[aria-expanded="false"]:after{
    width: 60px;
    content: '+';
    height: 60px;
    position: absolute;
    left: 0;
    top: 0;
    background: #8700c0;
    text-align: center;
    color: #fff;
    font-size: 26px;
    font-family: initial !important;
    line-height: 58px;
    border-radius: 5px 0 0 5px;
}
.item-page .articleBody .card button[aria-expanded="true"]:after{
    width: 60px;
    content: '-';
    height: 60px;
    position: absolute;
    left: 0;
    top: 0;
    background: rgb(255, 255, 255);
    text-align: center;
    color: #fd8804;
    font-size: 35px;
    font-family: initial !important;
    line-height: 53px;
}
/* .item-page table{
    box-shadow: 0 0 40px 0 rgba(0,0,0,.15);
    border-radius: 5px;
    border: none;
    margin: 30px 0 !important;
}
.item-page table caption {
    padding: 12px 0;
    color: #6c757d;
    caption-side: initial;
    text-align: center;
    font-size: 14px;
}
.item-page table tr {
    border: none !important;
    box-shadow: none !important;
}
.item-page table thead td, 
.item-page table thead th {
    font-size: 16px;
    color: #fff;
    line-height: 1.4;
    background-color: #6c7ae0;
    border: none !important;
    text-align: center;
    padding: 18px 15px !important;
}
.item-page table thead th:first-child,
.item-page table thead td:first-child{
    border-radius: 0 5px 0 0;
}
.item-page table thead th:last-child,
.item-page table thead td:last-child{
    border-radius: 5px 0 0 0;
}
.item-page table tbody tr:nth-child(even){
    background: #f8f6ff;
}
.item-page table tbody tr:nth-child(odd){
    background: #fff;
}
.item-page table tbody tr td {
    border: none !important;
    padding: 15px !important;
    line-height: normal !important;
    font-size: 13px;
    color: rgb(128, 128, 128);
    box-shadow: none !important;
}
.item-page table tbody tr:last-child td:first-child{
    border-radius: 0 0 5px 0;
}
.item-page table tbody tr:last-child {
    border-radius: 0 0 5px 5px ;
}
.item-page table tbody tr:last-child td::first-child,
.item-page table tbody tr:last-child td::last-child{
    border-radius: 0 0 0 5px ;
} */



/********** section item-page end ***********/ 


/********** Table ***********/ 

.item-page table {
  box-shadow: 0 0 40px 0 rgba(0, 0, 0, .15);
  border: none;
  margin: 30px 0 !important;
  width: 100%; /* جدول کل عرض را پر کند */
  table-layout: fixed; /* عرض ستون‌ها ثابت باشد */
  box-sizing: border-box; /* شامل padding و border در عرض */
}
.item-page table caption {
  padding: 12px 0;
  color: #6c757d;
  caption-side: initial;
  text-align: center;
}
.item-page table tr {
  border: none !important;
  box-shadow: none !important;
}
.item-page table thead td,
.item-page table thead th {
  background: rgb(70 70 70);
}
.item-page table thead td,
.item-page table thead th {
  font-size: 16px;
  color: #fff;
  line-height: 1.4;
  border: none !important;
  text-align: center;
  padding: 5px !important;
}
.item-page table tbody tr:nth-child(even) {
  background: #f3f3f3;
}
.item-page table tbody tr:nth-child(odd) {
  background: #fff;
}
.item-page table tbody tr td {
  border: none !important;
  padding: 5px !important;
  line-height: normal !important;
  box-shadow: none !important;
}
.scrollable-table {
  width: 100%;
  overflow-x: auto !important;
  display: block !important;
  -webkit-overflow-scrolling: touch; /* برای پشتیبانی بهتر از اسکرول توی iOS */
  box-sizing: border-box;
}
.scrollable-table table {
  width: 100%; /* جدول کل عرض را پر کند */
  min-width: 100%; /* حداقل عرض برابر با والد */
}

.scrollable-table th,
.scrollable-table td {
  white-space: nowrap; /* جلوگیری از شکستن متن */
  width: 1%; /* توزیع یکنواخت عرض بین ستون‌ها */
  min-width: 120px; /* حداقل عرض برای هر ستون */
}

@media (min-width: 769px) {
  .scrollable-table th,
  .scrollable-table td {
    white-space: normal !important; /* متن در دسکتاپ بشکند */
    width: 1%; /* توزیع یکنواخت عرض */
    min-width: 150px; /* حداقل عرض بیشتر برای پر کردن عرض */
  }

  .scrollable-table table {
    width: 100%; /* کل عرض را پر کند */
  }
}

/* نمایش دائمی اسکرول‌بار */
.scrollable-table::-webkit-scrollbar {
  -webkit-appearance: none;
  height: 12px; /* ارتفاع اسکرول‌بار افقی */
}

.scrollable-table::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.5); /* رنگ اسکرول‌بار */
  border-radius: 4px;
}

.scrollable-table::-webkit-scrollbar-track {
  background-color: rgba(0, 0, 0, 0.1); /* رنگ پس‌زمینه اسکرول‌بار */
}

/********** Table ***********/ 


/******************************************************************************************
								jcomment
******************************************************************************************/
#jc {
    background: none !important;
    border-top: 1px solid #e3e9ef;
    padding: 30px 0 0 !important;
    margin-top: 50px !important;
    
    margin-bottom: 30px;
}
#jc span.comments-vote{ 
    width: auto;
    position: relative;
    top: 2px;
    right: 3px;
}
#comments-inline-edit #comments-form p,
#comments-inline-edit #comments-form #comments-form-buttons,
#comments-inline-edit #comments-form-error {
    font-family: fsan !important;
}

#jc .alert-warning {
    font-family: fsan !important;
    text-align: center;
    margin: 10px 0;
    padding: 15px;
}

#jc #comments h4 {
    margin: 0px 0 10px;
}

#jc #comments,
.mani_comment_form { 
}

#jc #comments h4,
#comments h4,
#jc .mani_comment_form h4 {
    padding: 0;
    position: relative;
    text-align: right;
    background: none;
    font-family: fsan;
    font-size: 20px !important;
    display: block;
    margin-bottom: 5px !important;
    line-height: normal;
    font-weight: normal !important;
    color: rgb(37, 37, 37) !important;
    
}
.mani_comment_form h6{
    color: rgb(105, 105, 105);
    font-size: 15px !important;
    margin: 0 0 25px !important;
}
#jc #comments h4 a,
#comments h4 a {
    background: none !important;
    position: absolute;
    left: 0;
}

#jc #comments h4 a .fa:before,
#comments h4 a .fa:before {
    color: #666 !important;
}

#comments .refresh {
    background: none !important;
}

.mani_comment_form .form-group {
    margin: 0 !important;
}

.mani_comment_form form {
    margin: 0 !important;
    padding: 15px 0;
}
 
.mani_comment_form input[type="text"],
#comments input[type="text"] {
    border: solid 1px rgb(248, 248, 248) !important;
    border-radius: 4px;
    box-shadow: none !important;
    height: 52px;
    width: 100%;
    background: rgb(248, 248, 248);
    padding: 3px 20px;
    margin: 0 0 20px;
}
.mani_comment_form textarea,
#comments textarea {
    border: solid 1px rgb(248, 248, 248) !important; 
    border-radius: 4px;
    box-shadow: none !important;
    height: 140px;
    width: 100%;
    background: rgb(248, 248, 248);
    padding:19px 20px 3px;
    margin: 0 0 20px;
}

.mani_comment_form textarea:focus,
#comments textarea:focus,
.mani_comment_form input[type="text"]:focus,
#comments input[type="text"]:focus{
    color: rgb(37, 37, 37);
    border: solid 1px #8700c0 !important;
} 

#comments-form input.checkbox {
    display: inline-block;
}
 
#comments-form-buttons{
    margin: 0 !important; 
    /*display: flex;
    align-items: center;
    justify-content: left;*/
    padding-top: 20px;
}
#comments-inline-edit #comments-form #comments-form-buttons{
    margin: 0 !important; 
}
#comments-form-send,
#comments-form-cancel {
    width: auto;
    float:left
}

.mani_comment_form .g-recaptcha{
    margin: 0 !important;
    width: 100%;
    padding: 0;
    overflow: hidden;
    
}
.mani_comment_form #comments-form-send a.btn,
#comments #comments-form-send a.btn {
    border: none !important;
    text-align: center;
    display: inline-block;
    padding: 10px 45px;
    border-radius: 4px;
    color: rgba(255, 255, 255, 1);
    background: rgba(135, 0, 192, 1) !important;
    transition: all .25s cubic-bezier(.645,.045,.355,1),color 0s linear;
    margin: 0 !important;
    box-shadow: none !important;
    font-size: 14px;
    float: left;
} 
.mani_comment_form #comments-form-send a.btn:focus,
#comments #comments-form-send a.btn:focus,
.mani_comment_form #comments-form-send a.btn:hover,
#comments #comments-form-send a.btn:hover {
    background: #fd8804 !important;
    color: #fff !important;
    border: none !important;
}

#comments-form-cancel a.btn {   
    border: none !important;
    text-align: center;
    display: inline-block;
    padding: 10px 45px;
    border-radius: 4px;
    color: rgba(255, 255, 255, 1);
    background: #aaa !important;
    transition: all .25s cubic-bezier(.645,.045,.355,1),color 0s linear;
    margin: 0 !important;
    box-shadow: none !important;
    font-size: 14px;
    float: left;
    margin-left: 10px !important;
}
#comments-form-cancel a.btn:focus,
#comments-form-cancel a.btn:hover {
    background: #666 !important;
    color: #fff !important;
    border: none !important;
}

.comments-form-subscribe {
    margin-bottom: 10px;
    padding-right: 15px;
}

#jc label {
    font-size: 12px !important;
}
 
.comments-form-subscribe .form-check-input {
    float: right;
    margin: 2px 0 0 4px;
    width: 15px;
    height: 15px;
} 
.comments-form-subscribe .form-check-input:checked {
    background-color: #8700c0;
    border-color: #8700c0;
}
 
.comment-item {    
    background: #fff;
    margin-bottom: 15px;
    position: relative;
    overflow: hidden;
}
 
.starter > .comment-item .comment_header{
    width: 100%;
    float: right;    
    padding-right: 60px;
    height: 50px;
    align-items: center;
    display: flex;
}   
.starter > .comment-item .comment_avatar {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.starter > .comment-item .comment_avatar img {
    width:50px;
    border-radius: 50%;
}
.comment-item .comment_header_title {
    position: relative;
    font-size: 13px;
    float: right;
    margin: 0 0 0 10px;
}
.comment-item .comment_header_info{ 
    float: right;    
}
.starter > .comment-item .comment_tag{ 
    float: right;
    background: #fd8804;
    color: #fff;
    font-size: 12px;
    border-radius:5px;
    padding: 2px 6px;
    margin-right: 4px;
}
.comment-item .comment_header_info .comment-date {
    background: none !important;
    padding: 0 !important;
    float: right;
    font-size: 12px !important;
    color: #adb5bd !important;
}
.comment-item .comment-date .fa {
    display: inline-block;
    font-size: 16px;
    margin-left: 5px;
    position: relative;
    top: 2px;
}
.comment-item .comment-date .fa:before {
    color: #aaa !important;
}
.starter > .comment-item .comment_header_info .comment-text {
    position: relative;
    display: inline-block;
    line-height: 25px;
}
.starter > .comment-item .comment_header .comment-author{
    color: #212529 !important;
    font-size: 14px !important;
} 
.comments-list .replies .comment_header { 
    width: 100%;
    float: right;
    padding-right: 60px;
    height: 50px;
    align-items: center;
    display: flex;
}  
.starter > .comments-list.replies {
    margin-left: 0;
    margin-top: 24px !important;
    padding: 0 ;
    border-bottom: 1px solid #e3e9ef;
    margin-bottom: 24px !important;
} 
.comments-list.replies .comment-item {
    padding: 15px;
} 
.comments-list.replies .comment-item .comment_avatar {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}
.comments-list.replies .comment-item .comment_avatar img {
    width: 50px;
    border-radius: 50%;
}
.comment-body {
    width: 100%;
    float: right;
    margin: 10px 0 0 !important;
    padding: 0 !important;
    color: rgb(73, 80, 87) !important;
    font-size: 13px !important;
    line-height: 25px !important;
}
.comment-box {
    width: 100%;
    float: right !important;
    position: relative;
}
.comments-buttons {
    width: auto !important;
    float: right !important;
    padding: 0 !important;
    height: auto !important;
}
.comments-buttons a {
    display: inline-block;
    float: right;
    font-size: 12px;
    padding: 2px 7px;
}
.comments-buttons a {
    display: inline-block;
    color: #8700c0 !important;
    font-size: 13px !important;
    padding: 10px 0 !important;
}
#comments .toolbar {
    float: right;
    margin: 0;
    padding: 0;
    border: none;
    clear: initial !important;
}

#comments .toolbar a,
#comments .toolbar a:hover {
    background: none !important;
    width: auto;
    height: auto;
    display: inline-block;
    float: right;
    padding: 2px 7px !important;
    
}
 

.comments-list .comments-list {
    margin-right: 0 !important;
/*    background: #f7f7f7;*/
/*    margin-bottom: 15px;*/
    border-radius: 2px;
}

.comments-list .comments-list .comment-item {
    margin-bottom: 24px !important;
    background: none;
    border-right: 4px solid #dee2e6;
    padding-right: 36px;
    margin-right: 20px;
}
 

#comments-list-footer {
    margin: 0 !important;
    text-align: left;
    padding: 15px; 
}

#comments-list-footer a {
    display: inline-block;
    margin-right: 10px;
}

#comments-list-footer #comments-subscription {
    background: #fb6648 !important;
    color: #fff;
    padding: 8px 15px;
    border-radius: 2px;
}

#comments-list-footer a.refresh {
    background: #2196F3 !important;
    color: #fff;
    padding: 8px 15px;
    border-radius: 2px;
}

#comments-list-footer a:hover {
    color: #fff !important;
}

#comments-form-message {
    background-image: none !important;
    padding: 8px !important;
    margin: 10px 0 !important;
}

#comments-inline-edit {
    margin: 10px 0 0 !important;
    background: none;
    padding: 0 !important;
    border-radius: 0;
    width: 100%;
    border: none;
    float: right;
}
#comments #nav-bottom {
    border: none !important;
    margin: 0 0 30px !important;
    background: none !important;
}
#comments #nav-bottom > span.activepage {
    width: 32px !important;
    height: 32px !important;
    display: inline-block !important;
    border-radius: 4px;
    line-height: 32px;
    transition: color .25s ease-in-out,border-color .25s ease-in-out,background-color .25s ease-in-out;
    font-family: inherit !important;
    font-size: 13px !important;
    border: none !important;
    margin: 2px !important;
    background: #8700c0 !important;
    color: #fff !important;
    box-shadow: 0 3px 13px rgba(135,0,192,0.4);
    padding: 0 !important;
}
#comments #nav-bottom > span.page {
    width: 32px !important;
    height: 32px !important;
    display: inline-block !important;
    border-radius: 4px;
    line-height: 32px;
    transition: color .25s ease-in-out,border-color .25s ease-in-out,background-color .25s ease-in-out;
    font-family: inherit !important;
    font-size: 13px !important;
    border: none !important;
    margin: 2px !important; 
    padding: 0 !important;
    color: rgb(75, 86, 107) !important;
    background: none !important;
}
#comments #nav-bottom > span.hoverpage{ 
    width: 32px !important;
    height: 32px !important;
    display: inline-block !important;
    border-radius: 4px;
    line-height: 32px;
    transition: color .25s ease-in-out,border-color .25s ease-in-out,background-color .25s ease-in-out;
    font-family: inherit !important;
    font-size: 13px !important; 
    margin: 2px !important; 
    padding: 0 !important;
    border: none !important;
    color: rgb(75, 86, 107) !important; 
    color: #4b566b;
    text-decoration: none;
    background-color: #f3f5f9; 
}
.mani_comment_form h4{    
    border: none !important;
    font-size: 14px !important;
    margin: 0 !important;
} 
#comments-inline-edit form {
    margin: 0 !important;
}
@media only screen and (max-width: 780px) { 
    .starter > .comments-list.replies {
        padding: 0 10px 0 0 !important;
    }
	.desktop_logo img {
    width: 100px;
}
} 
#mani_comment_form .card{
    border: none !important;
}
#mani_comment_form .card-header{
    padding: 0 !important;
    margin-bottom: 20px;
    background: no-repeat;
    border: none !important;
}
#mani_comment_form .card-header a {
    text-align: center;
    display: inline-block;
    padding: 10px 40px;
    border-radius: 4px;
    color: rgb(135, 0, 192) !important;
    background: #fff;
    transition: all .25s cubic-bezier(.645,.045,.355,1),color 0s linear;
    box-shadow: none !important;
    font-size: 14px;
    margin: 0 0 15px !important;
    border: solid 1px rgb(135, 0, 192) !important;
}

#mani_comment_form .card-header a:after{
    display: none;
}
#mani_comment_form .card .card-body {
    padding: 0 !important;
} 
/******************************************************************************************
							end jcomment
******************************************************************************************/


.com_search .container.mani_search_error{
    max-width: 1040px !important;
}
.com_search .mani_search_error .text {
    margin-bottom: 20px;
    margin-top: 30px;
    padding-bottom: 20px;
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 10px;
    text-align: center;
    color: rgb(22, 29, 37);
    font-size: 16px;
    border-bottom: 1px solid #e3e9ef;
}

.searchForm{
    width: 100%;
}
.searchForm .btn-toolbar{   
    width: 100%;
    margin: 0 auto;
    position: relative;
}
.searchForm h3{
    font-size: 18px;
    margin: 20px 0;
}
.searchForm input {
    background: #fff;
    border: 2px solid #c6ced6;
    display: inline-block;
    padding: 15px 32px;
    font-size: 14px;
    line-height: 20px;
    border-radius: 5px;
    width: 100%;
    margin: 0;
    height: 60px;
}
.searchForm input:focus{
    border: 2px solid #c6ced6 !important;
    box-shadow: none !important;
}
.searchForm .btn{
    position: absolute;
    left: 0;
    top: 0;
    width: 60px;
    height: 60px;
    border-radius: 5px 0 0 5px;
    background: #8700c0;
    color: #fff;
    box-shadow: none;
    margin: 0;
    padding: 0;
    font-size: 21px;
    line-height: 70px;
}
.com_search .search_err {
    margin: 60px 0;
    padding: 60px 40px;
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);
    border-radius: 5px;
    background: rgba(0, 0, 0, 0.04);
    text-align: center;
    position: relative;
}
.com_search .search_err::before {
    content: " ";
    display: inline-block;
    width: 240px;
    height: 140px;
    margin-bottom: 10px;
    background: url(../images/empty-search.png) 50% 50% no-repeat;
    background-size: 140px;
} 
.com_search .search_err h3{    
    color: rgb(22, 29, 37);
    font-size: 40px;
    margin: 0 0 10px;
    line-height: 54px;
}
.com_search .search_err h6{
    color: rgb(64, 82, 97);
    margin: 0;
    line-height: normal;
    font-size: 14px;
}

.search_results_info {
    background: #f0f3f6;
    border-bottom: 1px solid #e2e7ed;
    padding: 20px 0;
    margin: 0 0 45px;
}
.search_results_info .col-lg-4{
    display: flex;
    align-items: center;
}
.search_advanced_form input {
    margin: 0;
    color: #4b566b;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #dae1e7;
    border-radius: 4px;
    box-shadow: 0 0 0 0 transparent;
    transition: border-color .2s ease-in-out,box-shadow .2s ease-in-out;
    width: 100%;
    height: 44px;
    padding: 10px 135px 10px 55px;
}
.search_advanced_form input:focus{
    color: #4b566b;
    background-color: #fff;
    border-color: rgba(135,0,192,.3) !important; 
    box-shadow: 0 0 0 0 transparent,0 .375rem .625rem -.3125rem rgba(254,105,106,.15) !important;
}
.search_advanced_form .btn-toolbar{
    position: relative;
}
.search_advanced_form button{
    position: absolute;
    left: 0;
    top: 0;
    height: 44px;
    width: 50px;
    border: none;
    background: #8700c0;
    border-radius: 4px 0 0 4px;
    color: #fff;
    font-size: 21px;
    line-height: 52px;
    margin: 0;
    padding: 0;
}
.search_advanced_form .mdb-select{
    width: 120px;
    float: right;
    position: absolute;
    right: 0;
    top: 0;
    height: 44px;
} 
.search_advanced_form .mdb-select .select-dropdown.form-control {    
    margin: 0 !important;
    height: 44px !important;
    border: none !important;
    padding: 10px 20px 10px 30px !important;
    border-radius: 0 4px 4px 0 !important;
    font-size: 14px !important;
    background: #eee url("../images/select-option.png") no-repeat 12px 18px;
    background-size: 13px;
}
.search_advanced_form .mdb-select .dropdown-content{
    padding: 0 !important;
}
.search_advanced_form .mdb-select .dropdown-content li{
    text-align: right !important;
    font-size: 13px !important;
}
.search_advanced_form .mdb-select .dropdown-content li > a, 
.search_advanced_form .mdb-select .dropdown-content li > span{
    font-size: 13px !important;
    color: #333 !important;
}
.com_search .each_result{    
    margin-bottom: 30px;
}
.com_search .each_result .image_box {
    border-radius: 4px;
    overflow: hidden;
    position: relative;
}
.com_search .each_result img { 
    position: relative; 
    border-radius: 4px;
    width: 100%;
    -webkit-transition: all 1.5s cubic-bezier(0,0,.2,1);
    transition: all 1.5s cubic-bezier(0,0,.2,1);
}
.com_search .each_result:hover img {
    -webkit-transform: scale3d(1.1,1.1,1.1);
    transform: scale3d(1.1,1.1,1.1);
}
.com_search .each_result .image_box .free {
    text-align: center;
    display: inline-block;
    background: #6cbd7e;
    color: #fff;
    font-size: 12px;
    padding: 2px 5px;
    border-radius: 3px;
    height: 24px;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1; 
}
.com_search .each_result .image_box .queue {
    text-align: center;
    display: inline-block;
    background: #fd8804;
    color: #fff;
    font-size: 12px;
    padding: 2px 5px;
    border-radius: 3px;
    height: 24px;
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 1; 
}
.com_search .each_result .info .time {
    color: rgba(135, 0, 192, 1);
    font-size: 13px;
    display: block;
    margin: 0 0 10px;
} 
.com_search .each_result .info .price {
    font-size: 18px;
    line-height: 26px;
    color: rgb(3, 31, 66);
    font-weight: bold;
}
.com_search .each_result .tag {
    position: absolute;
    right: 5px;
    top: 5px;
    background: #fd8804;
    color: #fff;
    display: inline-block;
    padding: 2px 10px;
    font-size: 12px;
    border-radius: 4px;
}
.com_search .each_result .info {
    padding: 15px 0 0;
}
.com_search .each_result .info h5 {
    margin: 0 0 10px;
    font-size: 13px;
}
.com_search .each_result .info h5 a,
.com_search .each_result .info h5 span {
    display: inline-block;
    font-size: 13px;
    line-height: 18px;
    border-radius: 2px;
    padding: 2px 10px;
    background: rgba(0,0,0,.05);
    color: #666;
}
.com_search .each_result .info h3 {
    font-size: 14px;
    color: rgb(37, 37, 37);
    line-height: 24px; 
    margin: 0 0 10px;
    height: 50px;
    overflow: hidden;
}
.com_search .each_result .info h3 a {
    color: rgb(37, 37, 37);
}
 
.search_grid{
	width: 100%;
	float: right;
}
.search_grid .grid-sizer,
.search_grid .grid-item {
	width: 50%;
}

@media (min-width: 1200px) {
  .search_grid .grid-sizer,
  .search_grid .grid-item {
	width: 50%;
  }
	.desktop_logo img {
		margin-top: 4px;
	}
} 
@media (min-width: 992px) and (max-width: 1199px) {
  .search_grid .grid-sizer,
  .search_grid .grid-item {
	width: 50%;
  }
	.desktop_logo img {
		margin-top: 4px;
	}
}

 @media (min-width: 768px) and (max-width: 991px) {
  .search_grid .grid-sizer,
  .search_grid .grid-item {
    width: 50%;
  }
	 
}
@media (min-width: 576px) and (max-width: 767px) {
  .search_grid .grid-sizer,
  .search_grid .grid-item {
    width: 100%;
      padding: 0 !important;
  }
} 
@media (max-width: 575px) {
  .search_grid .grid-sizer,
  .search_grid .grid-item {
    width: 100%;
      padding: 0 !important;
  }
}

.search_grid .grid-item { 
	padding: 15px;
}   
.search_grid_box { 
    display: flex;
    flex-wrap: wrap;
}
/*************** com users ***********/
.manisoft_profile_edit{
    margin: 50px 0;
}
.dashboard_details.profile-edit.profile span {
    color: #333;
}
.profile-edit .control-group {
    margin-bottom: 20px;
}
.profile-edit input {
    height: 44px;
    font-size: 13px;
    border: 1px solid #dae1e7;
    border-radius: 4px;
    box-shadow: none !important;
    width: 100%;
    padding: 10px;
}
.profile-edit .control-label {
    color: rgb(74, 75, 101);
    margin: 0 0 10px;
} 
.profile-edit .mdb-select .select-dropdown.form-control {    
    margin: 0 !important;
    height: 44px !important;
    border: 1px solid #dae1e7 !important;
    padding: 10px 20px 10px 30px !important;
    border-radius: 4px !important;
    font-size: 13px !important;
    background: #fff url("../images/select-option.png") no-repeat 12px 18px;
    background-size: 13px;
}
.profile-edit .mdb-select .dropdown-content{
    padding: 0 !important;
}
.profile-edit .mdb-select .dropdown-content li{
    text-align: right !important;
    font-size: 13px !important;
}
.profile-edit .mdb-select .dropdown-content li > a, 
.profile-edit .mdb-select .dropdown-content li > span{
    font-size: 13px !important;
    color: #333 !important;
}
.profile-edit .select-wrapper {
    position: relative;
    padding-top: 30px;
}
.profile-edit .select-wrapper label{
    position: absolute;
    top: 0;
    color: rgb(74, 75, 101);
}
.profile-edit .select-wrapper span.caret{
    display: none;
}
.profile-edit .btn { 
    background: rgb(218, 224, 236) !important;
    color: rgb(75, 86, 107) !important;
    border-radius: 4px;
    box-shadow: none;
    font-size: 13px;
    padding: 4px 25px;
    transition: all .25s cubic-bezier(.645,.045,.355,1),color 0s linear;
    opacity: 1 !important;
    pointer-events: initial !important;
    height: 43px;
    line-height: 35px !important;
    margin: 0 0 0 10px;
    border: none !important;
}
.profile-edit .btn.btn-primary {
    background: #8700c0 !important;
    color: #fff !important;
}

.profile-edit * {
  scrollbar-width: thin;
  scrollbar-color: #b3b3b3 #e6e6e6;
} 
.profile-edit *::-webkit-scrollbar {
    width: 8px;
}
.profile-edit *::-webkit-scrollbar-track {
    background: #e6e6e6;
    border-radius: 9px;
}
.profile-edit *::-webkit-scrollbar-thumb {
    background-color: #b3b3b3;
    border-radius: 9px;
    border: none;
} 
.profile-edit .profile_avatar {
    background: rgba(124, 2, 176, 0.03);
    padding: 24px;
    border-radius: 5px;
    margin-bottom: 24px;
    display: flex !important;
    align-items: center; 
}
.profile_avatar .file-field {
    background: #fff;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.13) 0px 0px 10px -3px;
    min-width: auto;
    width: 120px;
    float: none;
    margin-bottom: 10px;
    color: rgb(1, 1, 1);
}
.profile_avatar .file-field .file_btn {
    background: none;
    width: 45px;
    height: 40px;
    float: right;
    font-size: 21px;
    text-align: center;
    line-height: 51px;
    border-radius: 0 4px 4px 0;
}
.profile_avatar .file-field .file-path-wrapper {
    padding: 0 !important;
    height: 40px !important;
}
.profile_avatar .file-field input.file-path {
    width: 100%;
    height: 40px !important;
    border: none;
    padding: 0 !important;
    border-radius: 4px 0 0 4px;
    color: rgb(1, 1, 1);
    font-size: 13px;
}
.profile_avatar .file-field input.file-path::placeholder {
    color: rgb(1, 1, 1);
}
.profile_avatar .file-field .file_btn table{
    opacity: 0;
}
.profile-edit .profile_avatar .imageholderprofile {
    width: 150px;
    border-radius: 50%;  
}
.profile-edit .profile_avatar img { 
    border-radius: 50%; 
}
.profile-edit .profile_avatar .desc{
    color: #9e9fb4 !important;
    font-size: 13px;
    width: 100%;
    float: right;
}
.profile-edit .profile_description{
    margin-right: 20px;
}
.avatar_edit [type="file"] {
    height: 0 !important;
    overflow: hidden;
    width: 0 !important;
    padding: 0 !important;
    border: none !important;
}
.avatar_edit #iu_result{
    display: none ;
}
.avatar_edit label {
    border-radius: 5px;
    cursor: pointer;
    display: inline-block;
    background: #fff;
    border: none;
    box-shadow: rgba(0, 0, 0, 0.13) 0px 0px 10px -3px;
    min-width: auto;
    width: 120px;
    float: none;
    margin-bottom: 10px;
    padding: 10px 39px 10px 10px;
    position: relative;
    color: #666;
}
.avatar_edit label .bi{
    font-size: 21px;
    position: absolute;
    right: 10px;
    top: 9px;
}
.dashboard_details.profile-edit h1 {
    font-size: 22px;
    margin: 0;
    color: rgb(55, 63, 80);
}
/*****************/ 
.manisoft_module > h3{
    position: relative;
    margin: 0px 0px 43px 0px;
    line-height: normal;
    color: rgb(37, 37, 37);
    font-size: 22px;
    font-weight: bold;
}
.manisoft_module > h3::after {
    content: "";
    position: absolute;
    width: 91px;
    height: 12px;
    bottom: -7px;
    right: 21px; 
    background-color: rgba(135, 0, 192, 1);
    mask-repeat: no-repeat;
    mask-size: contain;
    -webkit-mask-image: url(../images/headline-curve.svg);
    mask-image: url(../images/headline-curve.svg);
}
.gray_row{
    background-color: #F8F8F8; 
    clear: both;
    padding: 73px 0px 46px 0px !important;
    width: 100%;
    float: right;
    
}
.white_row{
    background-color: #fff; 
    padding: 78px 0px 46px 0px !important ;
    clear: both; 
    width: 100%;
    float: right;
}

/***************/


@-webkit-keyframes edumallAnimationFadeInUp {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,30px,0);
  transform:translate3d(0,30px,0)
 }
 to {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
@keyframes edumallAnimationFadeInUp {
 0% {
  opacity:0;
  -webkit-transform:translate3d(0,30px,0);
  transform:translate3d(0,30px,0)
 }
 to {
  opacity:1;
  -webkit-transform:none;
  transform:none
 }
}
.edumallFadeInUp {
 -webkit-animation-name:edumallAnimationFadeInUp;
 animation-name:edumallAnimationFadeInUp
} 
/*************/
.error_html{
    height: 100%;
}
.error_body{
    height: 100%;
}
.error_page {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    justify-content: center;
    padding: 0 15px;
}
.error_page img {
    width: 600px;
    margin: 0 auto;
}
.error_page h1{
    color: rgb(13, 27, 72);
    font-size: 40px;
    font-weight: 500;
    line-height: 52px;
    margin-bottom: 12px;
    margin-top: 24px;
}
.error_page .desc {
    color: rgb(13, 27, 72);
    font-size: 16px;
    font-weight: 300;
    line-height: 32px;
    margin-bottom: 24px;
    margin-top: 10px;
    text-align: center;
    max-width: 700px;
}
.error_page a{ 
    color: rgba(255, 255, 255, 1);
    background: rgba(135, 0, 192, 1);
    box-shadow: 0 3px 13px rgba(135,0,192,0.4); 
    display: inline-block;
    padding: 13px 30px; 
    border-radius: 4px;
    transition: box-shadow .25s ease,transform .25s ease,-webkit-transform .25s ease;
    position: relative;
} 
.error_page a .lnr {
    position: relative;
    top: 3px;
    margin-left: 3px;
}    
.error_page a:hover,
.error_page a:focus{
    text-decoration: none;
    box-shadow: none;
}












@media (max-width : 1200px) {
    .container.small_container,
    .container, .container-lg, .container-md, .container-sm, .container-xl{
        max-width: 97% !important;
    }
}
@media (max-width : 1000px) {
    .item-page .articleBody blockquote {
        margin: 20px 0;
        padding: 60px 20px 20px; 
    }
    .item-page .articleBody blockquote::before { 
        top: 20px;
        right: 20px; 
        width: 45px;
        height: 45px; 
    }
    
    .error_page h1 { 
        font-size: 25px; 
        line-height: normal; 
    }
    .error_page .desc { 
        font-size: 14px; 
        line-height: 25px; 
        margin-top: 0; 
    } 
    .sidebar_module:first-child{
        margin: 30px 0 0;
    }
    .footer_row4{
        text-align: center;
    }
    footer .container > .row {
        margin: 0 !important;
    }
    .footer_menu1{
        margin-bottom: 20px !important;
    }
    .namad {
        float: right;
        margin: 0 0 10px;
        text-align: center;
        width: 100%;
    }
    .copyright_row{
        order:2;
    }
    
    .manisoft_blog .blog_left_sidebar {
        position: absolute;
        width: 55px;
        padding: 0;
    }
    .manisoft_blog .blog_left_sidebar > div{
        box-shadow: -8px -2px 8px -8px rgba(0,0,0,.1);
        padding:12px 0 0;
        border: none;
    }
    .manisoft_blog .blog_left_sidebar .filter_box{
        display: none;
    }
    .manisoft_blog .blog_left_sidebar .filter_box .filter_title,
    .manisoft_blog .blog_left_sidebar .filter_btn{
        display: block;
    }
    .manisoft_blog .blog_left_sidebar .filters{
        width: 100%;
        float: right;
        max-height: calc(100vh - 180px); 
        overflow-y: scroll;
        overflow-x: hidden;
        padding: 0 20px;
    }
    .manisoft_blog .blog_main_content{
        width: 100%;
        padding-right: 95px;
        padding-top: 12px;
        padding-left: 15px !important;
    }
    .sidebar_module .mani_news_swiper.mani_news_swiper_row .news_row .blog_text {
        padding: 10px 0 0 !important;
        width: 100%;
        float: right;
    }
    .sidebar_module .mani_news_swiper {
        margin: 0 !important;
    }
    .search_advanced_form {
        margin: 20px 0 0;
    }
    .sidebar_module .manidownload_packages.layout2 h3 {
        padding: 10px 0 0 !important; 
    }
    .sidebar_module .manivideo_videos .no-padding {
        padding: 0 15px 15px !important;
    }
    .sidebar_module .mani_news_swiper{
        padding: 0 !important;
    }
    /**/
    .mani_page_title .container > div{
        display: block;
    }
    .mani_page_title h1 { 
        margin: 0 0 20px;
        font-size: 19px;
    }
    /**/
    .item-page {
        max-width: 100% !important;
    }
    .item-page .justify-content-between {
        -ms-flex-pack: noraml !important;
        justify-content: normal !important;
        padding:0 0 5px !important;
    } 
    .item-page .hits,
    .item-page .modified_date{ 
        margin-left: 20px;
    } 
    .item-page .comments, 
    .item-page .hits, 
    .item-page .modified_date, 
    .item-page .created_date, 
    .item-page .author{
        padding: 0;
        margin-bottom: 10px;
    }
    .item-page .created_date::after ,
    .item-page .author::after { 
        display: none;
    }

    .item-page .contenttags {
        position: relative;
        text-align: right;
        margin: 0 0 20px;
        padding: 0 30px 0 0;
    }
    .item-page .contenttags::before {
        font-family: bootstrap-icons !important;
        content: "\f5b0";
        display: inline-block;
        margin: 0 0 0 7px;
        font-size: 22px;
        position: absolute;
        right: 0;
        top: -4px;
        color: rgb(105, 105, 105);
    }
    .item-page .contenttags a {
        margin-left: 10px;
        border: none !important;
        color: rgb(171, 171, 171);
        font-size: 13px;
        position: relative;
        padding: 0 !important;
    }
    .item-page .contenttags a:hover{
        background: none !important;
        color: #8700c0 !important;
    }
    .item-page .contenttags a:after{
        content: '،';
        position: relative;
        left: -5px;
    }
    .item-page .contenttags a:last-child:after{
        display: none;
    }
    .rmtamshop_share{
        text-align: right;
    }
    .rmtamshop_share span{
        float: right;
    }
    .rmtamshop_share a {
        float: right;
        margin: 0 0 0 5px;
    }
    .mani_page_title.package_details{
        margin-bottom: 20px !important;
    }
    header .nav{
        display: none !important;
    }
}
@media (max-width : 780px) {  
    .comments-list .comments-list .comment-item{
        margin-right: 0;
    }
    .comments-list .comments-list .comment-item { 
        padding-right: 15px; 
    }
    .manisoft_blog .blog_main_content { 
        padding-right: 75px;
        padding-top: 12px;
        padding-left: 0 !important;  
    }
    #comments .comment-date{
        font-size: 10px !important;
    }
    .starter > .comment-item .comment_tag {
        font-size: 10px;
        border-radius: 2px;
        padding: 2px 3px;
        margin-right: 1px;
    }
    #jc span.comments-vote { 
        font-size: 11px;
    }
    .item-page .blog-nav-links .nav-list{
        display: block !important;
    }
    .item-page .blog-nav-links .nav-item.prev {
        margin-top: 20px;
    }
    .item-page .rmtamshop_share{
        display: none;
    }
    .item-page .mobile_share{
        display: block;
    }
    .item-page .d-flex{
        display: block !important;
    }
    .item-page .comments, 
    .item-page .hits, 
    .item-page .modified_date, 
    .item-page .created_date, 
    .item-page .author{
        float: right;
        height: 35px; 
    } 
    .mod_mani_menu{
        margin-top: 0 !important;
        float: left !important;
    }
    /**/
    .search_advanced_form .mdb-select,
    .accordion_search .mdb-select {
        width: 90px; 
    }
    .search_advanced_form input.inputbox,
    .accordion_search input.inputbox { 
        padding: 10px 100px 10px 35px;
        font-size: 13px;
    }
    .search_advanced_form .mdb-select .select-dropdown.form-control , 
    .accordion_search .mdb-select .select-dropdown.form-control { 
        padding: 10px !important; 
        font-size: 13px !important; 
        background-size: 10px;
    }
    .search_advanced_form button , 
    .accordion_search .button { 
        width: 41px; 
        background: none; 
        color: #aaa;
        font-size: 18px;
        line-height: 47px;
    }
    /**/
    .white_row,
    .gray_row { 
        padding: 45px 0 !important;
    }
    
    footer .mani_simple_contact.rtl .mani_simple_contact_cells > div, 
    footer .mani_simple_contact.rtl .mani_simple_contact_cells a > div{
        text-align: right !important;
    }
    .footer_menu2,
    .footer_menu3{ 
        margin-bottom: 20px !important;
    }
    .footer_module h3 { 
        margin-bottom: 15px;
    }
    
    .footer_module:last-child {
        margin: 0 0 20px;
        width: 100%;
        float: right;
    } 
    .footer_row1 {
        padding: 60px 0 30px; 
    }  
}


/************************** users *********************/
.maniUsers .container-fluid,
.maniUsers body,
.maniUsers{
    height: 100%;
}
.manisoft_users{ 
    height: 100%;
    display: flex;
    align-items: center;
}
.manisoft_users .back {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.manisoft_users .back .bg{  
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    background-repeat: no-repeat; 
} 
.manisoft_users .container {
    position: relative;
    z-index: 1;
}
.manisoft_users h1 { 
    color: rgb(21, 44, 91);
    font-size: 22px;
    line-height: 42px;
    margin-bottom: 4px;
    text-align: center;
}
.manisoft_users .login-description { 
    color: #718096 !important;
    font-size: 16px;
    line-height: 27px;
    margin-bottom: 0;
    text-align: center;
}
.manisoft_users .control-group {
    margin-bottom: 1rem;
}
.manisoft_users label{
    color: #718096;
    font-size: .875rem;
    font-weight: 500;
    text-transform: none;
    position: relative;
}
.manisoft_users input {
    border: 1px solid #e2e8f0 !important;
    padding: 10px !important;
    height: 50px;
    font-size: 13px;
    border-radius: 5px !important; 
    margin: 0 !important;
    transition: all .2s ease;
    width: 100%;
    padding-right: 60px !important;
}
.manisoft_users input:focus{
    box-shadow: inset 0 1px 1px rgba(31,45,61,.075),0 0 20px rgba(0,138,255,.1) !important;
    border: 1px solid rgba(0,138,255,.5) !important;
}
.manisoft_users .btn {
    color: rgba(255, 255, 255, 1);
    background: rgba(135, 39, 190, 1) !important;
    border-radius: 5px;
    padding: 10px;
    font-weight: normal;
    font-size: 14px;
    line-height: normal;
    box-shadow: none;
    margin: 0;
    height: 50px;
    width: 100%;
}
.manisoft_users .btn:hover{
    background: rgba(253, 136, 4, 1) !important;
}
.manisoft_users label#jform_username-lbl:before,
.manisoft_users label#jform_name-lbl:before,
.manisoft_users label#username-lbl:before{
    width: 50px;
    height: 50px;
    border: 1px solid #e2e8f0 !important;
    color: #a0aec0;
    border-radius: 0 5px 5px 0;
    font-family: Linearicons-Free;
    content: "\e82a";
    position: absolute;
    top: 29px;
    right: 0;
    text-align: center;
    font-size: 20px;
    line-height: 44px;
}
.manisoft_users label#jform_password2-lbl:before,
.manisoft_users label#jform_token-lbl:before,
.manisoft_users label#jform_password1-lbl:before,
.manisoft_users label#password-lbl:before{
    width: 50px;
    height: 50px;
    border: 1px solid #e2e8f0 !important;
    color: #a0aec0;
    border-radius: 0 5px 5px 0;
    font-family: Linearicons-Free;
    content: "\e80f";
    position: absolute;
    top: 29px;
    right: 0;
    text-align: center;
    font-size: 24px;
    line-height: 44px;
}
.manisoft_users label#jform_email-lbl:before,
.manisoft_users label#jform_email1-lbl:before{
    width: 50px;
    height: 50px;
    border: 1px solid #e2e8f0 !important;
    color: #a0aec0;
    border-radius: 0 5px 5px 0;
    font-family: Linearicons-Free;
    content: "\e818";
    position: absolute;
    top: 29px;
    right: 0;
    text-align: center;
    font-size: 21px;
    line-height: 44px;
}
.manisoft_users label#jform_com_fields_mobile-lbl:before{
    width: 50px;
    height: 50px;
    border: 1px solid #e2e8f0 !important;
    color: #a0aec0;
    border-radius: 0 5px 5px 0;
    font-family: Linearicons-Free;
    content: "\e830";
    position: absolute;
    top: 29px;
    right: 0;
    text-align: center;
    font-size: 21px;
    line-height: 44px;
}
.manisoft_users form > table, 
.manisoft_users .optional{
    display: none;
}
.manisoft_users .complete_text{
    line-height: 30px;
    position: relative;
    overflow: hidden;
    color: #869ab8;
    text-align: center;
}
.manisoft_users .alert-warning {
    padding: 10px;
}
.manisoft_users .backtosite {
    position: absolute;
    top: 20px;
    right: 20px;
    color: #333;
    display: inline-block;
    font-size: 15px;
    padding-right: 29px;
    z-index: 2;
}
.manisoft_users .backtosite .lnr {
    font-size: 20px;
    position: absolute;
    right: 0;
    top: 0;
}
@media (max-width : 780px) { 
    
    [data-aos^="fade"][data-aos^="fade"] {
        opacity: 1 !important;
        transform: none !important;
    }
    .manisoft_users .col-lg-4{
        padding: 55px 0 !important;
    }
    .manisoft_users .back .bg{
        display: none;
    } 
    .manisoft_users .login-description {     
        margin-bottom: 7px !important;
        font-size: 14px;
    }
    .manisoft_users h1 { 
        font-size: 18px;
        line-height: normal;  
    }
    .maniUsers .container-fluid,
    .maniUsers body,
    .maniUsers{
        height: auto;
    }
}

.dashboard.login {
    margin: 20px 0;
}
.dashboard.login .alert{
    background: #f4f4f4;
    border: none;
}
.dashboard.login .alert_login{
    padding: 6px 17px;
    display: inline-block;
    background: #666;
    color: #fff;
    border-radius: 4px;
    line-height: normal;
    cursor: pointer;
}