html, body, H1, h2, h3, h4, h5, h6, span, label, button, input, p, small, strong, table, th, td, div, textarea, select, option , div , section ,aside,footer {
    font-family: iranyekan;
    outline: none;
}
html, body {
    overflow-x: hidden;
}
body {
    background: #f1f1f1;

}
* , *:hover{
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -o-transition: all .3s;
    -ms-transition: all .3s;
    transition: all .3s;
}
h2.title {
    color: #5a5a5a;
    font-weight: bold;
    margin-bottom: 20px;
    text-align: center;
}

h2.title + p.description {
    color: #6f7881;

    max-width: 500px;
    right: 50%;
    position: relative;
    transform: translate(50%);
    margin-bottom: 30px;
}
h1 , h2 , h3 , h4 , h5 , h6{
    margin-bottom: 0;
}
h2 {
    font-size: 24px;
    margin: 15px 0 5px;
}
h3 {
    font-size: 21px;
    margin: 15px 0 5px;
}
p{
    font-size: 14px;
    line-height: 2;
}
a , a:hover{
    text-decoration: none !important;
    cursor: pointer;
}
.fit-all-parent {
    position: absolute;
    left: 0;
    width: 100%;
    height: 100%;
    top: 0;
}
h5.title {
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.7;
}

ul{
    padding: 0 !important;
    list-style: none;
}
input[type=checkbox] , input[type=radio] {
    cursor: pointer;
}
body > .content {
    min-height: calc(100vh - 119px - 290px);
}
.pointer-cursor{
    cursor: pointer;
}
.close{
    opacity: 1 !important;
}
.padding-right-0{
    padding-right: 0;
}
.padding-left-0{
    padding-left: 0;
}
.padding-top-0{
    padding-top: 0;
}
.padding-bottom-0{
    padding-bottom: 0;
}

/* Content  | Burger*/
.burger {
    position: relative;
    background: #999;
    height: 2px !important;
    top: -2px;
    display: inline-block;
    width: 18px;
    margin-left: 5px;
    cursor: pointer;
    -webkit-transition: all .8s;
    -moz-transition: all .8s;
    -o-transition: all .8s;
    -ms-transition: all .8s;
    transition: all .8s;
}
.burger:after{
    content: '';
    position: absolute;
    height: 2px !important;
    width: 10px;
    background: #999;
    top: -6px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
}
.burger:before{
    content: '';
    position: absolute;
    height: 2px !important;
    width: 12px;
    background: #999;
    top: 6px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
}
.isBurger:hover .burger:after,.isBurger:hover  .burger::before {
    width: 18px;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    -o-transition: all .4s;
    -ms-transition: all .4s;
    transition: all .4s;
}

/* Content  | Breadcrumb*/
.content-page {
    padding: 50px 0;
}
.breadcrumb {
    background: white;
    padding: 5px 25px 8px 25px !important;
    margin-bottom: 15px;
    border-radius: 5px;
    box-shadow: 0 0 5px #e7ecf0;
}
.breadcrumb li {
    margin-left: 20px;
    position: relative;
}
.breadcrumb li a:hover {
    color: #777;
}
.breadcrumb li a {
    color: #a6a6a6;
}
.breadcrumb li:first-child::before {
    display: none;
}
.breadcrumb li::before {

    font-family: Magazine;
    content: '\e90f';
    left: 10px;
    position: relative;
    top: 4px;
    color: #aaa;

}
.breadcrumb li:first-child a {

    position: relative;
    top: 5px;

}
/* Check Box Nice */

.checkbox {

    --background: #fff;
    --border: #D1D6EE;
    --border-hover: #BBC1E1;
    --border-active: #FFCD00;
    --tick: #222;
    position: relative;
    position: relative;
    display: inline-block;
    vertical-align: -12px;
    margin-left: 5px;

}
.checkbox input,
.checkbox svg {
    width: 14px;
    height: 14px;
    display: block;
}
.checkbox input {
    -webkit-appearance: none;
    -moz-appearance: none;
    position: relative;
    outline: none;
    background: var(--background);
    border: none;
    margin: 0;
    padding: 0;
    cursor: pointer;
    border-radius: 2px;
    -webkit-transition: box-shadow .3s;
    transition: box-shadow .3s;
    box-shadow: inset 0 0 0 var(--s, 1px) var(--b, var(--border));
}
.checkbox input:hover {
    --s: 1px;
    --b: var(--border-hover);
}
.checkbox input:checked {
    --b: var(--border-active);
}
.checkbox svg {
    pointer-events: none;
    fill: none;
    stroke-width: 2px;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke: var(--stroke, var(--border-active));
    position: absolute;
    top: 0;
    left: 0;
    width: 14px;
    height: 14px;
    -webkit-transform: scale(var(--scale, 1)) translateZ(0);
    transform: scale(var(--scale, 1)) translateZ(0);
}
.checkbox.path input:checked {
    --s: 1px;
    -webkit-transition-delay: .4s;
    transition-delay: .4s;
}
.checkbox.path input:checked + svg {
    --a: 16.1 86.12;
    --o: 102.22;
}
.checkbox.path svg {
    stroke-dasharray: var(--a, 86.12);
    stroke-dashoffset: var(--o, 86.12);
    -webkit-transition: stroke-dasharray .6s, stroke-dashoffset .6s;
    transition: stroke-dasharray .6s, stroke-dashoffset .6s;
}
.checkbox.bounce {
    --stroke: var(--tick);
}
.checkbox.bounce input:checked {
    --s: 11px;
}
.checkbox.bounce input:checked + svg {
    -webkit-animation: bounce .4s linear forwards .2s;
    animation: bounce .4s linear forwards .2s;
}
.checkbox.bounce svg {
    --scale: 0;
}

@-webkit-keyframes bounce {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes bounce {
    50% {
        -webkit-transform: scale(1.2);
        transform: scale(1.2);
    }
    75% {
        -webkit-transform: scale(0.9);
        transform: scale(0.9);
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}



/* Rate */
.send-comment .starts {
    position: relative;
    padding: 0px 20px 8px;
    border-radius: 4px;
    direction: rtl;
    display: flex;
    justify-content: space-evenly;
}
.icon-starfill{
    cursor: pointer;
    font-size: 30px;
}
.icon-starfill.active , .icon-starfill.active ~ i {
    color: #ff9801 !important;
}

.icon-starfill:hover  ~ i  , .icon-starfill:hover {
    color: #eab972 !important;
}


.d-desktop{
    display:  inline-block;
}
.d-mobile{
    display: none !important;
}


/* List - Empty */
.list-empty {
    font-size: 40px;
    min-height: 120px;
    display: flex;
    justify-content: space-evenly;
    flex-direction: column;
    align-items: center;

}

/* Paginate */
.pagination {
    justify-content: center;
    margin-top: 20px;
}

ul.list-item {
    list-style: square;
}
ul.list-item li {
    font-size: 14px;
    margin-bottom: 5px;
    color: #666;
}


 /*Overwrite*/
.page-item.active .page-link {

    background-color: #6e4ff5;
    border-color: #6e4ff5;
}
.page-link {

    color: #6e4ff5;
}