@font-face {
    font-family: IRANSans;
    src: url("../Fonts/IRANSansWeb(FaNum).eot");
    src: url("../Fonts/IRANSansWeb(FaNum).eot?#iefix") format("embedded-opentype"), url("../fonts/iransansweb(fanum).ttf") format("truetype"), url("../Fonts/IRANSansWeb(FaNum).woff") format("woff"), url("../Fonts/IRANSansWeb(FaNum).woff2") format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: IRANSans_Light;
    src: url("../Fonts/IRANSansWeb(FaNum)_Light.eot");
    src: url("../Fonts/IRANSansWeb(FaNum)_Light.eot?#iefix") format("embedded-opentype"), url("../Fonts/IRANSansWeb(FaNum)_Light.ttf") format("truetype"), url("../Fonts/IRANSansWeb(FaNum)_Light.woff") format("woff"), url("../Fonts/IRANSansWeb(FaNum)_Light.woff2") format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: IRANSans_Medium;
    src: url("../Fonts/IRANSansWeb(FaNum)_Medium.eot");
    src: url("../Fonts/IRANSansWeb(FaNum)_Medium.eot?#iefix") format("embedded-opentype"), url("../Fonts/IRANSansWeb(FaNum)_Medium.ttf") format("truetype"), url("../Fonts/IRANSansWeb(FaNum)_Medium.woff") format("woff"), url("../Fonts/IRANSansWeb(FaNum)_Medium.woff2") format("woff2");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: IRANSans_Bold;
    src: url("../Fonts/IRANSansWeb(FaNum)_Bold.eot");
    src: url("../Fonts/IRANSansWeb(FaNum)_Bold.eot?#iefix") format("embedded-opentype"), url("../Fonts/IRANSansWeb(FaNum)_Bold.ttf") format("truetype"), url("../Fonts/IRANSansWeb(FaNum)_Bold.woff") format("woff"), url("../Fonts/IRANSansWeb(FaNum)_Bold.woff2") format("woff2");
    font-weight: 400;
    font-style: normal
}

.IRANSans {
    font-family: IRANSans !important
}

.IRANSans_Light {
    font-family: IRANSans_Light !important
}

.IRANSans_Medium {
    font-family: IRANSans_Medium !important
}

.IRANSans_Bold {
    font-family: IRANSans_Bold !important
}

body {
    direction: rtl;
    font-size: 13px;
    font-family: IRANSans;
    text-align: right;
    color: #333;
    margin: 0;
    padding: 0;
    background-color: #f8fafd;
    overflow-x: hidden;
    line-height: 2
}

.fa10 {
    font-size: 10px !important
}

.fa11 {
    font-size: 11px !important
}

.fa12 {
    font-size: 12px !important
}

.fa13 {
    font-size: 13px !important
}

.fa14 {
    font-size: 14px !important
}

.radius5 {
    border-radius: 5px !important
}

.radius10 {
    border-radius: 10px !important
}

.radius15 {
    border-radius: 15px !important
}

.radius20 {
    border-radius: 20px !important;
}

.radius25 {
    border-radius: 25px !important;
}

article,
aside,
details,
figcaption,
footer,
header,
nav,
section,
summary {
    display: block;
    margin: 0;
    padding: 0
}

a,
abbr,
acronym,
address,
applet,
article,
aside,
audio,
b,
big,
blockquote,
body,
canvas,
caption,
center,
cite,
code,
dd,
del,
details,
dfn,
div,
dl,
dt,
em,
embed,
fieldset,
figcaption,
figure,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
i,
iframe,
img,
ins,
kbd,
label,
legend,
li,
mark,
menu,
nav,
object,
ol,
output,
p,
pre,
q,
ruby,
s,
samp,
section,
small,
span,
strike,
strong,
sub,
summary,
sup,
table,
tbody,
td,
tfoot,
th,
thead,
time,
tr,
tt,
u,
ul,
var,
video {
    margin: 0;
    padding: 0;
    border: 0
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    outline: 0;
    box-sizing: border-box
}

img {
    border: none;
    text-decoration: none;
    outline: 0;
    max-width: 100%;
    height: auto
}

button:focus,
input:focus,
select:focus,
textarea:focus {
    outline: 0
}

img[class*=align] {
    height: auto;
    max-width: 100%
}

img.header-image,
img.size-full,
img.size-large {
    max-width: 100%;
    height: auto;
    display: block
}

.aligncenter,
div.aligncenter {
    display: block !important;
    margin-left: auto !important;
    margin-right: auto
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 24px
}

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

Post-single li,
nav, ol,
ol li,
ul {
    margin: 0;
    margin-right: 15px;
    padding: 0;
    padding-top: 5px;
}

i {
    font-style: normal
}

a {
    color: #2b2626;
    text-decoration: none !important
}

    a:hover {
        text-decoration: none
    }

h1,
h2,
h3,
h4,
h5,
h6 {
    margin: 0;
    padding: 0;
    line-height: 1.8em
}

.news-content h2 {
    font-family: IRANSans !important
}

.h1,
h1 {
    font-size: 1.03rem !important
}

.h2,
h2 {
    font-size: .85rem
}

.clear,
.clearfix {
    clear: both
}

    .clear:after,
    .clear:before,
    .clearfix:after,
    .clearfix:before {
        content: '';
        display: block;
        clear: both
    }

.right {
    float: right !important
}

.left {
    float: left !important
}

#searchform input#s,
.compare .btn,
input.input-text,
input[type=email],
input[type=number],
input[type=password],
input[type=search],
input[type=text],
textarea {
    -webkit-transition: all .25s ease-out;
    -o-transition: all .25s ease-out;
    transition: all .25s ease-out;
    color: #666;
    font-size: 12px
}

.card {
    -ms-border-radius: 15px;
    -moz-border-radius: 15px;
    -webkit-border-radius: 15px;
    border-radius: 10px;
    -ms-box-shadow: 0 5px 10px 3px rgba(154, 161, 171, .25);
    -moz-box-shadow: 0 5px 10px 3px rgba(154, 161, 171, .25);
    -webkit-box-shadow: 0 5px 10px 3px rgba(154, 161, 171, .25);
    box-shadow: 0 5px 10px 3px rgba(154, 161, 171, .25);
    background-color: #fff;
    position: relative;
    border: none
}

.form-control:focus {
    border-color: #ced4da !important;
    outline: unset !important;
    box-shadow: unset !important
}

.btn.focus,
.btn:focus,
.page-link:focus {
    outline: unset !important;
    box-shadow: unset !important
}

.btn {
    font-size: .8rem;
    border-radius: .9rem
}

.btn-light {
    background-color: #f0f0f0
}

.btn-success {
    background-color: #1b8b34 !important
}

.btn-lightorng {
    background-color: #e10cd4c7;
    color: #fff
}

    .btn-lightorng:hover {
        background-color: #e10cd4c7;
        color: #fff
    }

.contact-block h4 {
    border-bottom: 1px dashed #c8d4d9;
    padding-bottom: 8px;
    margin-bottom: 8px;
    font-size: .9rem !important
}

.contact-block i {
    font-size: 16px;
    background-color: #edf5ff;
    color: #13c4a1;
    border-radius: 100%;
    width: 32px;
    height: 32px;
    text-align: center
}

.contact-block p {
    font-size: 13px
}

.contact-shape img {
    position: absolute
}

.brcontact {
    border-right: 2px solid #42c4b5;
    border-radius: 8px
}

#cstm_collapsible .collapsible {
    background-color: #fff;
    color: #444;
    cursor: pointer;
    padding: 8px;
    width: 100%;
    text-align: right;
    border: none;
    outline: 0;
    transition: .4s;
    border: 1px solid #d9d7da;
    border-radius: 25px;
    margin-bottom: 5px
}

    #cstm_collapsible .collapsible:after {
        content: '\002B';
        color: #128c8c;
        font-size: 14px;
        float: right;
        margin-left: 5px;
        transition: all .4s;
        font-weight: 700;
        padding: 0 9px;
        background-color: #ededed;
        border-radius: 100%
    }

#cstm_collapsible .active:after {
    content: "\2212";
    transform: rotate(180deg);
    transition: all .4s
}

#cstm_collapsible .content {
    padding: 0 18px;
    background-color: #fff;
    overflow: hidden;
    max-height: 0;
    transition: max-height .2s ease-out
}

h1.bt-color::after {
    content: '';
    width: auto;
    height: 2px;
    background-color: #43a5a7;
    display: block;
    margin-top: .22em !important
}

h1.bt-center::after {
    content: '';
    width: 80px;
    height: 2px;
    background-color: #129c9a;
    display: block;
    margin-top: .22em !important;
    margin: 0 auto
}

h2.bt-color::after {
    content: '';
    width: auto;
    height: 2px;
    background-color: #43a5a7;
    display: block;
    margin-top: .22em !important
}

h2.bt-center::after {
    content: '';
    width: 80px;
    height: 2px;
    background-color: #129c9a;
    display: block;
    margin-top: .22em !important;
    margin: 0 auto
}

h3.bt-color::after {
    content: '';
    width: auto;
    height: 2px;
    background-color: #43a5a7;
    display: block;
    margin-top: .22em !important;
}

h3.bt-center::after {
    content: '';
    width: 80px;
    height: 2px;
    background-color: #129c9a;
    display: block;
    margin-top: .22em !important;
    margin: 0 auto
}

.trustBanner {
    background-image: linear-gradient(to right, rgba(144, 30, 193, .9) 0, rgba(116, 80, 254, .9) 51%, rgba(144, 30, 193, .9) 100%);
    height: auto
}

.comment img {
    width: 33px;
    height: 33px
}

.blogimg {
    width: 100%;
    height: auto
}

.bg-lightblue {
    background-color: #13c4a1
}

#cards .card .user-picture img {
    position: absolute;
    top: -10%;
    left: 7%;
    background: #e7eaed !important;
    padding: 5px;
    width: 90px;
    height: 90px
}

.display-4 {
    font-size: 3rem !important
}

.contact-box {
    text-align: center !important;
    -webkit-transition: .4s;
    transition: .4s;
    padding: 30px
}

    .contact-box .icon {
        display: inline-block;
        width: 80px;
        height: 80px;
        line-height: 80px;
        background: #edf5ff;
        border-radius: 50%;
        font-size: 30px;
        color: #13c4a1;
        -webkit-transition: .4s;
        transition: .4s;
        margin: 0 auto;
        margin-bottom: 15px
    }

.service_style {
    -webkit-transition: .4s;
    transition: .4s
}

    .service_style .icon {
        display: inline-block;
        width: 60px;
        height: 60px;
        background: #edf5ff;
        border-radius: 50%;
        font-size: 16px;
        color: #13c4a1;
        -webkit-transition: .4s;
        transition: .4s;
        margin: 0 auto;
        margin: 0 auto
    }

        .service_style .icon i {
            line-height: .8 !important
        }

    .contact-box:hover .icon,
    .service_style:hover .icon {
        color: #fff;
        background: #ff8a73
    }

    .service_style ul li {
        list-style: none !important;
    }

.contact-box:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    cursor: pointer
}

.service_style:hover {
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    cursor: pointer;
    border-radius: 20px;
    -ms-box-shadow: 0 0 20px 6px rgba(154, 161, 171, .18);
    -moz-box-shadow: 0 0 20px 6px rgba(154, 161, 171, .18);
    -webkit-box-shadow: 0 0 20px 6px rgba(154, 161, 171, .18);
    box-shadow: 0 0 20px 6px rgba(154, 161, 171, .18)
}

.img-box img {
    animation: floating2 7s infinite;
    -webkit-animation: floating2 7s infinite;
    max-height: 500px
}

@keyframes floating2 {
    0% {
        -webkit-transform: rotateX(0) translateY(0);
        -moz-transform: rotateX(0) translateY(0);
        -ms-transform: rotateX(0) translateY(0);
        -o-transform: rotateX(0) translateY(0);
        transform: rotateX(0) translateY(0)
    }

    50% {
        -webkit-transform: rotateX(0) translateY(15px);
        -moz-transform: rotateX(0) translateY(15px);
        -ms-transform: rotateX(0) translateY(15px);
        -o-transform: rotateX(0) translateY(15px);
        transform: rotateX(0) translateY(15px)
    }

    100% {
        -webkit-transform: rotateX(0) translateY(0);
        -moz-transform: rotateX(0) translateY(0);
        -ms-transform: rotateX(0) translateY(0);
        -o-transform: rotateX(0) translateY(0);
        transform: rotateX(0) translateY(0)
    }
}

@-webkit-keyframes floating2 {
    0% {
        -webkit-transform: rotateX(0) translateY(0);
        -moz-transform: rotateX(0) translateY(0);
        -ms-transform: rotateX(0) translateY(0);
        -o-transform: rotateX(0) translateY(0);
        transform: rotateX(0) translateY(0)
    }

    50% {
        -webkit-transform: rotateX(0) translateY(15px);
        -moz-transform: rotateX(0) translateY(15px);
        -ms-transform: rotateX(0) translateY(15px);
        -o-transform: rotateX(0) translateY(15px);
        transform: rotateX(0) translateY(15px)
    }

    100% {
        -webkit-transform: rotateX(0) translateY(0);
        -moz-transform: rotateX(0) translateY(0);
        -ms-transform: rotateX(0) translateY(0);
        -o-transform: rotateX(0) translateY(0);
        transform: rotateX(0) translateY(0)
    }
}

h3 {
    font-size: 1.2rem
}

.review-item {
    background: #fbfbfd;
    padding: 20px;
    position: relative;
    border-radius: 25px;
    margin-bottom: 2.5rem;
    -webkit-transition: .4s;
    transition: .4s;
    border-bottom: 3px solid #129f9b
}

    .review-item:hover {
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
        cursor: pointer
    }

    .review-item h2 {
        color: #263d83;
        font-family: IRANSans_Medium
    }

    .review-item span {
        color: #757591;
        font-size: 12px
    }

    .review-item img {
        height: 60px;
        width: 60px;
        border-radius: 20%;
        box-shadow: 0 0 10px 0 rgba(20, 39, 82, .1);
        margin: 0 0 5px 5px
    }

.form-control {
    text-indent: 10px !important;
    font-weight: 300 !important;
    padding: 8px 10px;
    margin: 5px 0 5px 0;
    border-radius: 3px;
    border: 1px solid #c8c9d3;
    background: #FDFDFD;
    color: #23242c;
}

.text-purple {
    color: #087c7a !important
}

.bg-faq2 {
    background: linear-gradient(rgba(0, 0, 0, .6), rgba(0, 0, 0, .6)), url(../Img/faq-cover.jpg) top no-repeat;
    background-size: cover
}

    .bg-faq2 h3 {
        font-size: 1.5rem !important
    }

.bg-purple {
    background-image: linear-gradient(119deg, #13a49d, #065482) !important
}

.boxcontent {
    position: relative;
    top: -120px;
    z-index: 20
}

.h120 {
    height: 120px
}

.h200 {
    height: 200px
}

.maxw404 {
    max-width: 700px
}

.blog h4 {
    font-size: 1rem !important
}

.blog span a {
    color: #1060b8 !important
}

.card-img-top {
    border-top-left-radius: 15px !important;
    border-top-right-radius: 15px !important
}

.page-item.active .page-link {
    color: #fff !important;
    background-color: #3c8e97 !important;
    border-color: #3c8e97 !important;
    padding: 8px 13px 8px !important
}

.pagination > li > a {
    border-radius: 30px !important;
    margin: 2px !important;
    padding: 8px 13px 8px
}

.page-link {
    color: #1c4168;
    background-color: #fff;
    border: 1px solid #dadbe0;
    -ms-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .09);
    -moz-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .09);
    -webkit-box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .09);
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .09)
}

.thumb-post img {
    width: 66px;
    height: 60px;
    border-radius: 14px;
    box-shadow: 0 0 10px -3px rgba(0, 0, 0, .1);
    padding: 2px
}

.thumb-post h3 {
    font-size: 12px !important;
    font-family: IRANSans;
}

.thumb-post ul li {
    margin-bottom: 10px;
    border-bottom: 1px dashed #c5d5e1
}

.course-details-layer .course-price {
    display: block;
    width: 100%;
    line-height: 35px;
    font-size: 12px;
    padding: 8px 0 18px;
    border-bottom: 1px solid #edf1f4;
    color: #1e2f38
}

    .course-details-layer .course-price .fa-money {
        font-size: 19px;
        position: relative;
        margin-left: 5px;
        top: 3px;
        color: #6fc341
    }

    .course-details-layer .course-price span {
        color: #6fc341;
        font-size: 14px;
        font-weight: 700
    }

        .course-details-layer .course-price span i {
            font-style: normal;
            font-size: 20px;
            font-weight: 700
        }

.course-details-layer ul li span.blue-lbl {
    color: #00b3e9
}

.course-details-layer ul {
    padding: 15px 0;
}

    .course-details-layer ul li {
        position: relative;
        line-height: 25px;
        font-size: 14px;
        margin: 10px 0 !important;
        color: #686e71
    }

        .course-details-layer ul li i.fa-user {
            right: 2px
        }

        .course-details-layer ul li i {
            width: 25px;
            text-align: right;
            font-size: 17px;
            color: #b0b9be;
            position: relative;
            top: 2px
        }

        .course-details-layer ul li span {
            position: relative;
            line-height: 25px;
            font-size: 14px;
            color: #1e2f38
        }

.course-details-layer .registration {
    width: 100%;
    height: 45px;
    font-size: 16px;
    margin-top: 2px
}

.our-team h2,
.our-team h3 {
    color: #263d83
}

.team-boxed h2 {
    font-weight: 700;
    margin-bottom: 40px;
    padding-top: 40px;
    color: inherit
}

@media (max-width:767px) {
    .team-boxed h2 {
        margin-bottom: 25px;
        padding-top: 25px;
        font-size: 24px
    }
}

.team-boxed .intro {
    font-size: 16px;
    max-width: 500px;
    margin: 0 auto
}

    .team-boxed .intro p {
        margin-bottom: 0
    }

.team-boxed .people {
    padding: 25px 0
}

.team-boxed .box {
    text-align: center;
    padding: 30px;
    background-color: #fff;
    margin-bottom: 30px;
    border-radius: 25px;
    box-shadow: 0 20px 20px rgba(0, 0, 0, .08);
    transition: box-shadow .2s cubic-bezier(.02, .01, .47, 1), transform .2s cubic-bezier(.02, .01, .47, 1)
}

    .team-boxed .box:hover {
        box-shadow: 0 40px 40px rgba(0, 0, 0, .16);
        transform: translate(0, -15px);
        cursor: pointer !important
    }

.team-boxed .item .name {
    margin-top: 20px;
    font-family: IRANSans_Bold
}

.team-boxed .item .description {
    margin-top: 15px;
    margin-bottom: 5px
}

.team-boxed .item img {
    width: 100px;
    height: 100px;
    box-shadow: 0 0 10px -3px rgba(0, 0, 0, .1);
    padding: 3px
}

.team-boxed .social {
    font-size: 17px;
    background-color: #d1c0fd;
    border-radius: 15px
}

    .team-boxed .social a {
        color: #465260 !important;
        margin: 0 2px;
        display: inline-block;
        opacity: .7
    }

        .team-boxed .social a:hover {
            opacity: 1
        }

.overlyblog::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(14, 36, 74, .79) 100%);
    border-radius: 15px
}

.overlyblog {
    overflow: hidden;
    border-radius: 15px
}

    .overlyblog img {
        border-radius: 15px;
        -webkit-transition: .6s ease;
        transition: .6s ease;
        width: 100%
    }

    .overlyblog:hover img {
        -webkit-transform: scale(1.2);
        transform: scale(1.2)
    }

.descrpt {
    bottom: 0;
    width: 100%
}

    .descrpt h3 a {
        color: #fff !important;
        font-family: IRANSans_Bold;
        font-size: .85rem;
    }

.brdr {
    border: 1px solid #ccd5e1
}

.login2 .card {
    width: 25rem !important;
    padding: 0 !important;
    border: none !important;
    border-radius: .5rem !important;
    -webkit-box-shadow: -15px -15px 0 0 #fb968b !important;
    box-shadow: -15px -15px 0 0 #fb968b !important
}

.login2 a.active {
    border-bottom: 2px solid #9738cc !important
}

.login2 .nav-link {
    color: #6e6e6e !important;
    font-weight: 500 !important;
    padding: 0 !important;
    text-align: center;
    width: 50%;
    margin: 0 auto
}

    .login2 .nav-link a {
        padding: .7rem 1rem !important;
        font-size: 14px
    }

.login2 .nav-pills .nav-link.active {
    color: #000 !important;
    background-color: #fff !important;
    border-radius: .5rem .5rem 0 0 !important
}

.login2 .shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .16) !important
}

.login2 p {
    color: #475d78 !important
}

.bg-account {
    background-color: #fc5296;
    background-image: linear-gradient(315deg, #fc5296 0, #f67062 74%)
}

.bg-greengrad {
    background-image: linear-gradient(119deg, #00c395, #065482) !important
}

.min-h {
    min-height: 700px
}

.login2 .form-group {
    position: relative
}

    .login2 .form-group i {
        position: absolute;
        right: 15px;
        top: 15px;
        color: #aeaeb5
    }

.login2 .form-control {
    padding: .75rem 1.3rem !important
}

.btn-grad {
    background-color: #ff7262 !important
}

.btn-facebook {
    background-color: #3a559f;
    color: #fff;
    font-size: 13px
}

.btn-google {
    background-color: #dd4b39;
    color: #fff;
    font-size: 13px;
    padding: 8px 12px
}

.login-or {
    color: #d4d4d4;
    margin-bottom: 10px 0;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative
}

.or-line {
    background-color: #e5e5e5;
    height: 1px;
    margin-bottom: 0;
    margin-top: 0;
    display: block
}

.span-or {
    background-color: #fff;
    display: block;
    right: 50%;
    margin-right: -20px;
    position: absolute;
    text-align: center;
    top: -3px;
    width: 42px
}

a.btn-facebook:hover,
a.btn-google:hover {
    color: #fff !important
}

.img70 {
    width: 70px;
    height: 70px;
    border-radius: 10px;
    margin-left: 15px
}

.ratings i {
    color: #f29c00
}

.install span {
    font-size: 12px
}

.mynewsletter {
    max-height: 250px;
    overflow: hidden;
    max-width: 900px
}

    .mynewsletter img {
        max-width: 180px
    }

    .mynewsletter input {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important
    }

.media h3 {
    font-size: 1rem !important
}

#accordionExample .card-header {
    background-color: #f6f7f6;
    border-top-right-radius: 0 !important;
    border-top-left-radius: 0 !important
}

#accordionExample .btn {
    font-size: .9rem !important;
    color: #4c4949 !important
}

.collapsible-link {
    width: 100%;
    position: relative;
    text-align: left
}

    .collapsible-link::before {
        content: '\f107';
        position: absolute;
        top: 50%;
        left: .8rem !important;
        transform: translateY(-50%);
        display: block;
        font-family: FontAwesome;
        font-size: 1.1rem
    }

    .collapsible-link[aria-expanded=true]::before {
        content: '\f106'
    }

.tejarat img {
    width: 40px !important;
    height: 40px !important;
    border-radius: 100%
}

.tejarat th span {
    font-size: 13px !important
}

.pcu {
    padding: .5rem 1rem !important
}

.latestProduct img {
    width: 46px !important;
    height: 46px !important;
    border-radius: 100%
}

.m_category img {
    width: 40px;
    height: 40px;
    border-radius: 100%
}

.srproduct img {
    width: 105px;
    border-radius: 15px
}

.card-header {
    border-bottom: 2px solid #eee !important;
    background-color: #fff;
    border-top-right-radius: 20px !important;
    border-top-left-radius: 20px !important
}

    .card-header h2::after {
        content: "";
        display: inline-block;
        background: #1249dc;
        position: absolute;
        height: 2px;
        width: 120px;
        right: 0;
        top: 49px
    }

.searchlist ul li {
    list-style: disc !important
}

[class*=" social-icon-"],
[class^=social-icon-] {
    font-family: social-icons !important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.social-icon-instagram:before {
    content: "\e905"
}

.social-icon-telegram:before {
    content: "\e904"
}

.social-icon-aparat:before {
    content: "\e901"
}

.social-icon-tamasha:before {
    content: "\e902"
}

.social-icon-eitaa:before {
    content: "\e903"
}

.social-icon-soroush:before {
    content: "\e900"
}

.social-icons {
    text-align: center;
    color: rgba(255, 255, 255, .5);
    direction: ltr
}

    .social-icons span {
        font-size: 23px
    }

    .social-icons a {
        color: rgba(255, 255, 255, .5);
        width: 30px;
        display: inline-block;
        margin: 0 5px
    }

        .social-icons a:last-child imga {
            margin-left: 0
        }

.widebox img {
    width: 90px;
    margin-bottom: 8px
}

#mb_parallax {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../Image/Option/packageBg.jpg);
    background-attachment: fixed
}

.fivblog h4 {
    font-size: .9rem !important
}

.fivblog .card-body .fa-arrow-left {
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out
}

.blog span a .fivblog .card-body .fa-arrow-left:hover {
    color: #fa8f06;
    padding: 6px 5px
}

.cateblog a {
    position: absolute;
    right: 25px;
    top: -10px;
    background-color: #442fae;
    color: #fff !important;
    font-family: IRANSans_Medium;
    border-radius: 15px;
    font-size: 10px;
    padding: 0 10px
}

.m620 {
    max-width: 620px
}

.card-background1 {
    background-image: url(../Img/img_2.jpg)
}

.bg-transparent1 {
    background-color: rgba(7, 123, 101, .76)
}

.section-gray .bg-success {
    background-color: #06814d !important
}

.bg-info {
    background-color: #17b8b8 !important
}

.bg-transparent2 {
    background-color: rgba(16, 53, 100, .69)
}

.bglogin {
    width: 100%;
    min-height: 100vh;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    padding: 15px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    z-index: 1
}

    .bglogin::before {
        content: "";
        display: block;
        position: absolute;
        z-index: -1;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        background: rgba(93, 84, 240, .5);
        background: -webkit-linear-gradient(left, rgba(0, 168, 255, .5), rgba(185, 0, 255, .5));
        background: -o-linear-gradient(left, rgba(0, 168, 255, .5), rgba(185, 0, 255, .5));
        background: -moz-linear-gradient(left, rgba(0, 168, 255, .5), rgba(185, 0, 255, .5));
        background: linear-gradient(left, rgba(0, 168, 255, .5), rgba(185, 0, 255, .5));
        pointer-events: none
    }

.pro img {
    height: auto;
    width: 114px
}

.prct .grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(18.75rem, 1fr));
    grid-gap: 3.125rem;
    align-items: stretch
}

.price-table {
    text-align: center;
    overflow: hidden;
    background: #fff;
    box-sizing: border-box;
    box-shadow: 0 0 20px 6px rgba(154, 161, 171, .18);
    border-radius: 1.25rem;
    transition: box-shadow .2s cubic-bezier(.02, .01, .47, 1), transform .2s cubic-bezier(.02, .01, .47, 1)
}

    .price-table .price-head {
        padding: .5rem 0;
        background: linear-gradient(45deg, #cf21f3, #5121f3);
        border-bottom-left-radius: 25px;
        border-bottom-right-radius: 25px
    }

        .price-table .price-head h4 {
            text-transform: uppercase;
            margin: 0;
            padding: 0;
            color: #fff;
            font-weight: 700
        }

        .price-table .price-head h2 {
            margin: 0;
            padding: 1rem 0;
            color: #fff
        }

    .price-table .price-content ul {
        margin: 0;
        padding: 1.25rem 0
    }

        .price-table .price-content ul li {
            list-style: none;
            padding: .3rem 0;
            color: #777;
            cursor: pointer;
            border-left: .3rem solid transparent;
            border-right: .3rem solid transparent;
            transition: .5s
        }

            .price-table .price-content ul li:hover {
                border-left-color: #9e02c5;
                border-right-color: #9e02c5
            }

.pricing-table {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(16em, 1fr));
    grid-gap: 2em;
    margin: 0 auto;
    padding: 0;
    list-style-type: none
}

.pricing-table__item {
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #fff;
    padding: 2em;
    border-radius: 1.5em;
    box-shadow: 0 20px 20px rgba(0, 0, 0, .08);
    transition: box-shadow .2s cubic-bezier(.02, .01, .47, 1), transform .2s cubic-bezier(.02, .01, .47, 1)
}

    .pricing-table__item:hover {
        box-shadow: 0 40px 40px rgba(0, 0, 0, .16);
        transform: translate(0, -20px)
    }

.pricing-table__item--popular {
    position: relative
}

    .pricing-table__item--popular::before {
        position: absolute;
        content: attr(data-popular);
        top: 2em;
        right: 2em;
        font-size: .9em;
        padding: 0 1em;
        background-color: #ffd900;
        border-radius: 1em;
        color: #282824
    }

.pricing-table__img {
    margin: 1.8em auto;
    width: 100%;
    max-width: 6em
}

.pricing-table__title {
    margin: 0;
    font-size: 1.6em;
    text-transform: capitalize
}

.pricing-table__description {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto
}

.pricing-table__tagline {
    margin: 0;
    color: #9ea0a3;
    text-align: center
}

.pricing-table__price {
    font-size: 1.15em;
    font-weight: 700
}

.pricing-table__label {
    margin: 0;
    color: #9ea0a3;
    font-size: .9em
}

.pricing-table__save {
    color: #4cae4f;
    font-weight: 700
}

.pricing-table__products {
    margin: 1em 0;
    padding: 0;
    list-style-type: none;
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.pricing-table__product {
    display: flex;
    align-items: center;
    font-weight: 700;
    margin-bottom: .5em
}

    .pricing-table__product a {
        text-decoration: none;
        color: inherit;
        transition: color .2s ease-in-out
    }

        .pricing-table__product a:hover {
            color: var(--pricing-table-color)
        }

    .pricing-table__product::before {
        content: ' ';
        width: .5em;
        height: .5em;
        margin-inline-end: 1em;
        border-radius: 50%;
        background-color: var(--pricing-table-color)
    }

.pricing-table__product--excluded::before {
    content: ' ';
    width: .5em;
    height: .5em;
    margin-inline-end: 1em;
    border-radius: 0;
    color: red;
    transform: scale(2.5)
}

.pricing-table__button {
    background: var(--pricing-table-color);
    color: #fff;
    margin-top: auto;
    padding: 1em 2em;
    text-decoration: none;
    width: 100%;
    border-radius: 1.87em;
    text-align: center;
    transition: background .2s ease-in-out;
    text-transform: capitalize
}

    .pricing-table__button:hover {
        background-color: #4cae4f
    }

.e1-details {
    padding: 10px 15px
}

.owl-event1 h2 {
    font-size: .8rem !important
}

.owl-nav.disabled {
    display: none !important
}

#owl-mainslider .item img {
    max-height: 250px;
    width: 100%;
    border-radius: 25px
}

#owlmainsliderWeb img {
    max-height: 260px !important
}

#owlmainslidersidbar img {
    max-height: 400px !important;
    height: 400px
}

.owl-prev, .owl-next {
    position: absolute !important;
    font-size: 18px !important;
    background-color: transparent !important;
    color: #585d62 !important;
    padding: 4px 16px !important;
    top: 38% !important;
}

#owl-mainslider .owl-next,
#owl-mainslider .owl-prev {
    position: absolute;
    font-size: 27px;
    color: #fff !important;
    font-family: 'Font Awesome 5 Free';
    top: 50%;
    margin: 0 20px
}

.owl-event1 p,
.owl-event1 span {
    font-size: 12px !important
}

.owl-demo5 .owl-next,
.owl-demo5 .owl-prev,
.owl-event1 .owl-next,
.owl-event1 .owl-prev,
.owl-event4 .owl-next,
.owl-event4 .owl-prev {
    position: absolute;
    font-size: 35px;
    background-color: #fff !important;
    color: #000;
    padding: 8px 15px;
    font-family: 'Font Awesome 5 Free';
    top: 35%;
    border-radius: 50%;
    -ms-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, .11);
    -moz-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, .11);
    -webkit-box-shadow: 0 7px 13px 0 rgba(0, 0, 0, .11);
    box-shadow: 0 7px 13px 0 rgba(0, 0, 0, .11)
}

.owl-demo5 .owl-next,
.owl-event1 .owl-next,
.owl-event4 .owl-next {
    right: -1rem
}

.owl-demo5 .owl-prev,
.owl-event1 .owl-prev,
.owl-event4 .owl-prev {
    left: -1rem
}

    .owl-demo5 .owl-prev:after,
    .owl-event1 .owl-prev:after,
    .owl-event4 .owl-prev:after {
        font-family: 'Font Awesome 5 Free';
        content: "\f053";
        font-size: 18px;
        font-style: normal
    }

.owl-demo5 .owl-next:before,
.owl-event1 .owl-next:before,
.owl-event4 .owl-next:before {
    font-family: 'Font Awesome 5 Free';
    content: "\f054";
    font-size: 18px;
    font-style: normal
}

.ev2 .item,
.ev4 .item {
    margin: 10px 0
}

.ev2 img {
    width: 85px;
    height: 85px;
    margin: 5px auto
}

.ev2 .e1-details {
    padding: 0 !important
}

.ev4 img {
    width: 50px;
    height: 50px;
    margin: 8px 0
}

#owl-Ntejari ul.news-slider-item li {
    margin-bottom: 14px !important
}

.alert-light {
    color: #818182;
    background-color: #f7f7f7 !important;
    border-color: #f7f7f7 !important
}

.breadcrumb-item + .breadcrumb-item::before {
    padding: 0 .3rem !important
}

.list-group-item {
    padding: .22rem 1.25rem !important;
    border: none !important
}

.abs .item {
    position: relative !important;
    margin: 30px 0 !important
}

.abs img {
    width: 70px !important;
    height: 70px !important;
    position: absolute !important;
    top: -35px !important;
    right: 0;
    left: 0;
    border: 2px solid #fff;
    box-shadow: 0 3px 4px 0 #b0c6c3
}

.abs .e1-details {
    padding-top: 50px !important
}

.btn-outline-light {
    color: #fff !important;
    border-color: #fff !important
}

.simpletb .table td,
.simpletb .table th {
    padding: .75rem !important
}

.card .fa-arrow-left {
    padding-top: 6px
}

.sidebar-page-container .post-inner .post {
    position: relative;
    padding: 0 0 0 75px;
    padding-bottom: 10px;
    margin-bottom: 6px;
    border-bottom: 1px solid #e5e5e5
}

    .sidebar-page-container .post-inner .post:last-child {
        border-bottom: none
    }

    .sidebar-page-container .post-inner .post .post-date {
        position: absolute;
        left: 0;
        top: 4px;
        width: 54px;
        height: 54px;
        text-align: center;
        border-radius: 5px
    }

    .sidebar-page-container .post-inner .post .post-date {
        background: #13c4a1;
        padding-top: 5px
    }

        .sidebar-page-container .post-inner .post .post-date p {
            display: block;
            font-size: 13px;
            font-weight: 500;
            color: #fff;
            text-align: center;
            line-height: 2
        }

        .sidebar-page-container .post-inner .post .post-date span {
            position: relative;
            display: block;
            font-size: 12px;
            line-height: 10px;
            color: #fff;
            margin: 0;
            padding: 0
        }

    .sidebar-page-container .post-inner .post .file-box {
        position: relative;
        margin-bottom: 9px
    }

        .sidebar-page-container .post-inner .post .file-box i {
            position: relative;
            display: inline-block;
            font-size: 14px;
            color: #666 !important;
            margin-right: 10px
        }

        .sidebar-page-container .post-inner .post .file-box p {
            position: relative;
            display: inline-block;
            margin-bottom: 0
        }

    .sidebar-page-container .post-inner .post h5 {
        position: relative;
        display: block;
        font-size: 18px;
        line-height: 28px;
        font-weight: 600;
        margin-bottom: 0;
        color: #1d165c;
        margin: 0
    }

.sidebar-page-container .sidebar .sidebar-post .post-inner .post h5 a {
    display: inline-block;
    color: #1d165c
}

    .sidebar-page-container .sidebar .sidebar-post .post-inner .post h5 a:hover {
        color: #e61819
    }

.carousel-inner-data {
    margin: 0 auto;
    min-height: 288px;
    overflow: hidden
}

    .carousel-inner-data ul {
        list-style: none;
        position: relative
    }

    .carousel-inner-data li {
        height: auto
    }

.mark,
mark {
    background-color: #fce8e3 !important
}

.p_relative {
    position: relative
}

.demo-slider .form-control {
    border-radius: 0 !important
}

#owl-toparticle img {
    width: 100%
}

#myCarousel .carousel-item .mask {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background-attachment: fixed
}

#myCarousel h4 {
    font-size: 50px;
    margin-bottom: 15px;
    color: #fff;
    line-height: 100%;
    letter-spacing: .5px;
    font-weight: 600
}

#myCarousel p {
    font-size: 18px;
    margin-bottom: 15px;
    color: #d5d5d5
}

#myCarousel img {
    max-height: 350px
}

#myCarousel .carousel-item a {
    background: #f47735;
    font-size: 14px;
    color: #fff;
    padding: 13px 32px;
    display: inline-block
}

    #myCarousel .carousel-item a:hover {
        background: #394fa2;
        text-decoration: none
    }

#myCarousel .carousel-item h4 {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

#myCarousel .carousel-item p {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

#myCarousel .carousel-item a {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

#myCarousel .carousel-item .mask img {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight;
    display: block;
    height: auto;
    max-width: 100%
}

#myCarousel .carousel-item .mask img,
#myCarousel a,
#myCarousel h4,
#myCarousel p {
    -webkit-animation-duration: 1s;
    animation-duration: 1.2s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

#myCarousel .container {
    max-width: 1430px
}

#myCarousel .carousel-item {
    min-height: 450px
}

#myCarousel {
    position: relative;
    z-index: 1;
    background-color: #89128e
}

.carousel-control-next,
.carousel-control-prev {
    height: 40px;
    width: 40px;
    padding: 12px;
    top: 50%;
    bottom: auto;
    transform: translateY(-50%);
    background-color: #f47735
}

.carousel-item {
    position: relative;
    display: none;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    transition: transform .6s ease;
    transition: -webkit-transform .6s ease;
    transition: transform .6s ease, -webkit-transform .6s ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-perspective: 1000px;
    perspective: 1000px
}

.carousel-fade .carousel-item {
    opacity: 0;
    -webkit-transition-duration: .6s;
    transition-duration: .6s;
    -webkit-transition-property: opacity;
    transition-property: opacity
}

    .carousel-fade .carousel-item-next.carousel-item-left,
    .carousel-fade .carousel-item-prev.carousel-item-right,
    .carousel-fade .carousel-item.active {
        opacity: 1
    }

.carousel-fade .carousel-item-left.active,
.carousel-fade .carousel-item-right.active {
    opacity: 0
}

.carousel-fade .carousel-item-left.active,
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item-prev.active,
.carousel-fade .carousel-item.active {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0)
}

@supports (transform-style:preserve-3d) {
    .carousel-fade .carousel-item-left.active,
    .carousel-fade .carousel-item-next,
    .carousel-fade .carousel-item-prev,
    .carousel-fade .carousel-item-prev.active,
    .carousel-fade .carousel-item.active {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.carousel-fade .carousel-item-left.active,
.carousel-fade .carousel-item-next,
.carousel-fade .carousel-item-prev,
.carousel-fade .carousel-item-prev.active,
.carousel-fade .carousel-item.active {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

@-webkit-keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

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

@keyframes fadeInLeft {
    from {
        opacity: 0;
        -webkit-transform: translate3d(-100%, 0, 0);
        transform: translate3d(-100%, 0, 0)
    }

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

.fadeInLeft {
    -webkit-animation-name: fadeInLeft;
    animation-name: fadeInLeft
}

@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

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

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0)
    }

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

.fadeInUp {
    -webkit-animation-name: fadeInUp;
    animation-name: fadeInUp
}

@-webkit-keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

@keyframes slideInRight {
    from {
        -webkit-transform: translate3d(100%, 0, 0);
        transform: translate3d(100%, 0, 0);
        visibility: visible
    }

    to {
        -webkit-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
}

.slideInRight {
    -webkit-animation-name: slideInRight;
    animation-name: slideInRight
}

.mg-2,
.mg-4 {
    margin-left: -20px
}

.linkfeat {
    background: rgba(76, 76, 76, 0);
    background: -moz-linear-gradient(top, rgba(76, 76, 76, 0) 0, rgba(48, 48, 48, 0) 49%, #131313 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0, rgba(76, 76, 76, 0)), color-stop(49%, rgba(48, 48, 48, 0)), color-stop(100%, #131313));
    background: -webkit-linear-gradient(top, rgba(76, 76, 76, 0) 0, rgba(48, 48, 48, 0) 49%, #131313 100%);
    background: -o-linear-gradient(top, rgba(76, 76, 76, 0) 0, rgba(48, 48, 48, 0) 49%, #131313 100%);
    background: -ms-linear-gradient(top, rgba(76, 76, 76, 0) 0, rgba(48, 48, 48, 0) 49%, #131313 100%);
    background: linear-gradient(to bottom, rgba(76, 76, 76, 0) 0, rgba(48, 48, 48, 0) 49%, #131313 100%)
}

.coupon .kanan {
    border-left: 1px dashed #ddd;
    width: 40% !important;
    position: relative
}

    .coupon .kanan .info::after,
    .coupon .kanan .info::before {
        content: '';
        position: absolute;
        width: 20px;
        height: 20px;
        background: #dedede;
        border-radius: 100%
    }

    .coupon .kanan .info::before {
        top: -10px;
        right: -10px
    }

    .coupon .kanan .info::after {
        bottom: -10px;
        right: -10px
    }

.mytab-vertical .nav.nav-tabs {
    float: right;
    display: block;
    margin-right: 0;
    background-color: #fff;
    padding: 25px
}

    .mytab-vertical .nav.nav-tabs .nav-item {
        margin-bottom: 6px
    }

.mytab-vertical .nav-tabs .nav-link {
    border: 1px solid transparent;
    border-top-left-radius: .25rem;
    border-top-right-radius: .25rem;
    padding: 8px;
    color: #534d4d;
    background-color: #fff;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px
}

    .mytab-vertical .nav-tabs .nav-link.active {
        color: #fff;
        background-color: #0057b1 !important;
        border-color: transparent !important
    }

.mytab-vertical .tab-content {
    overflow: auto;
    -webkit-border-radius: 0 4px 4px 4px;
    -moz-border-radius: 0 4px 4px 4px;
    border-radius: 0 4px 4px 4px;
    background: #fff;
    padding: 30px
}

.mytab-vertical .nav {
    padding: 10px !important;
    margin-left: 10px !important;
    width: 250px;
    text-align: right
}

@media (max-width:991px) {
    .mytab-vertical .nav.nav-tabs {
        display: unset !important
    }

    .mytab-vertical .nav {
        width: 100% !important
    }

        .mytab-vertical .nav.nav-tabs .nav-item {
            display: inline-block !important
        }
}

.card-custom {
    overflow: hidden
}

.card-custom-img {
    height: 200px;
    min-height: 200px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    border-color: inherit
}

    .card-custom-img::after {
        position: absolute;
        content: '';
        top: 161px;
        left: 0;
        width: 0;
        height: 0;
        border-style: solid;
        border-top-width: 40px;
        border-right-width: 0;
        border-bottom-width: 0;
        border-left-width: 545px;
        border-left-width: calc(575px - 5vw);
        border-top-color: transparent;
        border-right-color: transparent;
        border-bottom-color: transparent;
        border-left-color: inherit
    }

.card-custom-avatar img {
    border-radius: 50%;
    box-shadow: 0 0 15px rgba(10, 10, 10, .3);
    position: absolute;
    top: 141px;
    left: 1rem;
    width: 40px;
    height: 40px
}


.card-blog {
    margin-top: 30px
}

.card .card-image {
    height: 60%;
    position: relative;
    overflow: hidden;
    margin-left: 18px;
    margin-right: 18px;
    margin-top: -30px;
    border-radius: 6px;
    box-shadow: 0 5px 10px -10px rgba(139, 134, 134, .38), 0 4px 25px 0 rgba(0, 0, 0, .12), 0 8px 10px -5px rgba(0, 0, 0, .2)
}

.owl-course .owl-item {
    padding: 0 !important
}

.owl-course .card {
    margin: 6px
}

.owl-course.owl-theme .owl-nav {
    float: left;
    margin-top: 0 !important
}

.owl-course .mydiv {
    position: relative
}

    .owl-course .mydiv .ico {
        position: absolute;
        right: 0;
        left: 0;
        top: -15px;
        margin-bottom: 20px
    }

.owl-course .ico span {
    padding: .2rem .65rem !important;
    font-size: 11px
}

.owl-course .lgoico {
    border: 2px solid #fff;
    background-color: #eee;
    border-radius: 25px
}

.owl-course .brb {
    padding: 10px 0;
    font-size: 12px
}

    .owl-course .brb h2 {
        font-size: .83rem !important
    }


.owl-course .info span {
    line-height: 1;
    font-size: 12px
}

.owl-course .owl-dots {
    margin-top: 20px !important
}

.owl-course .price b {
    color: #d8190f !important
}

.owl-course .more {
    border-top: 1px solid #d4d4d5;
    font-family: IRANSans_Medium;
    color: #276e7a
}

.zoompic .card img {
    opacity: 1;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: scale(1);
    transform: scale(1)
}

.zoompic .card:hover img {
    opacity: .3;
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

.zoompic .card figure {
    position: relative;
    display: inline-block;
    overflow: hidden;
    background: #165a37;
    text-align: center;
    cursor: pointer;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px
}

.zoompic .card img {
    position: relative;
    display: block;
    min-height: 100%
}

.zoompic .card figure figcaption {
    padding: 2em;
    color: #fff;
    font-size: 1em;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.zoompic .card figcaption::after,
.zoompic .card figcaption::before {
    pointer-events: none
}

.zoompic .card figcaption,
.zoompic .card figure a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.zoompic .card .effect-ruby p {
    padding-top: 3em;
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(0, 20px, 0) scale(1.1);
    transform: translate3d(0, 20px, 0) scale(1.1);
    color: #fff !important
}

.zoompic .card:hover .effect-ruby p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    cursor: pointer !important
}

.zoompic .card:hover {
    cursor: pointer !important;
    box-shadow: 0 0 8px 3px rgba(44, 126, 213, .39) !important
}

.search-sec {
    padding: 2rem
}

.search-slt {
    display: block;
    width: 100%;
    font-size: .875rem;
    line-height: 1.5;
    color: #55595c;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    height: calc(3rem + 2px) !important;
    border-radius: 0
}

.wrn-btn {
    width: 100%;
    font-size: 16px;
    font-weight: 400;
    text-transform: capitalize;
    height: calc(3rem + 2px) !important;
    border-radius: 0
}

@media (min-width:992px) {
    .search-sec {
        position: relative;
        top: -114px;
        background: rgba(26, 70, 104, .51)
    }
}

@media (max-width:992px) {
    .search-sec {
        background: #1a4668
    }
}

@media screen and (min-width:993px) {
    .offset-top {
        transform: translateY(30px)
    }
}

@media screen and (min-width:1201) {
    .brl {
        border-right: 1px solid #d1cfcf;
        border-left: 1px solid #d1cfcf;
        padding: 0 .55rem !important
    }

    .bl-0 {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important
    }
}

@media screen and (max-width:1200px) {
    .container {
        max-width: 90% !important
    }

    .story::after,
    .story::before {
        display: none
    }

    .infotxt {
        display: none
    }

    .haBox img {
        height: 55px !important
    }

    .form-control {
        font-size: .7rem !important
    }

    .owl-pad {
        padding: 2.9rem 1.25rem 3rem 1.25rem !important
    }

    .vpad {
        padding: 1.6rem 1rem !important
    }

    table td:nth-child(2) {
        width: 50% !important
    }

    #headNav .btn {
        font-size: .8rem !important
    }

    .cmb {
        margin-bottom: .8rem !important
    }
}

@media screen and (max-width:992px) {
    .verticalMenu ul li {
        padding: .173rem 0 !important
    }

    .owl-pad {
        padding: 2.9rem 1.25rem 4.2rem 1.25rem !important
    }

    .vpad {
        padding: 1.15rem 1rem !important
    }

    .verticalMenu .card-header {
        border-radius: 0 !important
    }

    .ctitle hr {
        width: 80% !important
    }

    .srchcompany .alphabet ul li {
        width: 6% !important
    }

    button.w-50 {
        width: 30% !important
    }
}

@media screen and (max-width:768px) {
    .customer.bleft {
        border-left: none !important
    }

    .post-comments {
        font-size: 11px;
    }

    .blog-comment .meta button {
        font-size: 8px;
    }

    .comment-title h6 {
        font-size: 13px;
    }

    .verticalMenu ul li {
        padding: 0 !important
    }

    .login {
        margin: 40px auto !important
    }

        .login form {
            max-width: 450px !important
        }

    .ctitle hr {
        width: 50% !important
    }

    .carousel-inner-data li {
        margin-bottom: 25px
    }
}

@media screen and (max-width:576px) {


    .pageitemnumber {
        width: 40%;
    }

    .owl-prev {
        left: -.9rem !important
    }

    .allcati img {
        width: 70px !important;
        height: 70px !important;
        margin-top: 10px !important
    }

    .login form {
        max-width: 400px !important
    }

    .ctitle hr {
        width: 60% !important
    }

    .srchcompany .alphabet ul li {
        width: 20% !important
    }

    .carousel-inner-data li {
        margin-bottom: 5px !important
    }
}

@media screen and (max-width:480px) {
    .inf {
        padding-top: 10px !important
    }



    .filtr-box ul {
        top: 37px !important
    }

    .logo {
        text-align: center !important
    }

    .threehead .fa-2x {
        font-size: 1.3em !important
    }

    .alllist.tbox h2::after {
        top: 60px !important
    }

    .copic img {
        width: 69px !important
    }

    .ctitle hr {
        width: 90% !important
    }

    table td:nth-child(2) {
        width: 35% !important
    }

    table {
        font-size: 11px !important
    }

    .tejarat th span {
        font-size: 11px !important
    }

    .send {
        margin-top: -5px !important
    }

    .widebox img {
        width: 60px !important
    }

    .card-header h2 {
        font-size: .79rem !important
    }

        .card-header h2::after {
            top: 49px !important
        }

    .cstmhead .card-header h2::after {
        top: 48px !important
    }

    .w-75 {
        width: 100% !important
    }
}

@media screen and (max-width:320px) {
    body {
        font-size: 12px !important
    }

    .single-title {
        padding-right: 0 !important;
        padding-top: 50px !important
    }

    #owl-Ntejari h3,
    .trustBanner span {
        font-size: 11px !important
    }

    footer ul li a:hover {
        padding: 0 !important
    }

    .threehead .loginbox,
    .threehead .logobox {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important
    }

    .threehead .px-3 {
        padding: 0 5px !important
    }

    .threehead .send {
        padding-top: 5px
    }

    .threehead .container {
        max-width: 100% !important;
        padding: 0 8px !important
    }

    .whatNeed .form-control {
        font-size: 10px !important
    }

    .category #pills-tab li {
        width: 50% !important
    }

    #pills-tab a {
        font-size: 11px !important
    }

    .nav-link,
    .navbar {
        padding: .4rem .4rem !important
    }

    #pills-tab img {
        width: 25px !important;
        height: 25px !important
    }

    .haBox img {
        height: 40px !important
    }

    .haBox .item {
        padding: 5px 5px !important
    }

    .ficountry h1 {
        font-size: .8rem !important
    }

    .ficountry h2 {
        font-size: .65rem !important
    }

    .tbox h2 {
        border-bottom: 2px solid #1249dc !important
    }

        .tbox h2::after {
            display: none !important
        }

    .srcompany .col-5,
    .srcompany .col-7,
    .srproduct .col-6 {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important
    }

    .srproduct .flex-column {
        -ms-flex-direction: row !important;
        flex-direction: row !important
    }

    .copic img {
        padding: 3px
    }

    .call.flex-row,
    .flximports .flex-row {
        -ms-flex-direction: column !important;
        flex-direction: column !important
    }

    .info_company p {
        display: inline-block !important
    }

    .menuNav .container {
        max-width: 100% !important
    }

    .ctitle hr {
        width: 95% !important
    }

    #headNav .ml-4 {
        margin: 0 !important
    }

    #headNav .btn {
        margin-top: .6rem !important
    }

    .send {
        margin-top: -15px !important
    }

    .loginbox .fa-envelope.py-2 {
        padding-top: .4rem !important
    }

    .cntbox a {
        font-size: 12px !important
    }
}

.bg-primary {
    background-color: #1249dc !important
}


.text-drkprimary {
    color: #3b5998
}

.menuNav {
    background: #f2f2f2
}

#headNav {
    background: -moz-linear-gradient(90deg, #c06c84 0, #355c7d 100%);
    background: -webkit-linear-gradient(90deg, #c06c84 0, #355c7d 100%);
    background: linear-gradient(90deg, #c06c84 0, #355c7d 100%)
}

    #headNav .btn {
        background: #fff;
        padding: 2px 20px;
        border-radius: 50px;
        font-size: .9rem
    }

        #headNav .btn:hover {
            color: #fff !important;
            background-color: #0db757
        }

.lnheight {
    line-height: 1.5
}

.specialServices {
    background: #2d60e9;
    margin-top: 12px;
    width: 140px !important;
    height: 30px;
    border-radius: 8px
}

#searchBar {
    border-radius: 20px;
    border: 1px solid #d2d2d2;
    background-color: #fff !important;
    height: 42px
}

    #searchBar #searchTxt {
        border-top-right-radius: 20px;
        border-bottom-right-radius: 20px;
        height: 40px;
        border: none
    }

    #searchBar #searchBtn {
        background-color: #1249dc;
        width: 100%;
        display: inline-block;
        border-top-left-radius: 20px;
        border-bottom-left-radius: 20px;
        line-height: 40px;
        vertical-align: middle;
        text-align: center;
        padding: 1px 0;
        border: none;
        cursor: pointer;
        height: 40px
    }

#searchBtn i {
    font-size: 1.3em !important;
    padding: .7rem
}

.verticalMenu ul li {
    padding: .2055rem 0
}

.verticalMenu .card-header {
    border-bottom: none !important;
    background-color: #2d60e9 !important
}

.verticalMenu .card-footer {
    border-top: none !important;
    background-color: #2d60e9 !important
}

.whatNeed {
    border: 1px solid #ddd;
    font-size: 12px !important
}

    .whatNeed label {
        margin: 0 6px 6px 0
    }

    .whatNeed .form-control {
        box-shadow: 1px 1px 3px 1px #f4f3f3 !important;
        border-radius: 12px !important;
        padding: .55rem .75rem !important
    }

.form-control {
    font-size: .73rem !important
}

    .form-control::placeholder {
        color: #7a7e83 !important
    }

.btn-Need {
    background: #1249dc;
    border-radius: 5px;
    border: none;
    box-shadow: 0 3px 0 -1px #000
}

.bleft {
    border-left: 1px solid rgba(255, 255, 255, .5)
}

.bright {
    border-right: 3px solid #f4c413
}

.bright_lblue {
    border-right: 3px solid #26f1e8
}

.table {
    font-size: 12px
}

    .table td,
    .table th {
        padding: .28rem !important;
        vertical-align: middle !important
    }

    .table td,
    .table th {
        border-top: none !important
    }

.latestProduct a {
    font-size: .93em
}

.latestProduct span {
    line-height: 2;
    color: #463f99;
    display: block;
    font-size: .73rem
}

.nav-pills .nav-link {
    border-radius: 0;
    color: #6e6e6e
}

    .nav-pills .nav-link.active {
        color: #fff;
        background-color: #2d60e9 !important;
        border-radius: 10px !important;
        font-family: IRANSans_Medium
    }

.tab-content {
    background-color: rgba(238, 239, 240, .25)
}

    .tab-content ul li {
        padding: 4px 0
    }

#pills-tab img {
    width: 35px;
    height: 35px;
    margin-left: 8px
}

.nav-link,
.navbar {
    padding: .3rem 1rem
}

.account ul {
    height: 188px;
    overflow-y: scroll;
    scrollbar-width: thin
}

    .account ul li {
        padding: 2px 0;
        list-style-type: disc;
        font-size: 12px
    }

        .account ul li::marker {
            font-size: .8rem;
            color: #f49c13
        }

.scroll::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    border-radius: 10px;
    background-color: #f5f5f5
}

.scroll::-webkit-scrollbar {
    width: 4px;
    background-color: #eaeaea
}

.scroll::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
    background-color: #1249dc
}

.bg-grad {
    background: #dc2430 !important;
    background: -moz-linear-gradient(90deg, #dc2430 0, #7b4397 100%) !important;
    background: -webkit-linear-gradient(90deg, #dc2430 0, #7b4397 100%) !important;
    background: linear-gradient(90deg, #dc2430 0, #7b4397 100%) !important
}

.bg-lighten {
    background: #f5f6f8
}

.bg-bluegrad {
    background: linear-gradient(rgba(255, 255, 255, 0), rgba(26, 22, 54, 0.63));
}


.op-description {
    position: absolute;
    bottom: 17px;
    right: 15px;
    left: 15px
}

.op-link {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    z-index: 2;
    background: #000;
    opacity: 0
}

    .op-link:hover {
        opacity: .1;
        border-radius: 10px
    }

.owl-carousel.owl-rtl .owl-item {
    padding: 7px !important
}

#owl-Ntejari .owl-dots {
    position: absolute;
    left: 10px;
    top: -44px
}

#owl-Ntejari ul li {
    margin-bottom: 20px
}

    #owl-Ntejari ul li img {
        width: 90px
    }

#owl-Ntejari p,
#owl-Ntejari span {
    font-size: .86em;
    color: #848486;
    line-height: 2
}

#owl-Story .owl-dots,
#owl-Tamin .owl-dots {
    position: absolute;
    left: 5px;
    top: -64px
}

#owl-Tamin img {
    width: auto;
    height: 90px
}

#owl-Story img {
    width: 65px;
    height: 65px
}

footer.fdemo1 {
    background-color: #041734
}

footer a {
    color: #e6e5e5;
    transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    -webkit-transition: all .2s ease-in-out
}

footer span {
    color: #e6e5e5
}

footer.fdemo1 a:hover {
    color: #a1dbff !important
}

footer h2 {
    font-size: 1rem !important;
    margin-bottom: 12px
}

footer.fdemo1 h2::after {
    content: "";
    width: 55px;
    display: block;
    border-bottom: 2px solid #28c4ae;
    padding-top: 8px
}

footer ul li {
    padding: 5px
}

footer.fdemo1 ul li a:hover {
    color: #3eb8d7 !important;
    padding: 0 5px
}

.hrdemo1 {
    border: 1px solid #132c45 !important
}

.bg-dark {
    background-color: #192c40 !important
}

.txtFooter {
    background: rgba(52, 84, 118, .26)
}

.copyrigth {
    background-color: #041734 !important;
    font-size: 13px !important
}

.haBox .item {
    background: #f9f9f9;
    background: -moz-linear-gradient(180deg, #f9f9f9 0, #fff 100%);
    background: -webkit-linear-gradient(180deg, #f9f9f9 0, #fff 100%);
    background: linear-gradient(180deg, #f9f9f9 0, #fff 100%);
    padding: 11px 5px;
    box-shadow: 0 0 5px 2px #eee;
    border-radius: 15px;
    border-bottom: 3px solid #1042c9
}

.haBox img {
    width: auto;
    height: 70px;
    margin-bottom: 10px
}

.toplist ul li {
    display: inline-block;
    padding: 5px 15px;
    margin: 5px;
    background-color: #dce7e9;
    border-radius: 25px
}

.ficountry ul li {
    padding: .3rem 0 !important
}

.tbox h2 {
    border-bottom: 2px solid #eee;
    margin-bottom: 10px;
    position: relative;
    padding-bottom: 10px;
    color: #5d6177;
    font-weight: 400
}

    .tbox h2::after {
        content: "";
        display: inline-block;
        background: #1249dc;
        position: absolute;
        height: 2px;
        width: 120px;
        right: 0;
        top: 36px
    }

.tbox p {
    text-align: justify !important
}

.breadcrumb {
    padding: .5rem 1rem !important
}

    .breadcrumb ul li {
        display: inline-block
    }

.bg-package {
    background-image: linear-gradient(rgba(19, 51, 70, .83), rgba(12, 59, 110, .87)), url(../Image/Option/packageBg.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative
}

    .bg-package h1 {
        font-size: 1.2rem !important;
        font-family: IRANSans_Bold
    }

.allcati img {
    width: 90px;
    height: 90px;
    margin-top: 5px;
    object-fit: cover
}

.allcati ul {
    padding-right: 10px
}

    .allcati ul li {
        list-style-type: disc
    }

.collapsible-link {
    width: 100%;
    position: relative;
    text-align: right;
    background-color: transparent
}

    .collapsible-link::before {
        content: '\f107';
        position: absolute;
        top: 50%;
        left: .8rem;
        transform: translateY(-50%);
        display: block;
        font-family: 'Font Awesome 5 Free' !important;
        font-size: 1.1rem
    }

    .collapsible-link[aria-expanded=true]::before {
        content: '\f106'
    }

#accordion h2::after {
    background: 0 0 !important
}

.card-body {
    border-bottom-right-radius: 15px !important;
    border-bottom-left-radius: 15px !important
}

.pcountry ul li {
    padding: 3px 8px;
    margin: 4px;
    border-radius: 5px;
    font-size: 12px !important
}

    .pcountry ul li a h3 {
        font-family: IRANSans;
        font-size: 12px !important;
        margin-top: 7px;
    }

.pcolor ul li {
    display: inline-block;
    padding: 3px 10px;
    margin: 4px;
    background-color: #e4ebf0;
    border-radius: 15px;
    font-size: 12px !important
}

    .pcolor ul li a h3 {
        font-family: IRANSans;
        font-size: 12px !important;
    }

    .pcolor ul li:hover {
        background-color: #d2e0e9 !important
    }

.alphabet ul li {
    margin: 2px !important;
    width: 20%;
    text-align: center !important
}

.btn-primary {
    color: #fff !important;
    background-color: #1249dc !important;
    border-color: #1249dc !important
}

    .btn-primary:hover {
        color: #fff !important;
        background-color: #0f42cb !important;
        border-color: #0f42cb !important
    }

.srcompany .item,
.srproduct .item {
    border: 1px dashed #aabac2;
    border-radius: 25px
}

.cati ul.list-unstyled li {
    background-color: transparent !important;
    border-bottom: 1px dashed #c5d5e1
}

ul.list-unstyled li img {
    width: 40px;
    height: 40px;
    border-radius: 100%
}

.breadcrumb.shadow-sm,
.menuNav.shadow-sm {
    box-shadow: 0 .125rem .25rem rgba(83, 96, 134, .31) !important
}

.breadcrumb {
    background-color: #e0e6ed !important
}

.page-link:hover {
    color: #144768 !important;
    background-color: #e2efeb !important;
    border-color: #3c8e97 !important
}

.copic img {
    width: 79px;
    height: auto
}

.maxw {
    max-width: 900px !important
}

.maxw_600 {
    max-width: 600px !important
}

.maxw_650 {
    max-width: 650px !important
}

.maxw_400 {
    max-width: 500px !important
}

.login {
    overflow: hidden
}

.loginimg {
    border-radius: 0;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.login .loginWlc {
    position: absolute;
    bottom: 0;
    right: 0
}

.login .form-control {
    border: 1px solid #d5dae2;
    padding: 10px 25px;
    border-radius: 10px !important
}

.login form {
    max-width: 326px;
    margin: 0 auto
}

.login .subform {
    max-width: 600px;
    margin: 0 auto
}

.login h3 {
    position: relative
}

    .login h3::before {
        content: "";
        width: 80%;
        display: inline-block;
        border-bottom: 1px solid #b2b9cb
    }

    .login h3 span {
        margin-top: -20px !important;
        display: inline-block;
        background: #fff;
        position: relative;
        padding: 0 30px
    }

.login .fa-2x {
    font-size: 1.8em !important
}

.login .fa-google:hover {
    color: #b81223 !important
}

.login .fa-facebook:hover {
    color: #1b3874 !important
}

.login .fa-linkedin:hover {
    color: #0a8699 !important
}

@media screen and (min-width:1367px) {
    .maxw {
        max-width: 1290px !important
    }
}

.oplogin {
    min-height: 700px;
    background-color: #9477c0
}

.service .article {
    margin: 0 auto
}

ul.prcing {
    display: flex;
    top: 0;
    z-index: 10
}

.service li {
    list-style: none;
    flex: 1
}

    .service li:last-child {
        border-left: 1px solid #a6b3bc !important
    }

.service button {
    width: 100%;
    border: 1px solid #ddd;
    border-right: 0;
    border-top: 0;
    padding: 10px;
    color: #999;
    cursor: pointer;
    background-color: transparent
}

.service li.active button {
    background: #ddd
}

.service table {
    border-collapse: collapse;
    table-layout: fixed;
    width: 100%
}

.service th {
    display: none
}

.service td,
.service th {
    padding: 10px;
    empty-cells: show
}

.service td {
    border: 1px solid #ceccd2
}

.service th {
    padding: 0 !important
}

.service td,
.service th {
    text-align: right
}

    .service td + td,
    .service th + th {
        text-align: center;
        display: none
    }

    .service td.default {
        display: table-cell
    }

.service .sep {
    background: #1249dc;
    color: #fff
}

.service .hide {
    border: 0;
    background: 0 0
}

@media (min-width:640px) {
    .service ul {
        display: none
    }

    .service td,
    .service th {
        display: table-cell !important
    }

        .service td + .service td,
        .service th + .service th {
            width: auto
        }
}

.service .btn,
.service span {
    font-size: 12px !important
}

.service .fa-2x {
    font-size: 1.6em !important
}

.importstb .fa-2x {
    font-size: 1.45em !important
}

.table {
    margin-bottom: 0 !important
}

.filtr-box {
    position: relative
}

    .filtr-box ul {
        background-color: #fff;
        -webkit-box-shadow: 0 0 7px 1px #bfe0ca;
        -moz-box-shadow: 0 0 7px 1px #bfe0ca;
        box-shadow: 0 0 7px 1px #bfe0ca;
        display: none;
        position: absolute;
        left: 0;
        overflow: hidden;
        top: 45px;
        border-radius: 5px;
        z-index: 99999;
        min-width: 110px
    }

    .filtr-box .pop img {
        width: 25px
    }

.filtrboxlist img {
    width: 25px
}

.filtr-box ul li {
    display: block !important;
    padding: 5px 13px !important;
    cursor: pointer;
    text-align: left
}

.selectdiv {
    position: relative;
    margin-top: .15rem
}

    .selectdiv:after {
        content: '\f078' !important;
        font-family: 'Font Awesome 5 Free' !important;
        left: 11px !important;
        top: 8px !important;
        position: absolute !important;
        pointer-events: none !important;
        font-weight: 700;
        font-size: 10px
    }

select::-ms-expand {
    display: none
}

.selectdiv select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    width: 100%;
    min-width: 132px !important;
    height: 31px !important;
    -ms-word-break: normal;
    word-break: normal
}

.verticalMenu .card-header {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important
}

.menuNav .fa-star {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px
}

.bg-culight {
    background-color: #bf3a30;
    background-image: linear-gradient(315deg, #bf3a30 0, #864ba2 74%)
}

.fullWidthTitle {
    border-bottom: 1px solid #eee;
    margin: 30px 0
}

    .fullWidthTitle span::before {
        content: "";
        display: inline-block;
        background: #1249dc;
        position: absolute;
        height: 2px;
        width: 100px;
        left: -99px;
        bottom: 8px
    }

    .fullWidthTitle span::after {
        content: "";
        display: inline-block;
        background: #1249dc;
        position: absolute;
        height: 2px;
        width: 100px;
        right: -99px;
        bottom: 8px
    }

    .fullWidthTitle span {
        background: #fbfbfc;
        display: inline-block;
        position: relative;
        bottom: -9px;
        padding: 0 20px;
        font-size: 14px
    }

.owl-pad {
    padding: 2.3rem 1.25rem 2.3rem 1.25rem
}

.mfp-counter {
    display: none !important
}

.bg-lighgrad {
    background: linear-gradient(180deg, #e3e8f0 0, #f0ececb8 95%)
}

.ctitle hr {
    margin: 0 auto !important;
    width: 30%;
    position: absolute !important;
    right: 0 !important;
    left: 0 !important;
    top: 15px !important;
    border: 1px solid #1249dc !important;
    z-index: -5
}

.ctitle span {
    background: #f8fafd !important;
    z-index: 5
}

.cmb {
    margin-bottom: 1.55rem !important
}

.card-footer:last-child {
    border-bottom-left-radius: unset !important
}

i {
    vertical-align: middle !important
}

@media screen and (max-width:575px) {
    .help {
        float: right !important
    }

    ul.help li {
        display: block !important;
        padding: 0 !important
    }

        ul.help li:hover {
            padding-right: 3px !important
        }
}

.nav-tabs img {
    width: 32px;
    height: 32px;
    margin-left: 6px
}

.nav-tabs .flex-row {
    min-width: max-content !important
}

.nav-tabs span {
    margin-top: 3px
}

.mobile-menu-wrap ul li {
    border-top: none !important
}

    .close-off-canvas-wrap,
    .mobile-menu-wrap .mobile-menu,
    .mobile-menu-wrap ul li ul {
        border-bottom: none !important
    }

.PerofileUserMobile ul {
    list-style: none;
}

.help {
    float: left
}

ul.help li {
    display: inline-block;
    padding: 0 15px
}

.h45 {
    height: 44px
}

@media screen and (min-width:768px) {
    .loginbox .fa-envelope {
        margin-top: .2rem !important
    }
}

@media screen and (min-width:1280px) {
    .fixbanner {
        min-height: 466px
    }
}

.info_company .fa-2x {
    font-size: 1.5em !important
}

.cati a:hover,
.thumb-post a:hover {
    color: #176f99 !important
}

.cstmhead .card-header {
    border-bottom: 2px solid #c9dfe2 !important;
    background-color: #e1ecee;
    border-top-right-radius: 15px !important;
    border-top-left-radius: 15px !important
}

.cstmhead .tab-content {
    background-color: #fff !important
}

.fdemo2.nb-footer {
    background: #11152f;
    border-top: 4px solid #323d86
}

    .fdemo2.nb-footer .about {
        margin: 0 auto;
        margin-top: 30px;
        max-width: 1000px;
        text-align: center
    }

        .fdemo2.nb-footer .about p {
            font-size: 13px;
            color: #bababa;
            margin-bottom: 10px
        }

        .fdemo2.nb-footer .about .social-media {
            margin-top: 15px
        }

            .fdemo2.nb-footer .about .social-media ul li {
                display: inline-block !important
            }

.list-inline li {
    padding: 0 !important
}

.fdemo2.nb-footer .about .social-media ul li a {
    display: inline-block !important;
    width: 32px;
    height: 32px;
    border-radius: 50%;
    font-size: 17px;
    color: #adb5bd;
    padding-top: 6px
}

    .fdemo2.nb-footer .about .social-media ul li a:hover {
        background: #3d3783;
        color: #fff;
        border-color: #3d3783
    }

.fdemo2.nb-footer .footer-info-single {
    margin-top: 30px
}

    .fdemo2.nb-footer .footer-info-single .title {
        color: #e4dede;
        font-size: 16px;
        border-right: 3px solid #484198 !important;
        padding-right: 20px !important;
        border-radius: 10px
    }

    .fdemo2.nb-footer .footer-info-single ul li a {
        color: #bababa
    }

        .fdemo2.nb-footer .footer-info-single ul li a:hover {
            color: #665cd2
        }

    .fdemo2.nb-footer .footer-info-single p {
        font-size: 13px;
        line-height: 20px;
        color: #bababa
    }

.fdemo2 span {
    color: #bababa
}

.fdemo2.nb-footer .copyright {
    margin-top: 15px;
    background: #080e13;
    padding: 8px 0;
    color: #bababa;
    text-align: center
}

    .fdemo2.nb-footer .copyright p {
        margin: 0;
        padding: 0
    }

.fdemo3 .round-btn {
    display: inline;
    height: 40px;
    width: 40px;
    background: #fff;
    border-radius: 50%;
    float: left;
    margin: 15px 8px
}

    .fdemo3 .round-btn a {
        display: block !important;
        padding-top: 2px;
        padding-right: 11px;
        padding-bottom: 10px;
        padding-left: 13px;
        font-size: 18px;
        border-radius: 50%
    }

    .fdemo3 .round-btn .icon {
        padding: 3px
    }

        .fdemo3 .round-btn .icon img {
            height: 24px;
            width: 32px;
            margin-top: 6px
        }

.fdemo3 .btn-facebook a {
    color: #3b5998;
    padding-top: 2px;
    padding-right: 14px;
    padding-bottom: 10px;
    padding-left: 3px
}

.fdemo3 .btn-telegram a {
    color: #007bb6
}

.fdemo3 .btn-twitter a {
    color: #1c9deb
}

.fdemo3 .btn-instagram a {
    color: #dd3f5c
}

.fdemo3 .btn-whatsapp a {
    color: #155e54
}

.fdemo3 .btn-envelop a {
    color: #d6403a;
    font-size: 15px;
    padding: 9px 12px
}

.fdemo3 .standard_header .standard_social_links {
    margin-left: 1rem
}

.fdemo3 .footer-wrap {
    background-size: cover
}

    .fdemo3 .footer-wrap h3 {
        color: #fff;
        font-size: 17px;
        text-transform: uppercase;
        margin-bottom: 10px
    }

    .fdemo3 .footer-wrap p {
        font-size: 12px;
        line-height: 24px;
        color: #999595;
        text-align: justify
    }

.fdemo3 .footer-category a {
    color: #999595 !important
}

.fdemo3 .footer-wrap p a {
    color: #fff;
    text-decoration: underline;
    font-style: italic
}

    .fdemo3 .footer-wrap p a:hover {
        text-decoration: none;
        color: #ff7800
    }

.fdemo3 .footer-links li {
    display: inline-block;
    background-color: #fff;
    margin: 2px;
    border-radius: 10px
}

    .fdemo3 .footer-links li a {
        font-size: 13px;
        line-height: 30px;
        color: #ccc;
        text-decoration: none
    }

.fdemo3 .footer-category {
    list-style: none;
}

    .fdemo3 .footer-category li a {
        font-size: 13px;
        line-height: 30px;
        color: #ccc;
        text-decoration: none
    }

        .fdemo3 .footer-category li a:hover {
            color: #fdc220 !important
        }

.fdemo3 .address {
    color: #b3b3b3;
    font-size: 14px;
    position: relative;
    padding-left: 30px;
    line-height: 30px
}

    .fdemo3 .address:before {
        content: "\f277";
        font-family: FontAwesome;
        position: absolute;
        top: 0;
        left: 0
    }

.fdemo3 .info a {
    color: #b3b3b3;
    font-size: 14px;
    line-height: 30px;
    font-weight: 400
}

.fdemo3 .fa-phone:before {
    content: "\f095"
}

.fdemo3 .info a {
    color: #b3b3b3;
    font-size: 14px;
    line-height: 30px;
    font-weight: 400
}

.fdemo3 .fa-fax:before {
    content: "\f1ac"
}

.fdemo3 .copyright {
    font-size: 13px;
    color: #ccc;
    padding: 10px;
    text-align: center;
    background: #0c1b46;
    border-radius: 25px;
    margin: 10px 0
}

.fdemo3 .second_class {
    padding-bottom: 25px
}

.fdemo3 .first_class {
    padding-bottom: 21px
}

    .fdemo3 .first_class p,
    footer .first_class h3 {
        margin: 0 0
    }

.fdemo3 {
    background: #172b65
}

.newsletter input[type=email] {
    width: 100%;
    background: #e4e4e4;
    color: #333;
    border: none;
    padding: 14px 20px;
    border-radius: 50px;
    margin-top: 12px
}

.newsletter .newsletter_submit_btn {
    background: #e4e4e4;
    position: absolute;
    left: 20px;
    border: 0;
    top: 18px;
    font-size: 20px;
    color: #0c215b;
    cursor: pointer !important
}

.fdemo3 .second_class_bdr {
    padding-top: 25px;
    border-top: 1px solid #8d8d8d
}

.fdemo3 .btn-envelop a {
    color: #d6403a;
    font-size: 15px;
    padding: 12px 12px
}

.fdemo3 .round-btn {
    margin: 15px 4px
}

.fdemo3 dl,
ol,
ul {
    padding-left: 5px;
}

.fdemo3 li {
    padding: 0 !important
}

@media(max-width:768px) {
    .fdemo3 .round-btn {
        margin: 15px 4px;
    }

    #shortkey {
        font-size: 12px !important;
        float: left !important;
    }

    .titleshortkey {
        display: none;
    }

    .ShortKeylink {
        margin-right: 0px !important;
        margin-left: 2px !important;
    }

    .copyshortener {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }

    .iconshortkey {
        margin-left: 0px !important;
    }
}

@media(max-width:562px) {
    #shortkey {
        float: right !important;
    }
}

@media(max-width:320px) {
    .fdemo3 .copyright {
        font-size: 13px
    }

    .pro img {
        height: auto !important;
        width: 100% !important
    }
}

.fdemo4 .bg-shark {
    background: #2a2a2a
}

.footer-social ul li {
    display: inline
}

.fdemo4 .block-head {
    font-weight: 500;
    font-size: 15px;
    margin-bottom: 20px;
    padding: 0 0 20px;
    position: relative;
    overflow: hidden;
    overflow-x: hidden;
    color: #f8f9fa
}

    .fdemo4 .block-head::before {
        position: absolute;
        bottom: 2px;
        right: 20px;
        width: 35px;
        height: 5px;
        content: "";
        display: inline-block;
        background-color: #6c757d !important
    }

    .fdemo4 .block-head::after {
        bottom: 4px;
        right: 0;
        height: 1px;
        display: inline-block;
        color: #fff !important;
        background-color: #6c757d !important;
        content: "";
        position: absolute;
        width: 90%
    }

.fdemo4 .footer-cent ul li {
    font-size: 13px
}

.insta-box {
    margin: 10px 0;
    padding: 15px 15px 24px;
    background-color: transparent;
    background-image: linear-gradient(280deg, #ed1c58 0, #8352b1 100%);
    border-radius: 10px
}

    .insta-box:hover {
        background-image: linear-gradient(280deg, #8352b1 0, #ed1c58 100%)
    }

.telegram-box {
    margin: 10px 0;
    padding: 15px 15px 24px;
    background-color: transparent;
    background-image: linear-gradient(280deg, #006dff 0, #4bc2ff 100%);
    border-radius: 10px
}

    .telegram-box:hover {
        background-image: linear-gradient(280deg, #4bc2ff 0, #006dff 100%)
    }

.whatsapp-box {
    margin: 10px 0;
    padding: 15px 15px 24px;
    background-color: transparent;
    background-image: linear-gradient(280deg, #0a5b26 0, #3f8b2f 100%);
    border-radius: 10px
}

    .whatsapp-box:hover {
        background-image: linear-gradient(280deg, #3f8b2f 0, #0a5b26 100%)
    }

#QuestionTitle {
    font-size: 13px
}

@media(max-width:576px) {
    .service_style .icon {
        margin: 0 0 0 15px !important
    }

    .service3 .service_style .icon {
        margin: 15px auto !important
    }

    #QuestionTitle {
        font-size: 12px
    }
}

.card-pricing.popular {
    z-index: 1 !important;
    border: 3px solid #1249dc !important
}

.card-pricing .list-unstyled li {
    padding: .5rem 0;
    color: #6c757d
}

.switch {
    position: relative;
    display: inline-block;
    width: 35px;
    height: 18px
}

    .switch input {
        opacity: 0;
        width: 0;
        height: 0
    }

.sw {
    position: absolute;
    cursor: pointer;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #ccc;
    -webkit-transition: .4s;
    transition: .4s
}

    .sw:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        left: 0;
        bottom: 1px;
        background-color: #fff;
        -webkit-transition: .4s;
        transition: .4s
    }

input:checked + .sw {
    background-color: #2196f3
}

input:focus + .sw {
    box-shadow: 0 0 1px #2196f3
}

input:checked + .sw:before {
    -webkit-transform: translateX(16px);
    -ms-transform: translateX(16px);
    transform: translateX(16px)
}

.sw.round {
    border-radius: 20px
}

    .sw.round:before {
        border-radius: 50%
    }

.overflow {
    position: relative;
    overflow: hidden
}

.zoom img {
    transition: all .2s linear
}

.zoom:hover img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1)
}

@media (max-width:320px) {
    .demo2 .m_category .col-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%
    }
}

.features .image::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: -15px;
    width: 50px;
    height: 50px;
    border-radius: 10px;
    -webkit-transform: rotate(33.75deg);
    transform: rotate(33.75deg);
    background: linear-gradient(45deg, transparent, rgba(47, 85, 212, .09));
    z-index: 1
}

.features .image::before {
    right: auto;
    -webkit-transform: rotate(222deg) !important;
    transform: rotate(222deg) !important
}

.features .image img {
    height: 50px
}

.blog1 h2 {
    font-size: .85rem !important;
    line-height: 2;
    font-family: IRANSans_Medium;
    margin-bottom: .25rem !important;
    color: #676565 !important
}

.blog1 span a {
    color: #007bff !important
}

.test2 {
    position: relative
}

.service_style .test2:before {
    background: #000;
    background: linear-gradient(180deg, transparent, #000);
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 120px
}

.visitor {
    background-repeat: no-repeat;
    width: 100%;
    min-height: 442px;
    background-image: url(../Img/visitor-bg.png);
    background-position: 100%
}

    .visitor .tads span {
        font-size: 35px;
        font-family: IRANSans_Bold
    }

    .visitor .tads .btn,
    .visitor .tads p {
        font-size: 15px;
        font-family: IRANSans_Medium;
        margin-bottom: 20px
    }

    .visitor .border1 {
        border: 2px solid #ffe8ed
    }

    .visitor .border2 {
        border: 2px solid #e9e7fa
    }

    .visitor .border3 {
        border: 2px solid #bcffea
    }

    .visitor .border4 {
        border: 2px solid #fcffb4
    }

.whatNeed .fa-filter {
    font-size: 20px !important
}

.news-content h2 {
    font-size: .8rem !important
}

.bg-darkblue {
    background-color: #3d3783 !important
}

.owl-demo5 p {
    font-size: 12px !important;
    padding: 10px 0
}

.wapp {
    max-width: 260px !important
}

.ev2 h1 {
    font-size: .9rem !important
}

.demo3 .tel_head i {
    font-size: 15px !important
}

.demo3 .tel_head {
    padding-left: 8px !important
}

.demo3 .grid figure {
    border-radius: 10px
}

    .demo3 .grid figure h2 {
        font-family: IRANSans_Bold !important;
        font-size: .93rem !important
    }

.demo3 .tel_head::before {
    background: 0 0 !important
}

.demo3 .tel_head i {
    margin-right: 5px !important
}

.demo3 .ev2 img {
    width: 60px !important;
    height: 60px !important
}

.ev6 img {
    width: 38px !important;
    height: auto !important
}

.piec1.grid figure {
    background-image: linear-gradient(-135deg, #d38312, #002f4b)
}

.piec2.grid figure {
    background-image: linear-gradient(135deg, #292484, #dc4225)
}

.piec3.grid figure {
    background-image: linear-gradient(135deg, #2da73a, #4ca2cd)
}

.piec4.grid figure {
    background-image: linear-gradient(-135deg, #e0be00, #dc4225)
}

.piec5.grid figure {
    background-image: linear-gradient(135deg, #5f2c82, #49a09d)
}

.btm_blog {
    border-bottom: 1px dashed #e0e6ed
}

.newsletter_submit_btn i {
    cursor: pointer !important
}

.price-table:hover {
    box-shadow: 0 40px 40px rgba(0, 0, 0, .16);
    transform: translate(0, -20px)
}

.mytbl td,
mytbl th {
    padding: .75rem !important
}

.table-striped-blue tbody tr:nth-of-type(2n+1) {
    background-color: rgba(39, 103, 149, .25)
}

.table-striped-green tbody tr:nth-of-type(2n+1) {
    background-color: rgba(44, 149, 110, .25)
}

.table-striped-red tbody tr:nth-of-type(2n+1) {
    background-color: rgba(217, 165, 165, .25)
}

.bg-darkindigo {
    background-color: #563783 !important
}

#owl-toparticle .card {
    -ms-box-shadow: 0 5px 10px 3px rgba(154, 161, 171, .18) !important;
    -moz-box-shadow: 0 5px 10px 3px rgba(154, 161, 171, .18) !important;
    -webkit-box-shadow: 0 5px 10px 3px rgba(154, 161, 171, .18) !important;
    box-shadow: 0 5px 10px 3px rgba(154, 161, 171, .18) !important
}

footer .mylogo {
    width: 140px !important
}

.column-blog hr {
    margin-top: .5rem !important;
    border-top: 3px solid #941592 !important
}


.column-blog .top span {
    color: #3b3c43
}

.column-blog .thumb-post img {
    width: 110px !important;
    height: 75px !important
}

.column-blog .thumb-post ul li a {
    font-family: IRANSans_Medium !important
}

.Service-purp .service_style .icon {
    color: #a624a4 !important
}

.Service-purp .service_style:hover .icon {
    color: #fff !important;
    background: #a624a4
}

footer.Service-purp {
    background: #fff !important
}

.Service-purp .footer-wrap h3 {
    color: #122982 !important
}

.Service-purp .copyright {
    background: #360a4d !important
}

.wx1100 {
    max-width: 1100px;
    margin: 0 auto
}

.boxcontent .mytab-vertical .tab-content {
    min-height: 270px
}

@media screen and (max-width:577px) {
    .demo6 .boxcontent {
        position: unset !important;
        top: unset !important
    }
}

.demo6 #owl-mainslider .item img {
    max-height: 520px !important
}

.demo6 figcaption h2 {
    font-family: IRANSans_Bold !important;
    font-size: 1rem !important
}

.demo6 .effect-ruby img {
    min-height: 233px !important
}

.demo6 figure.effect-ruby h2 {
    margin-top: 40% !important
}

@media screen and (max-width:479px) {
    .demo6 figure.effect-ruby h2 {
        margin-top: 25% !important;
        font-size: .8rem !important;
        font-family: IRANSans !important
    }
}

.bg-midblue {
    background-color: #0447a2 !important
}

@media screen and (min-width:768px) {
    .demo6 footer {
        margin-top: -60px !important
    }
}

@media screen and (max-width:767px) {
    .demo6 footer {
        margin-top: 15px !important
    }
}

.demo6 .wapp {
    max-width: 240px !important
}

@media screen and (max-width:479px) {
    .m_category .col-6 {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important
    }

    .ficountry .row .col-6,
    .srproduct .opt.col-6 {
        -ms-flex: 0 0 100% !important;
        flex: 0 0 100% !important;
        max-width: 100% !important
    }
}

.bkg .bg-package {
    height: 220px !important
}

@media screen and (max-width:767px) {
    .bkg .bg-package {
        height: 160px !important
    }
}

.mylinks {
    background-color: #0f1959;
    background-image: url(../Img/linkbg.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    margin-top: 10px
}

    .mylinks ul li a {
        color: #b4c7fe !important;
        font-size: 13px
    }

        .mylinks ul li a:hover {
            color: #fff !important
        }

    .mylinks ul li a {
        display: block;
        background-image: url(../Img/bullet.png);
        background-repeat: no-repeat;
        background-position: right 8px;
        text-indent: 15px;
        color: #b4c7fe;
        margin-top: 7px
    }

@media (max-width:991px) {
    .mylinks img {
        width: 100% !important;
        height: 170px !important
    }
}

.hot-posts .grid figure {
    height: 235px !important
}

.demo .container {
    max-width: 1280px !important
}

@media (max-width:480px) {
    .column-blog .top img {
        height: auto !important
    }
}

.thead h1 {
    font-size: 1.5rem !important
}

.thead hr {
    border-top: 2px solid #9100ad !important;
    margin-bottom: 25px !important;
    width: 70%
}

.demo6 .main_header .logo img {
    height: 60px !important
}

@media screen and (max-width:365px) {
    .blog .container {
        max-width: 100% !important
    }
}

.card__image {
    height: 500px;
    overflow: hidden
}

    .card__image img {
        object-fit: cover;
        overflow: hidden;
        transition: transform 1s ease-in-out
    }

    .card__image:hover img {
        transform: translateY(calc(-100% + 500px));
        transition: transform 2s ease-in-out;
        cursor: pointer
    }

.demo h3.bt-center::after {
    width: 150px;
    margin-top: .8em !important
}

.blog-comment-form::after,
.blog-comment-form::before,
.blog-comment::after,
.blog-comment::before {
    content: "";
    display: table;
    clear: both
}

.blog-comment {
    padding-left: 0;
    padding-right: 0
}

    .blog-comment ul {
        list-style-type: none;
        padding: 0
    }

    .blog-comment img {
        opacity: 1;
        filter: Alpha(opacity=100);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px
    }

        .blog-comment img.avatar {
            position: relative;
            float: left;
            margin-left: 0;
            margin-top: 0;
            width: 65px;
            height: 65px
        }

    .blog-comment .post-comments {
        border: 1px solid #eee;
        margin-bottom: 20px;
        padding: 10px 20px;
        position: relative;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        -o-border-radius: 4px;
        border-radius: 4px;
        background: #fff;
        color: #6b6e80;
        position: relative
    }

    .blog-comment .meta {
        color: #aaa;
        padding-bottom: 8px;
        margin-bottom: 10px !important;
        border-bottom: 1px solid #eee
    }

    .blog-comment ul.comments ul {
        list-style-type: none;
        padding: 0;
        margin-right: 7px
    }

.blog-comment-form {
    padding-left: 15%;
    padding-right: 15%;
    padding-top: 40px
}

    .blog-comment h3,
    .blog-comment-form h3 {
        margin-bottom: 40px;
        font-size: 26px;
        line-height: 30px;
        font-weight: 800
    }

.header-social {
    list-style: none;
}

.header-style2 ul.header-social li a {
    color: #787878
}

    .header-style2 ul.header-social li a:hover {
        background-color: #f1f1f1
    }

.header-style2 .main-menu-area .ne-main-menu {
    text-align: right
}

    .header-style2 .main-menu-area .ne-main-menu nav ul li a {
        padding: 15px 5px 20px;
        color: #111
    }

        .header-style2 .main-menu-area .ne-main-menu nav ul li a:hover {
            color: #e53935
        }

    .header-style2 .main-menu-area .ne-main-menu nav ul li ul.ne-dropdown-menu {
        background-color: #fff;
        border-radius: 13px;
        right: -15px
    }

        .header-style2 .main-menu-area .ne-main-menu nav ul li ul.ne-dropdown-menu > li a {
            padding: 10px 10px 10px 15px;
            color: #000
        }

            .header-style2 .main-menu-area .ne-main-menu nav ul li ul.ne-dropdown-menu > li a:focus {
                color: #e53935;
                background: #f8f8f8
            }

    .header-style2 .main-menu-area .ne-main-menu nav ul li:first-child a {
        padding-right: 0
    }

    .header-style2 .main-menu-area .ne-main-menu nav ul .active a {
        color: #e53935
    }

    .header-style2 .main-menu-area .ne-main-menu nav ul .active ul.ne-dropdown-menu .active a {
        background-color: #111
    }

.header-style2 .stick {
    background-color: rgba(255, 255, 255, .95)
}

    .header-style2 .stick .ne-main-menu nav ul li a {
        padding: 5px
    }

    .header-style2 .stick .ne-main-menu nav ul li:first-child a {
        padding-right: 0
    }

@media only screen and (min-width:992px) {
    .header-style2 .header-action-item ul li {
        border-left: 1px solid #dcdcdc
    }

        .header-style2 .header-action-item ul li:last-child {
            border-left: 0
        }

        .header-style2 .header-action-item ul li .search-button i {
            color: #111
        }
}

.header-style2 .offcanvas-menu-btn a.menu-bar {
    right: -30px;
    top: -7px
}

    .header-style2 .offcanvas-menu-btn a.menu-bar span {
        background-color: #111
    }

.header-style2 .offcanvas-menu-btn a.menu-times {
    right: -30px;
    top: -7px
}

    .header-style2 .offcanvas-menu-btn a.menu-times span {
        background-color: #111
    }

.top-bar-top.box-layout {
    border-left: 0;
    border-right: 0
}

.bg-primarytextcolor {
    background-color: #8d10c6db
}

    .bg-primarytextcolor p {
        color: #fff
    }

ul.news-info-list {
    padding: 3px 0 4px;
    margin-bottom: 0
}

    ul.news-info-list li {
        font-size: 13px;
        margin: 3px 0 3px 30px;
        display: inline-block;
        color: #444
    }

@media only screen and (max-width:1199px) {
    ul.news-info-list li {
        margin-left: 12px
    }
}

ul.news-info-list li:last-child {
    margin-left: 0
}

ul.news-info-list li i {
    color: #fff;
    font-size: 16px;
    margin-left: 5px
}

.Product-courses {
    position: relative;
    padding: 40px 0
}

    .Product-courses:after {
        position: absolute;
        left: -10px;
        top: 150px;
        width: 120px;
        height: 155px;
        background: url(../image/option/course-lt-bg.svg) no-repeat top left
    }

    .Product-courses:before {
        position: relative;
        padding: 40px
    }

.check-list {
    margin: 0;
    padding-right: 1.2rem
}

    .check-list li {
        position: relative;
        list-style-type: none;
        padding-right: 1rem;
        margin-bottom: .5rem
    }

        .check-list li:before {
            content: '';
            display: block;
            position: absolute;
            right: 0;
            top: -2px;
            width: 5px;
            height: 11px;
            border-width: 0 2px 2px 0;
            border-style: solid;
            border-color: #00a8a8;
            transform-origin: bottom left;
            transform: rotate(45deg)
        }

.font12 {
    font-size: 12px !important
}

.font11 {
    font-size: 11px !important
}

.imageradius {
    padding: .25rem;
    border-radius: 9.25rem;
    transition: all .2s ease-in-out;
    max-width: 100%;
    height: 150px
}

.card-counter {
    box-shadow: 2px 2px 10px #dadada;
    margin: 5px;
    padding: 20px 10px;
    background-color: #fff;
    height: 100px;
    border-radius: 5px;
    transition: .3s linear all
}

    .card-counter:hover {
        box-shadow: 4px 4px 20px #dadada;
        transition: .3s linear all
    }

    .card-counter.primary {
        background-color: #007bff;
        color: #fff
    }

    .card-counter.danger {
        background-color: #ef5350;
        color: #fff
    }

    .card-counter.success {
        background-color: #66bb6a;
        color: #fff
    }

    .card-counter.info {
        background-color: #26c6da;
        color: #fff
    }

    .card-counter i {
        font-size: 5em;
        opacity: .2
    }

    .card-counter .count-numbers {
        position: absolute;
        right: 35px;
        top: 20px;
        font-size: 32px;
        display: block
    }

    .card-counter .count-name {
        position: absolute;
        right: 35px;
        top: 65px;
        font-style: italic;
        text-transform: capitalize;
        opacity: .5;
        display: block;
        font-size: 18px
    }

.ticket-number {
    line-height: 0;
    font-size: 1.2em;
    font-style: italic;
    color: #2a9fbb
}

.floatleft {
    float: left !important
}

.card .card-header .name {
    font-size: .9em;
    padding-top: 6px;
    margin-right: 6px
}

.card .card-header .type {
    font-weight: 700;
    font-size: .8em;
    padding-right: 5px;
    color: #8713e1
}

.card .card-header i {
    font-size: 2.2em
}

.userheader {
    padding: 0;
    background-color: #f8f8f8
}

.card .card-header .date {
    float: left;
    font-size: 13px;
    padding: 8px 10px
}

.card .card-header .user {
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px
}

    .card .card-header .user i {
        font-size: 1.8em;
        padding-top: 2px;
        padding-right: 15px;
        padding-bottom: 2px;
        padding-left: 5px
    }

.requestor-badge {
    font-size: 85%;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 5px;
    padding-left: 10px
}

.requestor-type-operator {
    background-color: #5bc0de;
    border-radius: 9px;
    color: #fff
}

.requestor-type-owner {
    background-color: #5cb85c;
    border-radius: 9px;
    color: #fff
}

.attachments {
    margin: 0;
    border-top: 1px dashed #ddd;
    font-size: 80%;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px
}

    .attachments .attachment-list {
        list-style: none;
        margin: 10px 0 -10px 0;
        padding: 0
    }

        .attachments .attachment-list li {
            display: inline-block;
            width: 190px;
            vertical-align: top
        }

            .attachments .attachment-list li a {
                display: block;
                padding: 5px 5px 10px 5px;
                margin-bottom: 10px;
                border: 1px solid #ddd;
                border-radius: 3px
            }

                .attachments .attachment-list li a figure {
                    margin: 0 0 5px 0;
                    background-color: #f6f6f6;
                    line-height: 100px;
                    text-align: center;
                    font-size: 4em
                }

                .attachments .attachment-list li a .caption {
                    padding: 9px 5px;
                    background: #f7f7f7;
                    text-align: left
                }

            .attachments .attachment-list li #answer {
                display: block;
                padding: 5px 5px 10px 5px;
                margin-bottom: 10px;
                border: 1px solid #ddd;
                border-radius: 3px;
            }

                .attachments .attachment-list li #answer figure {
                    margin: 0 0 5px 0;
                    background-color: #f6f6f6;
                    line-height: 100px;
                    text-align: center;
                    font-size: 4em;
                }

                .attachments .attachment-list li #answer .caption {
                    padding: 9px 5px;
                    background: #f7f7f7;
                    text-align: left;
                }

            .attachments .attachment-list li #edite {
                display: block;
                padding: 5px 5px 10px 5px;
                margin-bottom: 10px;
                border: 1px solid #ddd;
                border-radius: 3px;
            }

                .attachments .attachment-list li #edite figure {
                    margin: 0 0 5px 0;
                    background-color: #f6f6f6;
                    line-height: 100px;
                    text-align: center;
                    font-size: 4em;
                }

                .attachments .attachment-list li #edite .caption {
                    padding-right: 5px;
                    padding-bottom: 23px;
                    padding-left: 5px;
                    background: #f7f7f7;
                    margin-right: -2px;
                    margin-left: -2px;
                    font-size: 15px;
                }



.userfooter {
    padding-top: 0;
    padding-bottom: 0;
    background-color: #f8f8f8;
    padding-right: 1.25rem;
    padding-left: 1.25rem
}

.useManger {
    padding: 0;
    background-color: #f2f9ff
}

.userfooterManger {
    padding-top: 0;
    padding-bottom: 0;
    background-color: #f2f9ff;
    padding-right: 1.25rem;
    padding-left: 1.25rem
}

.account-card {
    height: 300px;
    border-radius: 3px;
    margin-bottom: 30px;
    padding: 0 30px 30px;
    background: var(--white);
    -webkit-box-shadow: var(--primary-bshadow);
    box-shadow: var(--primary-bshadow)
}

.account-title {
    padding: 18px 0;
    margin-bottom: 25px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-bottom: 1px solid var(--border)
}

    .account-title::before {
        position: absolute;
        content: "";
        bottom: -2px;
        right: 0;
        width: 50px;
        height: 2px;
        background: var(--primary)
    }

    .account-title h3 {
        font-size: 20px
    }

    .account-title a {
        width: 50px;
        height: 30px;
        font-size: 15px;
        font-weight: 500;
        line-height: 30px;
        text-align: center;
        border-radius: 5px;
        text-transform: capitalize;
        color: var(--primary);
        background: var(--gray)
    }

        .account-title a:hover {
            color: var(--white);
            background: var(--primary)
        }

.cardheaderPayorder {
    padding-left: 12px !important;
    overflow: hidden;
    padding: .75rem 1.25rem;
    background-color: rgba(0, 0, 0, .03);
    border-bottom: 1px solid rgba(0, 0, 0, .125)
}

    .cardheaderPayorder h3 {
        float: right;
        font-size: 14px;
        color: #fff;
        background: rgba(106, 18, 166, .7);
        padding-top: 4px;
        padding-right: 16px;
        padding-bottom: 8px;
        padding-left: 16px;
        text-align: right;
        border-radius: 0 40px 0 64px;
        min-width: 122px;
        margin: 0;
        font-weight: 400
    }

.was-validated {
    display: block
}

.beh-card .change-languge {
    display: block;
    background: rgba(230, 19, 44, .4);
    position: absolute;
    right: 0;
    top: 0;
    padding: 4px 12px;
    font-weight: 700;
    border-bottom-left-radius: 10px;
    color: #fff;
    z-index: 10000
}

.beh-card .header-center-mellat-bill {
    text-align: center
}

.beh-card .header-center {
    text-align: center;
    padding-bottom: 4rem !important;
    background-size: 100%
}

    .beh-card .header-center span {
        line-height: 50px;
        font-size: 12px;
        font-weight: 700;
        color: #3d13d2
    }

    .beh-card .header-center a {
        display: none;
        color: #fff;
        font-size: 12px;
        line-height: 16px;
        outline: 0
    }

.beh-card .behpardakhtlogo,
.beh-card .shaparaklogo {
    float: left;
    display: block;
    margin: 4px
}

    .beh-card .behpardakhtlogo img {
        float: left
    }

    .beh-card .behpardakhtlogo img,
    .beh-card .shaparaklogo img {
        max-width: 120px
    }

.beh-card {
    width: 100%;
    position: relative;
    background: #fff;
    margin-bottom: 8px;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, .1)
}

    .beh-card img {
        width: 100%
    }

    .beh-card .beh-card {
        border-radius: 0 0 4px 4px
    }

.main-wrapper.payment [class*=col-]:first-child .beh-card {
    border-radius: 4px 4px 4px 32px
}

.main-wrapper.payment [class*=col-]:last-child .beh-card {
    border-radius: 4px
}

.background-overflow {
    position: absolute;
    overflow: hidden;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0
}

.result .carddetail {
    overflow: hidden;
    min-height: 150px
}

.background-overflow:before {
    content: "";
    position: absolute;
    left: -200px;
    top: -40px;
    transform: rotate(45deg);
    border-radius: 120px;
    width: 360px;
    height: 360px;
    background-color: rgba(0, 0, 0, .05)
}

.failed-result.carddetail:before,
.sucsses-result.carddetail:before {
    position: absolute;
    content: "";
    transform: rotate(45deg);
    left: -80px;
    top: 20px;
    border-radius: 36px;
    width: 120px;
    height: 120px;
    background-color: #18ce9b
}

.failed-result.carddetail:before {
    background-color: #e6132c
}

.shape:before {
    content: "";
    position: absolute;
    right: 20px;
    top: -360px;
    transform: rotate(-45deg);
    width: 260px;
    height: 854px;
    background-color: rgba(0, 0, 0, .05)
}

.shape:after {
    content: "";
    position: absolute;
    right: -200px;
    bottom: -160px;
    transform: rotate(135deg);
    width: 600px;
    height: 200px;
    background-color: rgba(0, 0, 0, .05)
}

.failed-result .shape:before,
.sucsses-result .shape:before {
    right: -51px;
    top: -300px;
    transform: rotate(-45deg);
    width: 80px;
    height: 780px;
    background-color: #18ce9b
}

.failed-result .shape::before {
    background-color: #e6132c
}

.sucsses-result .shape:after {
    right: -200px;
    bottom: -100px;
    transform: rotate(135deg);
    width: 320px;
    height: 200px;
    background: -moz-linear-gradient(left, rgba(80, 221, 81, .95) 0, rgba(24, 206, 155, .95) 100%);
    background: -webkit-linear-gradient(left, rgba(80, 221, 81, .95) 0, rgba(24, 206, 155, .95) 100%);
    background: linear-gradient(to right, rgba(80, 221, 81, .95) 0, rgba(24, 206, 155, .95) 100%)
}

.failed-result .shape:after {
    background: -moz-linear-gradient(left, rgba(241, 96, 0, .95) 0, rgba(230, 34, 85, .95) 100%);
    background: -webkit-linear-gradient(left, rgba(241, 96, 0, .95) 0, rgba(230, 34, 85, .95) 100%);
    background: linear-gradient(to right, rgba(241, 96, 0, .95) 0, rgba(230, 34, 85, .95) 100%)
}

.trasaction-result {
    color: #3d3d3d
}

    .trasaction-result dt {
        text-align: center
    }

    .trasaction-result dd {
        text-align: center;
        margin: 0;
        margin-bottom: 10px
    }

.result-brif {
    text-align: center !important
}

    .result-brif b {
        display: block;
        margin: 20px auto
    }

.sucsses-result .result-brif b {
    color: #18ce9b
}

.result-brif .result-message {
    font-size: 16px
}

.sucsses-result:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 15px;
    width: 60px;
    height: 60px;
    background: url(../image/option/ipg-sucsess-ico.svg) no-repeat
}

.failed-result:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 15px;
    width: 60px;
    height: 60px;
    background: url(../image/option/ipg-failed-ico.svg)
}

.btn-perches {
    color: #fff;
    background: #18ce9b;
    background: -moz-linear-gradient(left, #18ce9b 0, #50dd51 100%);
    background: -webkit-linear-gradient(left, #18ce9b 0, #50dd51 100%);
    background: linear-gradient(to right, #18ce9b 0, #50dd51 100%);
    min-width: 150px;
    box-shadow: 0 0 10px rgba(80, 221, 81, .5);
    margin: 8px 0;
    -webkit-transition: all .5s;
    transition: all .5s;
    font-size: 18px
}

    .btn-perches:hover {
        color: #fff;
        font-weight: 500;
        text-decoration: none
    }

.beh-card {
    margin-bottom: 16px
}

.cardheaderPayorder {
    padding-left: 16px;
    height: 40px
}

#remaining-time {
    font-size: 16px
}

#header .header-center span {
    font-size: 16px
}

.cardheaderPayorder h3 {
    font-size: 16px;
    padding: 10px 20px;
    border-radius: 0 4px 0 15px;
    min-width: 120px;
    margin-bottom: 16px
}

.card-errorbox {
    font-size: 16px;
    height: 40px;
    padding: 8px
}

.trasaction-result dt {
    text-align: left
}

.trasaction-result dd {
    text-align: right;
    margin-bottom: 0
}

.Product .card img {
    opacity: 1;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: scale(1);
    transform: scale(1)
}


.Product .card figure {
    position: relative;
    display: inline-block;
    overflow: hidden;
    background: #165a37;
    text-align: center;
    cursor: pointer;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px
}

    .Product .card figure img {
        position: relative;
        display: block;
        min-height: 100%
    }

    .Product .card figure figcaption {
        padding: 2em;
        color: #fff;
        font-size: 1em;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden
    }

.Product .card figcaption::after,
.Product .card figcaption::before {
    pointer-events: none
}

.Product .card figcaption,
.Product .card figure a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.Product .card .effect-ruby p {
    padding-top: 3em;
    opacity: 0;
    -webkit-transition: opacity .35s, -webkit-transform .35s;
    transition: opacity .35s, transform .35s;
    -webkit-transform: translate3d(0, 20px, 0) scale(1.1);
    transform: translate3d(0, 20px, 0) scale(1.1);
    color: #fff !important
}

.Product .card:hover .effect-ruby p {
    opacity: 1;
    -webkit-transform: translate3d(0, 0, 0) scale(1);
    transform: translate3d(0, 0, 0) scale(1);
    cursor: pointer !important
}

.Product .card:hover {
    cursor: pointer !important;
    box-shadow: 0 0 8px 3px rgba(44, 126, 213, .39) !important
}

.Product .mydiv {
    position: relative
}

    .Product .mydiv .ico {
        position: absolute;
        right: 0;
        left: 0;
        top: -15px;
        margin-bottom: 20px
    }

.Product .ico span {
    padding: .2rem .65rem !important;
    font-size: 11px
}

.Product .lgoico {
    border: 2px solid #fff;
    background-color: #eee;
    border-radius: 25px
}

.Product .brb {
    padding: 10px 0;
    font-size: 12px
}

    .Product .brb h2 {
        font-size: .83rem !important
    }

.Product .brl {
    border-left: 1px dashed #000
}

.Product .brlr {
    border-right: 1px dashed #000
}

.Product .info span {
    line-height: 1;
    font-size: 12px
}

.Product .owl-dots {
    margin-top: 20px !important
}

.Product .price b {
    color: #d8190f !important
}

.Product .more {
    border-top: 1px dashed #b0abea
}

    .Product .more a {
        font-family: IRANSans_Medium;
        color: #276e7a
    }

.Product .card {
    margin: 6px
}

.field-icon {
    float: left;
    margin-right: -25px;
    margin-top: -30px;
    position: relative;
    z-index: 2
}

.p-viewer {
    float: right;
    margin-top: -40px;
    position: relative;
    z-index: 1;
    padding-right: 41px;
    display: flex;
    align-items: center;
    color: #aa52c4;
    bottom: 0;
    left: 0;
    transition: all;
    padding-top: 10px
}

.btn-zoheirsoftware {
    color: #fff;
    background-color: #ab17b8;
    border-color: #ab17b8
}

.borderbottomdashed {
    border-bottom: 1px dashed rgba(212, 229, 236, .94)
}

.ms-3 {
    margin-left: 1rem !important
}

.text-decoration-none {
    text-decoration: none !important
}

.Question img {
    width: 72px !important;
    aspect-ratio: 1/1;
    height: 72px;
    border-radius: 100%
}

.rounded-2 {
    border-radius: .75rem !important
}

.backthead {
    background-color: #6c7ae0;
    color: #fff
}

.borderTable {
    border-radius: 30px;
    overflow: hidden;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
    -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
    -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
    -o-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
    -ms-box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15);
    border-collapse: separate;
    border-spacing: 0
}

.text-green {
    color: var(--green) !important
}

.text-orange {
    color: var(--orange) !important
}

.translate-middle-y {
    transform: translateY(-50%) !important
}

.start-0 {
    left: 0 !important
}

.top-50 {
    top: 50% !important
}

.fs-8 {
    font-size: 13px !important
}

.f1rem {
    font-size: 1.5rem !important
}

.badge-solved {
    width: -webkit-fit-content !important;
    width: -moz-fit-content !important;
    width: fit-content !important;
    background-color: var(--teal) !important;
    border-radius: 0 !important;
    -webkit-transform: rotateZ(45deg) !important;
    transform: rotateZ(45deg) !important
}

.pr2rem {
    padding-right: 2.5rem !important
}

.f20 {
    font-size: 20px !important
}

.start-100 {
    left: 100% !important
}

.pintop {
    top: -17px !important;
    right: -17px !important
}

.LikeQuestion {
    font-size: 14px;
    cursor: pointer;
    position: absolute;
    left: 18px;
    top: 10px;
    border: 1px dashed #8797d770;
    padding: 0 12px 2px;
    line-height: 25px
}

.tox-selectfield {
    direction: ltr !important;
    text-align: left !important
}

.tox-statusbar__branding {
    display: none
}

.tox-toolbar {
    background-color: #d9d6d663 !important
}

.tox-textarea {
    float: left !important;
    text-align: left !important;
    direction: ltr !important
}

.loader-wrapper {
    height: 100%;
    width: 100%;
    display: block;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    position: fixed;
    background-color: #eeeeeec9;
    z-index: 1001;
    top: 0
}

    .loader-wrapper .loader {
        position: absolute;
        top: 50%;
        left: 0;
        text-align: center;
        right: 0;
        margin: 0 auto
    }

        .loader-wrapper .loader h4 {
            margin-top: 50px;
            margin-bottom: 0
        }

            .loader-wrapper .loader h4 span {
                font-size: 34px;
                color: #ffc107
            }

.loader .line {
    -webkit-animation: expand 1s ease-in-out infinite;
    animation: expand 1s ease-in-out infinite;
    border-radius: 10px;
    display: inline-block;
    -webkit-transform-origin: center center;
    transform-origin: center center;
    margin: 0 3px;
    width: 1px;
    height: 25px
}

    .loader .line:nth-child(1) {
        background: #22af47
    }

    .loader .line:nth-child(2) {
        -webkit-animation-delay: 180ms;
        animation-delay: 180ms;
        background: #4466f2
    }

    .loader .line:nth-child(3) {
        -webkit-animation-delay: 360ms;
        animation-delay: 360ms;
        background: #ff5370
    }

    .loader .line:nth-child(4) {
        -webkit-animation-delay: 540ms;
        animation-delay: 540ms;
        background: #007bff
    }

body.dark-only .loader-wrapper {
    background-color: #293240
}

    body.dark-only .loader-wrapper .loader {
        background-color: #293240 !important
    }

body.dark-body-only .loader-wrapper {
    background-color: #293240
}

    body.dark-body-only .loader-wrapper .loader {
        background-color: #293240 !important
    }

body.bg-white {
    background-color: #2f3c4e !important
}

@-webkit-keyframes whirly-loader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes whirly-loader {
    0% {
        -webkit-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

.whirly-loader:not(:required) {
    overflow: hidden;
    position: relative;
    text-indent: -9999px;
    display: inline-block;
    width: 8px;
    height: 8px;
    background: #eeeeeec9;
    border-radius: 100%;
    -webkit-box-shadow: #4466f2 0 26px 0 6px, #4466f2 .90971px 26.05079px 0 5.93333px, #4466f2 1.82297px 26.06967px 0 5.86667px, #4466f2 2.73865px 26.05647px 0 5.8px, #4466f2 3.65561px 26.01104px 0 5.73333px, #4466f2 4.57274px 25.93327px 0 5.66667px, #4466f2 5.48887px 25.8231px 0 5.6px, #4466f2 6.40287px 25.68049px 0 5.53333px, #4466f2 7.31358px 25.50548px 0 5.46667px, #4466f2 8.21985px 25.2981px 0 5.4px, #4466f2 9.12054px 25.05847px 0 5.33333px, #4466f2 10.01448px 24.78672px 0 5.26667px, #4466f2 10.90054px 24.48302px 0 5.2px, #4466f2 11.77757px 24.1476px 0 5.13333px, #4466f2 12.64443px 23.78072px 0 5.06667px, #4466f2 13.5px 23.38269px 0 5px, #4466f2 14.34315px 22.95384px 0 4.93333px, #4466f2 15.17277px 22.49455px 0 4.86667px, #4466f2 15.98776px 22.00526px 0 4.8px, #4466f2 16.78704px 21.48643px 0 4.73333px, #4466f2 17.56953px 20.93855px 0 4.66667px, #4466f2 18.33418px 20.36217px 0 4.6px, #4466f2 19.07995px 19.75787px 0 4.53333px, #4466f2 19.80582px 19.12626px 0 4.46667px, #4466f2 20.5108px 18.468px 0 4.4px, #4466f2 21.1939px 17.78379px 0 4.33333px, #4466f2 21.85416px 17.07434px 0 4.26667px, #4466f2 22.49067px 16.34043px 0 4.2px, #4466f2 23.10251px 15.58284px 0 4.13333px, #4466f2 23.68881px 14.80241px 0 4.06667px, #4466f2 24.24871px 14px 0 4px, #4466f2 24.7814px 13.1765px 0 3.93333px, #4466f2 25.28607px 12.33284px 0 3.86667px, #4466f2 25.76198px 11.46997px 0 3.8px, #4466f2 26.2084px 10.58888px 0 3.73333px, #4466f2 26.62462px 9.69057px 0 3.66667px, #4466f2 27.01001px 8.77608px 0 3.6px, #4466f2 27.36392px 7.84648px 0 3.53333px, #4466f2 27.68577px 6.90284px 0 3.46667px, #4466f2 27.97502px 5.94627px 0 3.4px, #4466f2 28.23116px 4.97791px 0 3.33333px, #4466f2 28.4537px 3.99891px 0 3.26667px, #4466f2 28.64223px 3.01042px 0 3.2px, #4466f2 28.79635px 2.01364px 0 3.13333px, #4466f2 28.91571px 1.00976px 0 3.06667px, #4466f2 29px 0 0 3px, #4466f2 29.04896px -1.01441px 0 2.93333px, #4466f2 29.06237px -2.03224px 0 2.86667px, #4466f2 29.04004px -3.05223px 0 2.8px, #4466f2 28.98185px -4.07313px 0 2.73333px, #4466f2 28.88769px -5.09368px 0 2.66667px, #4466f2 28.75754px -6.1126px 0 2.6px, #4466f2 28.59138px -7.12863px 0 2.53333px, #4466f2 28.38926px -8.14049px 0 2.46667px, #4466f2 28.15127px -9.1469px 0 2.4px, #4466f2 27.87755px -10.1466px 0 2.33333px, #4466f2 27.56827px -11.1383px 0 2.26667px, #4466f2 27.22365px -12.12075px 0 2.2px, #4466f2 26.84398px -13.09268px 0 2.13333px, #4466f2 26.42956px -14.05285px 0 2.06667px, #4466f2 25.98076px -15px 0 2px, #4466f2 25.49798px -15.93291px 0 1.93333px, #4466f2 24.98167px -16.85035px 0 1.86667px, #4466f2 24.43231px -17.75111px 0 1.8px, #4466f2 23.85046px -18.63402px 0 1.73333px, #4466f2 23.23668px -19.49789px 0 1.66667px, #4466f2 22.5916px -20.34157px 0 1.6px, #4466f2 21.91589px -21.16393px 0 1.53333px, #4466f2 21.21024px -21.96384px 0 1.46667px, #4466f2 20.4754px -22.74023px 0 1.4px, #4466f2 19.71215px -23.49203px 0 1.33333px, #4466f2 18.92133px -24.2182px 0 1.26667px, #4466f2 18.10379px -24.91772px 0 1.2px, #4466f2 17.26042px -25.58963px 0 1.13333px, #4466f2 16.39217px -26.23295px 0 1.06667px, #4466f2 15.5px -26.84679px 0 1px, #4466f2 14.58492px -27.43024px 0 .93333px, #4466f2 13.64796px -27.98245px 0 .86667px, #4466f2 12.69018px -28.50262px 0 .8px, #4466f2 11.7127px -28.98995px 0 .73333px, #4466f2 10.71663px -29.4437px 0 .66667px, #4466f2 9.70313px -29.86317px 0 .6px, #4466f2 8.67339px -30.2477px 0 .53333px, #4466f2 7.6286px -30.59666px 0 .46667px, #4466f2 6.57001px -30.90946px 0 .4px, #4466f2 5.49886px -31.18558px 0 .33333px, #4466f2 4.41643px -31.42451px 0 .26667px, #4466f2 3.32401px -31.6258px 0 .2px, #4466f2 2.22291px -31.78904px 0 .13333px, #4466f2 1.11446px -31.91388px 0 .06667px, #4466f2 0 -32px 0 0, #4466f2 -1.11911px -32.04713px 0 -.06667px, #4466f2 -2.24151px -32.05506px 0 -.13333px, #4466f2 -3.36582px -32.02361px 0 -.2px, #4466f2 -4.49065px -31.95265px 0 -.26667px, #4466f2 -5.61462px -31.84212px 0 -.33333px, #4466f2 -6.73634px -31.69198px 0 -.4px, #4466f2 -7.8544px -31.50227px 0 -.46667px, #4466f2 -8.9674px -31.27305px 0 -.53333px, #4466f2 -10.07395px -31.00444px 0 -.6px, #4466f2 -11.17266px -30.69663px 0 -.66667px, #4466f2 -12.26212px -30.34982px 0 -.73333px, #4466f2 -13.34096px -29.96429px 0 -.8px, #4466f2 -14.4078px -29.54036px 0 -.86667px, #4466f2 -15.46126px -29.07841px 0 -.93333px, #4466f2 -16.5px -28.57884px 0 -1px, #4466f2 -17.52266px -28.04212px 0 -1.06667px, #4466f2 -18.52792px -27.46878px 0 -1.13333px, #4466f2 -19.51447px -26.85936px 0 -1.2px, #4466f2 -20.48101px -26.21449px 0 -1.26667px, #4466f2 -21.42625px -25.53481px 0 -1.33333px, #4466f2 -22.34896px -24.82104px 0 -1.4px, #4466f2 -23.2479px -24.07391px 0 -1.46667px, #4466f2 -24.12186px -23.29421px 0 -1.53333px, #4466f2 -24.96967px -22.48279px 0 -1.6px, #4466f2 -25.79016px -21.64052px 0 -1.66667px, #4466f2 -26.58223px -20.76831px 0 -1.73333px, #4466f2 -27.34477px -19.86714px 0 -1.8px, #4466f2 -28.07674px -18.938px 0 -1.86667px, #4466f2 -28.7771px -17.98193px 0 -1.93333px, #4466f2 -29.44486px -17px 0 -2px, #4466f2 -30.07908px -15.99333px 0 -2.06667px, #4466f2 -30.67884px -14.96307px 0 -2.13333px, #4466f2 -31.24325px -13.91039px 0 -2.2px, #4466f2 -31.7715px -12.83652px 0 -2.26667px, #4466f2 -32.26278px -11.74269px 0 -2.33333px, #4466f2 -32.71634px -10.63018px 0 -2.4px, #4466f2 -33.13149px -9.5003px 0 -2.46667px, #4466f2 -33.50755px -8.35437px 0 -2.53333px, #4466f2 -33.84391px -7.19374px 0 -2.6px, #4466f2 -34.14px -6.0198px 0 -2.66667px, #4466f2 -34.39531px -4.83395px 0 -2.73333px, #4466f2 -34.60936px -3.63759px 0 -2.8px, #4466f2 -34.78173px -2.43218px 0 -2.86667px, #4466f2 -34.91205px -1.21916px 0 -2.93333px, #4466f2 -35px 0 0 -3px, #4466f2 -35.04531px 1.22381px 0 -3.06667px, #4466f2 -35.04775px 2.45078px 0 -3.13333px, #4466f2 -35.00717px 3.6794px 0 -3.2px, #4466f2 -34.92345px 4.90817px 0 -3.26667px, #4466f2 -34.79654px 6.13557px 0 -3.33333px, #4466f2 -34.62643px 7.36007px 0 -3.4px, #4466f2 -34.41316px 8.58016px 0 -3.46667px, #4466f2 -34.15683px 9.79431px 0 -3.53333px, #4466f2 -33.85761px 11.001px 0 -3.6px, #4466f2 -33.5157px 12.19872px 0 -3.66667px, #4466f2 -33.13137px 13.38594px 0 -3.73333px, #4466f2 -32.70493px 14.56117px 0 -3.8px, #4466f2 -32.23675px 15.72291px 0 -3.86667px, #4466f2 -31.72725px 16.86968px 0 -3.93333px, #4466f2 -31.17691px 18px 0 -4px, #4466f2 -30.58627px 19.11242px 0 -4.06667px, #4466f2 -29.95589px 20.2055px 0 -4.13333px, #4466f2 -29.28642px 21.27783px 0 -4.2px, #4466f2 -28.57852px 22.32799px 0 -4.26667px, #4466f2 -27.83295px 23.35462px 0 -4.33333px, #4466f2 -27.05047px 24.35635px 0 -4.4px, #4466f2 -26.23192px 25.33188px 0 -4.46667px, #4466f2 -25.37819px 26.27988px 0 -4.53333px, #4466f2 -24.49018px 27.1991px 0 -4.6px, #4466f2 -23.56888px 28.0883px 0 -4.66667px, #4466f2 -22.6153px 28.94626px 0 -4.73333px, #4466f2 -21.6305px 29.77183px 0 -4.8px, #4466f2 -20.61558px 30.56385px 0 -4.86667px, #4466f2 -19.57168px 31.32124px 0 -4.93333px, #4466f2 -18.5px 32.04294px 0 -5px, #4466f2 -17.40175px 32.72792px 0 -5.06667px, #4466f2 -16.27818px 33.37522px 0 -5.13333px, #4466f2 -15.1306px 33.98389px 0 -5.2px, #4466f2 -13.96034px 34.55305px 0 -5.26667px, #4466f2 -12.76875px 35.08186px 0 -5.33333px, #4466f2 -11.55724px 35.56951px 0 -5.4px, #4466f2 -10.32721px 36.01527px 0 -5.46667px, #4466f2 -9.08014px 36.41843px 0 -5.53333px, #4466f2 -7.81748px 36.77835px 0 -5.6px, #4466f2 -6.54075px 37.09443px 0 -5.66667px, #4466f2 -5.25147px 37.36612px 0 -5.73333px, #4466f2 -3.95118px 37.59293px 0 -5.8px, #4466f2 -2.64145px 37.77443px 0 -5.86667px, #4466f2 -1.32385px 37.91023px 0 -5.93333px;
    box-shadow: #4466f2 0 26px 0 6px, #4466f2 .90971px 26.05079px 0 5.93333px, #4466f2 1.82297px 26.06967px 0 5.86667px, #4466f2 2.73865px 26.05647px 0 5.8px, #4466f2 3.65561px 26.01104px 0 5.73333px, #4466f2 4.57274px 25.93327px 0 5.66667px, #4466f2 5.48887px 25.8231px 0 5.6px, #4466f2 6.40287px 25.68049px 0 5.53333px, #4466f2 7.31358px 25.50548px 0 5.46667px, #4466f2 8.21985px 25.2981px 0 5.4px, #4466f2 9.12054px 25.05847px 0 5.33333px, #4466f2 10.01448px 24.78672px 0 5.26667px, #4466f2 10.90054px 24.48302px 0 5.2px, #4466f2 11.77757px 24.1476px 0 5.13333px, #4466f2 12.64443px 23.78072px 0 5.06667px, #4466f2 13.5px 23.38269px 0 5px, #4466f2 14.34315px 22.95384px 0 4.93333px, #4466f2 15.17277px 22.49455px 0 4.86667px, #4466f2 15.98776px 22.00526px 0 4.8px, #4466f2 16.78704px 21.48643px 0 4.73333px, #4466f2 17.56953px 20.93855px 0 4.66667px, #4466f2 18.33418px 20.36217px 0 4.6px, #4466f2 19.07995px 19.75787px 0 4.53333px, #4466f2 19.80582px 19.12626px 0 4.46667px, #4466f2 20.5108px 18.468px 0 4.4px, #4466f2 21.1939px 17.78379px 0 4.33333px, #4466f2 21.85416px 17.07434px 0 4.26667px, #4466f2 22.49067px 16.34043px 0 4.2px, #4466f2 23.10251px 15.58284px 0 4.13333px, #4466f2 23.68881px 14.80241px 0 4.06667px, #4466f2 24.24871px 14px 0 4px, #4466f2 24.7814px 13.1765px 0 3.93333px, #4466f2 25.28607px 12.33284px 0 3.86667px, #4466f2 25.76198px 11.46997px 0 3.8px, #4466f2 26.2084px 10.58888px 0 3.73333px, #4466f2 26.62462px 9.69057px 0 3.66667px, #4466f2 27.01001px 8.77608px 0 3.6px, #4466f2 27.36392px 7.84648px 0 3.53333px, #4466f2 27.68577px 6.90284px 0 3.46667px, #4466f2 27.97502px 5.94627px 0 3.4px, #4466f2 28.23116px 4.97791px 0 3.33333px, #4466f2 28.4537px 3.99891px 0 3.26667px, #4466f2 28.64223px 3.01042px 0 3.2px, #4466f2 28.79635px 2.01364px 0 3.13333px, #4466f2 28.91571px 1.00976px 0 3.06667px, #4466f2 29px 0 0 3px, #4466f2 29.04896px -1.01441px 0 2.93333px, #4466f2 29.06237px -2.03224px 0 2.86667px, #4466f2 29.04004px -3.05223px 0 2.8px, #4466f2 28.98185px -4.07313px 0 2.73333px, #4466f2 28.88769px -5.09368px 0 2.66667px, #4466f2 28.75754px -6.1126px 0 2.6px, #4466f2 28.59138px -7.12863px 0 2.53333px, #4466f2 28.38926px -8.14049px 0 2.46667px, #4466f2 28.15127px -9.1469px 0 2.4px, #4466f2 27.87755px -10.1466px 0 2.33333px, #4466f2 27.56827px -11.1383px 0 2.26667px, #4466f2 27.22365px -12.12075px 0 2.2px, #4466f2 26.84398px -13.09268px 0 2.13333px, #4466f2 26.42956px -14.05285px 0 2.06667px, #4466f2 25.98076px -15px 0 2px, #4466f2 25.49798px -15.93291px 0 1.93333px, #4466f2 24.98167px -16.85035px 0 1.86667px, #4466f2 24.43231px -17.75111px 0 1.8px, #4466f2 23.85046px -18.63402px 0 1.73333px, #4466f2 23.23668px -19.49789px 0 1.66667px, #4466f2 22.5916px -20.34157px 0 1.6px, #4466f2 21.91589px -21.16393px 0 1.53333px, #4466f2 21.21024px -21.96384px 0 1.46667px, #4466f2 20.4754px -22.74023px 0 1.4px, #4466f2 19.71215px -23.49203px 0 1.33333px, #4466f2 18.92133px -24.2182px 0 1.26667px, #4466f2 18.10379px -24.91772px 0 1.2px, #4466f2 17.26042px -25.58963px 0 1.13333px, #4466f2 16.39217px -26.23295px 0 1.06667px, #4466f2 15.5px -26.84679px 0 1px, #4466f2 14.58492px -27.43024px 0 .93333px, #4466f2 13.64796px -27.98245px 0 .86667px, #4466f2 12.69018px -28.50262px 0 .8px, #4466f2 11.7127px -28.98995px 0 .73333px, #4466f2 10.71663px -29.4437px 0 .66667px, #4466f2 9.70313px -29.86317px 0 .6px, #4466f2 8.67339px -30.2477px 0 .53333px, #4466f2 7.6286px -30.59666px 0 .46667px, #4466f2 6.57001px -30.90946px 0 .4px, #4466f2 5.49886px -31.18558px 0 .33333px, #4466f2 4.41643px -31.42451px 0 .26667px, #4466f2 3.32401px -31.6258px 0 .2px, #4466f2 2.22291px -31.78904px 0 .13333px, #4466f2 1.11446px -31.91388px 0 .06667px, #4466f2 0 -32px 0 0, #4466f2 -1.11911px -32.04713px 0 -.06667px, #4466f2 -2.24151px -32.05506px 0 -.13333px, #4466f2 -3.36582px -32.02361px 0 -.2px, #4466f2 -4.49065px -31.95265px 0 -.26667px, #4466f2 -5.61462px -31.84212px 0 -.33333px, #4466f2 -6.73634px -31.69198px 0 -.4px, #4466f2 -7.8544px -31.50227px 0 -.46667px, #4466f2 -8.9674px -31.27305px 0 -.53333px, #4466f2 -10.07395px -31.00444px 0 -.6px, #4466f2 -11.17266px -30.69663px 0 -.66667px, #4466f2 -12.26212px -30.34982px 0 -.73333px, #4466f2 -13.34096px -29.96429px 0 -.8px, #4466f2 -14.4078px -29.54036px 0 -.86667px, #4466f2 -15.46126px -29.07841px 0 -.93333px, #4466f2 -16.5px -28.57884px 0 -1px, #4466f2 -17.52266px -28.04212px 0 -1.06667px, #4466f2 -18.52792px -27.46878px 0 -1.13333px, #4466f2 -19.51447px -26.85936px 0 -1.2px, #4466f2 -20.48101px -26.21449px 0 -1.26667px, #4466f2 -21.42625px -25.53481px 0 -1.33333px, #4466f2 -22.34896px -24.82104px 0 -1.4px, #4466f2 -23.2479px -24.07391px 0 -1.46667px, #4466f2 -24.12186px -23.29421px 0 -1.53333px, #4466f2 -24.96967px -22.48279px 0 -1.6px, #4466f2 -25.79016px -21.64052px 0 -1.66667px, #4466f2 -26.58223px -20.76831px 0 -1.73333px, #4466f2 -27.34477px -19.86714px 0 -1.8px, #4466f2 -28.07674px -18.938px 0 -1.86667px, #4466f2 -28.7771px -17.98193px 0 -1.93333px, #4466f2 -29.44486px -17px 0 -2px, #4466f2 -30.07908px -15.99333px 0 -2.06667px, #4466f2 -30.67884px -14.96307px 0 -2.13333px, #4466f2 -31.24325px -13.91039px 0 -2.2px, #4466f2 -31.7715px -12.83652px 0 -2.26667px, #4466f2 -32.26278px -11.74269px 0 -2.33333px, #4466f2 -32.71634px -10.63018px 0 -2.4px, #4466f2 -33.13149px -9.5003px 0 -2.46667px, #4466f2 -33.50755px -8.35437px 0 -2.53333px, #4466f2 -33.84391px -7.19374px 0 -2.6px, #4466f2 -34.14px -6.0198px 0 -2.66667px, #4466f2 -34.39531px -4.83395px 0 -2.73333px, #4466f2 -34.60936px -3.63759px 0 -2.8px, #4466f2 -34.78173px -2.43218px 0 -2.86667px, #4466f2 -34.91205px -1.21916px 0 -2.93333px, #4466f2 -35px 0 0 -3px, #4466f2 -35.04531px 1.22381px 0 -3.06667px, #4466f2 -35.04775px 2.45078px 0 -3.13333px, #4466f2 -35.00717px 3.6794px 0 -3.2px, #4466f2 -34.92345px 4.90817px 0 -3.26667px, #4466f2 -34.79654px 6.13557px 0 -3.33333px, #4466f2 -34.62643px 7.36007px 0 -3.4px, #4466f2 -34.41316px 8.58016px 0 -3.46667px, #4466f2 -34.15683px 9.79431px 0 -3.53333px, #4466f2 -33.85761px 11.001px 0 -3.6px, #4466f2 -33.5157px 12.19872px 0 -3.66667px, #4466f2 -33.13137px 13.38594px 0 -3.73333px, #4466f2 -32.70493px 14.56117px 0 -3.8px, #4466f2 -32.23675px 15.72291px 0 -3.86667px, #4466f2 -31.72725px 16.86968px 0 -3.93333px, #4466f2 -31.17691px 18px 0 -4px, #4466f2 -30.58627px 19.11242px 0 -4.06667px, #4466f2 -29.95589px 20.2055px 0 -4.13333px, #4466f2 -29.28642px 21.27783px 0 -4.2px, #4466f2 -28.57852px 22.32799px 0 -4.26667px, #4466f2 -27.83295px 23.35462px 0 -4.33333px, #4466f2 -27.05047px 24.35635px 0 -4.4px, #4466f2 -26.23192px 25.33188px 0 -4.46667px, #4466f2 -25.37819px 26.27988px 0 -4.53333px, #4466f2 -24.49018px 27.1991px 0 -4.6px, #4466f2 -23.56888px 28.0883px 0 -4.66667px, #4466f2 -22.6153px 28.94626px 0 -4.73333px, #4466f2 -21.6305px 29.77183px 0 -4.8px, #4466f2 -20.61558px 30.56385px 0 -4.86667px, #4466f2 -19.57168px 31.32124px 0 -4.93333px, #4466f2 -18.5px 32.04294px 0 -5px, #4466f2 -17.40175px 32.72792px 0 -5.06667px, #4466f2 -16.27818px 33.37522px 0 -5.13333px, #4466f2 -15.1306px 33.98389px 0 -5.2px, #4466f2 -13.96034px 34.55305px 0 -5.26667px, #4466f2 -12.76875px 35.08186px 0 -5.33333px, #4466f2 -11.55724px 35.56951px 0 -5.4px, #4466f2 -10.32721px 36.01527px 0 -5.46667px, #4466f2 -9.08014px 36.41843px 0 -5.53333px, #4466f2 -7.81748px 36.77835px 0 -5.6px, #4466f2 -6.54075px 37.09443px 0 -5.66667px, #4466f2 -5.25147px 37.36612px 0 -5.73333px, #4466f2 -3.95118px 37.59293px 0 -5.8px, #4466f2 -2.64145px 37.77443px 0 -5.86667px, #4466f2 -1.32385px 37.91023px 0 -5.93333px;
    -webkit-animation: whirly-loader 1.25s infinite linear;
    animation: whirly-loader 1.25s infinite linear;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%
}

.Cardblog {
    -moz-transition: all .5s;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    position: relative;
    display: flex;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    border: 1px solid rgba(0, 0, 0, .05);
    border-radius: .375rem;
    background-color: #fff;
    background-clip: border-box;
    transition: all .5s
}

.Serviceimage {
    margin: 5px auto
}

h2.swal2-title {
    font-size: 17px
}

.size span {
    font-size: 11px
}

.color span {
    font-size: 11px
}

.product-deta {
    margin-right: 70px
}

.gift-card:focus {
    box-shadow: none
}

.pay-button {
    color: #fff
}

    .pay-button:hover {
        color: #fff
    }

    .pay-button:focus {
        color: #fff;
        box-shadow: none
    }

.text-grey {
    color: #a39f9f
}

.qty i {
    font-size: 11px
}

.summary h3 {
    text-align: center;
    font-size: 1.3em;
    font-weight: 600;
    padding-top: 20px;
    padding-bottom: 20px
}

.summary .summary-item:not(:last-of-type) {
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px dashed rgba(0, 0, 0, .1)
}

.summary .text {
    font-size: 1em;
    font-weight: 600
}

.summary .price {
    font-size: 1em;
    float: left
}

.summary button {
    margin-top: 20px
}

.ColorblueDiscount {
    color: #2b99bd
}

.whauto {
    width: auto;
    height: auto
}

.imageradius {
    padding: .25rem;
    background-color: #fff;
    border: 1px solid #9317cc;
    border-radius: 7.25rem;
    transition: all .2s ease-in-out;
    max-width: 100%;
    height: auto
}

.single-f-news:last-child {
    margin: 0
}

.single-f-news {
    position: relative;
    background: 0 0;
    margin-bottom: 20px;
    box-shadow: none
}

.box-shadow {
    box-shadow: 0 0 7px 0 #eaeff4;
    -moz-box-shadow: 0 0 7px 0 #eaeff4;
    -webkit-box-shadow: 0 0 12px 0 #dde1e6;
    position: relative;
    border: 1px solid #ecf0f4;
    background-color: #fff;
}

.color-yellow {
    color: #fdc220
}

.font13 {
    font-size: 13px !important;
    font-family: IRANSans !important
}

.font15 {
    font-size: 15px !important;
}

.prl-0 {
    padding-right: 0;
    padding-left: 0
}


.border10 {
    border-radius: 10%
}

.bordertopdashed {
    border-top: 1px dashed rgba(212, 229, 236, .94)
}

ul li h5 {
    font-size: 13px !important
}

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

.dirltr {
    direction: ltr
}

.borderbottomP {
    border-bottom: 2px solid #eaeff2;
    padding-bottom: 12px
}

.bordercadr {
    border: 1px dashed #aabac2;
    border-radius: 25px;
    padding: 1.5rem !important;
    margin-bottom: 1.5rem !important
}

.downloads-file {
    font-size: 11px;
    padding: 1px 20px;
    border: none;
    color: #fff;
    background: #29b74b;
    border-radius: 15px 2px 15px 15px
}

    .downloads-file:hover {
        color: #efecec !important
    }

.btn-green {
    background-color: #1fce10;
    color: #fff
}

.btn-red {
    background-color: #ee0a0a;
    color: #fff
}

blockquote {
    color: #3a3a3a;
    text-align: right;
    font-size: 16px;
    background-color: #f0f2f7;
    border-radius: 15px;
    padding: 25px 20px;
    margin: 15px 0px 10px 0px;
    clear: both;
    position: relative;
}

    blockquote::before {
        font-family: "Font Awesome 5 Free";
        content: "\f10e";
        color: black;
        font-size: 34px;
        position: absolute;
        left: 50%;
        top: 0;
        margin-top: -30px;
        margin-left: -30px;
        display: block;
        width: 80px;
        height: 80px;
        background-color: #fff;
        line-height: 91px;
        border-radius: 50%;
        text-align: center;
        margin-right: -40px;
    }

    blockquote::after {
        content: '';
    }

.list-content {
    flex: 1 1 auto
}

Post-single li, nav, ol, ol li, ul {
    margin: 0;
    margin-right: 0px;
    margin-right: 15px;
    padding: 0;
    padding-top: 0px;
    padding-left: 0px;
    padding-top: 5px;
}

.Post-single ul li, .Post-single ol li {
    line-height: 30px;
    padding-right: 20px;
    position: relative;
}

/* .Post-single ul li::before {
            content: "";
            position: absolute;
            right: 0;
            top: 50%;
            width: 8px;
            height: 8px;
            background: #f3a712;
            border-radius: 100%;
            margin-top: -4px
        }*/
.thumb-post ul, .course-details-layer ul {
    list-style: none;
}

.Post-single img {
    border-radius: 15px !important
}

    .Post-single img:hover {
        transform: scale(1.5);
        cursor: pointer;
        opacity: .9
    }

@-webkit-keyframes ImagezoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

@keyframes ImagezoomIn {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(.3, .3, .3);
        transform: scale3d(.3, .3, .3)
    }

    50% {
        opacity: 1
    }
}

.Post-single img {
    -webkit-animation-name: zoomIn;
    animation-name: ImagezoomIn;
    -webkit-animation-duration: 1s;
    animation-duration: 3s;
    -webkit-animation-duration: var(--animate-duration);
    animation-duration: var(--animate-duration);
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.blog h3 {
    font-size: 12px !important;
    line-height: 2;
    font-family: IRANSans_Medium;
    margin-bottom: .25rem !important;
    color: #676565 !important
}

.home-slides.owl-prev {
    left: -.6rem
}

.home-slides.owl-next {
    right: -.6rem
}

.home-slides.owl-theme .owl-nav {
    margin-top: 0
}

    .home-slides.owl-theme .owl-nav [class*=owl-] {
        position: absolute;
        right: 10px;
        top: 50%;
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
        margin: 0;
        outline: 0;
        width: 45px;
        height: 45px;
        line-height: 29px;
        -webkit-transition: .5s;
        transition: .5s;
        background-color: #5893b7;
        color: #f64c67;
        border-radius: 50%;
        opacity: 1;
        visibility: hidden
    }

        .home-slides.owl-theme .owl-nav [class*=owl-]:focus,
        .home-slides.owl-theme .owl-nav [class*=owl-]:hover {
            background-color: #82aee4
        }

        .home-slides.owl-theme .owl-nav [class*=owl-].owl-next {
            right: auto;
            left: 10px
        }

            .home-slides.owl-theme .owl-nav [class*=owl-].owl-next i {
                position: relative;
                top: 1px;
                right: 2px
            }

        .home-slides.owl-theme .owl-nav [class*=owl-] i {
            font-size: 25px;
            font-weight: 700;
            position: relative;
            top: 1px;
            left: 2px
        }

.home-slides.owl-theme:hover .owl-nav [class*=owl-] {
    opacity: 1;
    visibility: visible;
    right: 20px;
    -webkit-transition: .5s;
    transition: .5s
}

    .home-slides.owl-theme:hover .owl-nav [class*=owl-].owl-next {
        right: auto;
        left: 20px
    }

table {
    width: 100%;
    max-width: 100%;
    margin-bottom: 1rem;
    background-color: transparent;
    border-collapse: collapse;
    border: 1px solid #dee2e6
}

    table thead {
        color: #495057;
        background-color: #e9ecef;
        border-color: #dee2e6
    }

        table thead td,
        table thead th {
            border-bottom-width: 2px
        }

    table td,
    table th {
        padding: .75rem;
        vertical-align: top;
        border-top: 1px solid #dee2e6
    }

    table thead th {
        vertical-align: bottom;
        border-bottom: 2px solid #dee2e6;
        border-bottom-width: 2px
    }

    table td,
    table th {
        border: 1px solid #dee2e6;
        border-bottom-color: #dee2e6;
        border-bottom-style: solid;
        border-bottom-width: 1px
    }

.bg-color7 {
    background-image: linear-gradient(100deg, #c6337f, #4621ac) !important
}

.HeadlinesPart ul li::before {
    content: "\f00c";
    font-family: "Font Awesome 5 Free";
    font-weight: 300;
    color: #28a745 !important;
    margin-left: .5rem !important
}

.HeadlinesPart ul {
    padding-left: 0;
    list-style: none;
    margin-bottom: 1.5rem !important;
    text-align: right
}

.btn-download {
    font-size: 13px;
    padding: 1px 20px;
    border: none;
    background: #29b74b;
    border-radius: 15px 2px 15px 15px
}

.font14 {
    font-size: 14px !important;
}

.height256 {
    height: 256px
}

.colorblueDarga {
    color: #0c7ce6 !important
}

#fixed-social {
    position: fixed;
    top: 40%;
    left: 3px;
    z-index: 2000
}

#fixed-social {
    position: fixed;
    top: 40%;
    left: 3px;
    z-index: 2000
}

    #fixed-social a {
        color: #fff !important;
        display: block;
        position: relative;
        text-align: center;
        line-height: 40px;
        width: 30px;
        z-index: 2;
        font-size: 18px
    }

a.fixed-linkedin {
    margin-left: 0;
    width: 30px
}

    a.fixed-linkedin:hover {
        background-color: #b7223e
    }

.fixed-linkedin a:hover {
    background-color: #00af54
}

.fixed-linkedin a:hover {
    background-color: #000
}

.fixed-sorosh {
    background-color: #368da8
}

    .fixed-sorosh a:hover {
        background-color: #1a617a
    }

.fixed-telgram {
    background-color: #2fa7dd
}

    .fixed-telgram a:hover {
        background-color: #059be7
    }

.fixed-eita {
    background-color: #f07c01
}

    .fixed-eita a:hover {
        background-color: #f27b00
    }

.fixed-rubika {
    background-color: #6bb700
}

    .fixed-rubika a:hover {
        background-color: #6bb700
    }

.fixed-bale {
    background-color: #49dbad
}

    .fixed-bale a:hover {
        background-color: #397a8e
    }

.fixed-igap {
    background-color: #bfd737
}

    .fixed-igap a:hover {
        background-color: #6bc044
    }

.fixed-rss {
    background-color: #f79838
}

    .fixed-rss a:hover {
        background-color: #ee8433
    }

.bordertoprl {
    border-top-right-radius: 15px;
    border-top-left-radius: 15px
}

.fixed-linkedin {
    background-color: #d22b4a
}

.fixed-twitter {
    background-color: #0c8a9f
}

    .fixed-twitter:hover {
        background-color: #0fb1cc
    }

.fixed-gplus {
    background-color: #056084
}

.fixed-facebook {
    background-color: #056084
}

    .fixed-facebook:hover {
        background-color: #074b66
    }

.fixed-instagrem {
    background-color: #b40b58 !important
}

    .fixed-instagrem:hover {
        background-color: #aa0250 !important
    }

.fixed-whatsapp {
    background-color: #0a7916
}

.borderbr {
    border-bottom-right-radius: 15px
}

.fixed-whatsapp:hover {
    background-color: #09a41a
}

.fixed-phone {
    background-color: #FF802C
}

    .fixed-phone:hover {
        background-color: #FF802c
    }

@media(max-width:578px) {
    .imagepay {
        width: 22px
    }

    .result-brif .result-message {
        font-size: 11px
    }

    .failed-result.carddetail::before,
    .sucsses-result.carddetail::before {
        width: 92px
    }

    .failed-result .shape::before,
    .sucsses-result .shape::before {
        width: 42px
    }

    .shape::after {
        width: 400px
    }

    .trasaction-result dt {
        text-align: center
    }

    .trasaction-result dd {
        text-align: center
    }

    .failed-result:after,
    .sucsses-result:after {
        width: 32px;
        height: 32px
    }

    .btn-perches {
        font-size: 13px
    }
}

.disabled {
    pointer-events: none;
    opacity: 0.2;
}

.borderradius {
    border-radius: 4px;
}


.videoperwer {
    border: 1px dashed #cadee3;
    border-radius: 16px;
}

.table-header {
    background-color: #ffab0be6;
    color: white;
}

.copyshortener:hover {
    color: #0ab9f2;
}

.cursorp {
    cursor: pointer;
}

.faqustion {
    font-size: 13px !important;
    padding-left: 4px;
}

.colordetails {
    color: #bcd1db87;
}

.backgroubcommend {
    background-color: #ecf0f1;
    border-radius: 5px;
    padding: 6px;
}



.fontw14 {
    font-weight: 900;
    font-size: 14px !important;
}

.cursorpointer {
    cursor: pointer;
}

.font16 {
    font-size: 16px;
}

@media only screen and (max-width: 767px) {


    #menuedashboard > li {
        margin-left: 29px;
    }

        #menuedashboard > li > a > span {
            display: none;
        }
}

.text-secondarymat {
    color: #b0b9be;
}

.imagewh16 {
    width: 16px !important;
    height: 16px !important;
}

.colorfont-login {
    color: #bcc2be9e;
}

.iconshortkey, .card-subtitle span i, .questionsdetails i {
    color: #bcd1db87;
}

.whatNeed div i {
    color: #bf8d2e
}

.list-style-none {
    list-style: none;
}

.menucategory {
    display: table !important;
    padding: 5px 10px !important;
    width: auto;
    border-radius: 7px;
    color: #505763;
}

.padding15 {
    padding: 15px !important;
}

/*#region awsome-box*/

.bg-slide1 {
    height: 450px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
}



    .bg-slide1 h1 {
        font-size: 1.4rem !important;
    }

.txtbox {
    right: 0;
    left: 0;
    top: 25%
}


.searchbox input {
    border-top-left-radius: 0 !important;
    border-bottom-left-radius: 0 !important;
}

.searchbox .btn {
    border-top-left-radius: 1.5rem !important;
    border-bottom-left-radius: 1.5rem !important;
}

.btn-purple {
    color: #fff;
    background-color: #b3179b;
    border-color: #b3179b;
}

    .btn-purple:hover {
        color: #fff;
        background-color: #c81dae;
        border-color: #c81dae;
    }


.searchbox .fa-2x {
    font-size: 1.4em;
}



.quick_link {
    margin: 0 auto;
    margin-bottom: 0px;
    background-color: rgba(255,255,255,0.16);
    border: 1px solid rgba(255,255,255,0.2);
    padding: 3px;
    border-radius: 30px 30px 30px 0;
    margin-bottom: 15px !important;
}

    .quick_link div:hover {
        background-color: #5f5586;
        border-radius: 30px 30px 30px 0;
    }

.quickbox {
    right: 0;
    left: 0;
    top: 20%
}




.tm-slogon {
    font-size: 28px !important;
    color: #fff;
    /*text-align: center !important;*/
    font-family: IRANSans_Bold;
}

    .tm-slogon span {
        font-size: 26px !important;
    }

.txtbox .searchbox .form-control {
    padding: .8rem !important;
    border: none !important
}

.quikbtn .btn {
    border-radius: 2rem !important;
}


.searchbox .btn-light {
    background-color: #fff !important;
    border: none !important
}

/*#endregion awsome-box*/

/*region Promotion*/

.sliderpromotion {
    display: table;
    padding: 5px 15px;
    background: #f4f5f9;
    width: auto;
    border-radius: 7px;
    margin: 0 auto;
    font-size: 20px;
    float: none;
    text-align: center;
    color: #505763;
}

.sliderback {
    background: white;
    border-radius: 10px;
}


.sp {
    color: #9e9e9e;
    text-align: center;
    font-size: 19px;
}

.sp-icon {
    position: absolute;
    bottom: -35px;
    left: -1px;
    color: #f5f5f5;
    font-size: 200px;
    z-index: -1;
}

.sp-image {
    display: flex;
    align-content: center;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: nowrap;
}

.mp-0 {
    margin-left: 0px;
    margin-right: 0px;
    padding-right: 0px;
    padding-left: 0px;
}
/*endregion Promotion*/

/*#region Profile*/
.left-panel {
    position: absolute;
    right: 50px;
    top: 50px;
}

.profile-box {
    background: #fff;
    border-radius: 10px;
    overflow: hidden;
    border: 1px solid #e5eded;
}

    .profile-box.patient-profile {
        min-height: 813px;
    }

    .profile-box .upper-box {
        position: relative;
        margin-bottom: 30px;
    }

        .profile-box .upper-box .profile-image {
            position: relative;
            display: block;
            text-align: center;
            background: #453f850f;
        }

            .profile-box .upper-box .profile-image img {
                width: 50%;
                height: 50% !important;
                border-radius: 50% !important;
            }

        .profile-box .upper-box .title-box {
            position: relative;
            margin: 0px 40px;
        }

            .profile-box .upper-box .title-box .inner {
                position: relative;
                background: #fff;
                border-radius: 10px;
                text-align: center;
                margin-top: -17px;
                box-shadow: 0 20px 30px rgba(0, 24, 73, 0.08);
            }

                .profile-box .upper-box .title-box .inner h3 {
                    font-size: 14px;
                    line-height: 30px;
                    font-weight: 700;
                    margin-bottom: 0px;
                }

                .profile-box .upper-box .title-box .inner p i {
                    font-size: 15px;
                    margin-left: 10px;
                }

    .profile-box .profile-info {
        position: relative;
        padding-bottom: 34px;
    }

        .profile-box .profile-info .list li {
            position: relative;
            display: block;
            padding: 15px 20px 12px 40px;
            border-top: 1px solid #e5eded;
        }

            .profile-box .profile-info .list li a {
                font-size: 13px;
                line-height: 26px;
                color: #061a3a;
                font-weight: 500;
            }

                .profile-box .profile-info .list li a.current,
                .profile-box .profile-info .list li a:hover {
                }

                .profile-box .profile-info .list li a i {
                    font-size: 15px;
                    margin-left: 20px;
                    color: #b3b3b3;
                    transition: all 500ms ease;
                }

                .profile-box .profile-info .list li a.current i,
                .profile-box .profile-info .list li a:hover i {
                }

            .profile-box .profile-info .list li span {
                position: absolute;
                top: 20px;
                left: 40px;
                font-size: 10px;
                line-height: 14px;
                font-weight: 500;
                display: inline-block;
                color: #fff;
                padding: 0px 9px;
                border-radius: 15px;
            }

.collapse-link {
    cursor: pointer;
}

.submenu li {
    border-top: 0px !important;
}

.child_menu li::before {
    background: #f3a712;
    bottom: auto;
    content: "";
    height: 8px;
    right: 5px;
    margin-top: 10px;
    position: absolute;
    left: auto;
    width: 8px;
    z-index: 1;
    border-radius: 50%;
}

.profile {
    text-align: center
}

    .profile img {
        width: 120px;
        height: 120px;
        margin: 15px auto;
        border-radius: 50%;
        overflow: hidden
    }

    .profile span {
        background: #e91e63;
        color: #fff;
        padding: 0 10px;
        margin-top: 20px;
        border-radius: 15px;
        font-size: 12px
    }

    .profile ul {
        border: 1px dashed #13c4a1;
        padding: 0;
        border-radius: 15px
    }

        .profile ul li {
            list-style: none;
            display: inline
        }

            .profile ul li a {
                color: #aaa;
                margin: 0 5px;
                font-size: 20px;
                transition: .5s;
                text-align: center
            }

            .profile ul li:hover a {
                color: #e91e63;
                transform: rotateY(360deg)
            }

    .profile .text-info {
        color: #0ab8ed !important
    }

    .profile .text-ins {
        color: #ea00a5 !important
    }


.Dashbord ul li {
    line-height: 30px;
    padding-right: 20px;
    position: relative;
    border-bottom: 1px dashed rgba(0, 0, 0, .1);
    padding-top: 6px;
    padding-bottom: 6px
}

    .Dashbord ul li::before {
        content: "";
        position: absolute;
        right: 0;
        top: 50%;
        width: 8px;
        height: 8px;
        background: #f3a712;
        border-radius: 100%;
        margin-top: -4px
    }

    .Dashbord ul li a {
        margin-right: 14px
    }

.menuuserprofile {
    padding: 20px
}

.headerDashbord {
    border-bottom: 1px solid #eff2f5;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    position: relative
}

.profileblog {
    float: left;
    top: 177px;
    position: absolute;
    left: 12px;
    font-size: 10px
}

.indicator__value {
    height: 15px !important;
    font-size: 10px !important;
    padding: 0 5px !important;
    border-radius: 1000px !important;
    background: #d52d2d;
    color: #f9f9f9 !important;
    font-weight: 700 !important;
    margin-right: -5px !important;
    line-height: 16px !important;
    float: left !important;
}
/*#endregion Profile*/

/*#region Specifiction*/


.metaboxes {
    background: #fff;
    border-bottom: 1px solid #eee;
    margin: 0 !important;
    margin-top: 10px !important;
}

    .metaboxes h3 {
        padding: .5em 1em .5em .75em !important;
        font-size: 14px;
        line-height: 1.4;
        margin: 0 !important;
        font-size: 1em !important;
        overflow: hidden;
        font-weight: 600;
        margin-bottom: 5px !important;
    }

        .metaboxes h3 a.delete {
            color: red;
            font-weight: 400;
            line-height: 26px;
            text-decoration: none;
            position: relative;
            float: left;
            transition-property: border,background,color;
            transition-duration: .05s;
            transition-timing-function: ease-in-out;
            cursor: pointer;
        }

        .metaboxes h3 .handlediv {
            background-position: 6px 5px !important;
            width: 27px;
            float: left;
            height: 26px;
            margin: 0;
            margin-top: 0px;
            padding: 0;
            border: 0;
            background: 0 0;
            background-position-x: 0px;
            background-position-y: 0px;
            cursor: pointer;
            color: #787c82;
        }

            .metaboxes h3 .handlediv::before {
                content: "\f077" !important;
                cursor: pointer;
                display: inline-block;
                font: 400 11px/1 Dashicons;
                line-height: 1;
                line-height: .5 !important;
                padding: 8px 10px;
                position: relative;
                left: 12px;
                top: 0;
                font-family: 'Font Awesome 5 Free';
            }

    .metaboxes.closed .handlediv::before {
        content: "\f078" !important;
    }

.hidden {
    display: none;
}

.visible {
    display: block;
}



.metaboxes h3 strong {
    font-weight: 400;
    line-height: 26px;
    font-weight: 700;
}


.attribute_data table {
    width: 100%;
    position: relative;
    background-color: #fdfdfd;
    padding: 1em;
    border-top: 1px solid #eee;
    border-collapse: unset !important;
}

    .attribute_data table td {
        text-align: right;
        padding: 0 0 1em 6px;
        border: 0;
    }

        .attribute_data table td select {
            width: 100% !important;
            font-weight: 400;
        }

.postbox {
    position: relative;
    min-width: 255px;
    border: 1px solid #c3c4c7;
    border-bottom-color: rgb(195, 196, 199);
    border-bottom-style: solid;
    border-bottom-width: 1px;
    box-shadow: 0 1px 1px rgba(0,0,0,.04);
    background: #fff;
}

.postbox, .stuffbox {
    margin-bottom: 20px;
    padding: 0;
    line-height: 1;
}

.selectplans {
    font-size: 14px;
    line-height: 2;
    color: #2c3338;
    box-shadow: none;
    border-radius: 3px;
    padding: 0 8px 0 24px;
    min-height: 30px;
    max-width: 25rem;
    -webkit-appearance: none;
    background: #fff url('../images/drop.svg') no-repeat left 5px top 55%;
    background-size: 16px 16px;
    cursor: pointer;
    vertical-align: middle;
    border: 1px solid #cacaca;
    border-top-color: rgb(202, 202, 202);
    border-right-color: rgb(202, 202, 202);
    border-bottom-color: rgb(202, 202, 202);
    border-left-color: rgb(202, 202, 202);
    margin: 0 1px;
    box-sizing: border-box;
    font-weight: inherit;
}

    .selectplans option {
        font-size: 15px;
        font-weight: bold;
    }

.Plantoolbar {
    margin: 0 !important;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #eee;
    padding: 9px 12px !important;
}

.btnspecifictionvalue {
    float: left;
    margin-top: 6px;
    color: #2271b1;
    border-color: #2271b1;
    background: #f6f7f7;
    text-decoration: none;
    font-size: 13px;
    line-height: 2.15;
    min-height: 30px;
    padding: 0 10px;
    border-width: 1px;
    border-style: solid;
    -webkit-appearance: none;
    border-radius: 3px;
}
/*#endregion Specifiction*/

/*#region Custome*/
.p-75rem {
    padding: .75rem !important;
}

.bg-color13 {
    background-image: linear-gradient(135deg,#f44336, rgb(240, 50, 94)) !important;
}

.textcontent {
    font: normal 13px tahoma;
    line-height: normal;
    line-height: 25px;
    text-align: justify;
}

p {
    margin-top: 0;
    margin-bottom: 1rem;
}

.sitname {
    background: #ECECEC;
    direction: ltr;
    padding: 11px 2px;
    color: #404040;
    border: 1px solid;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    border-top-color: currentcolor;
    border-right-color: currentcolor;
    border-bottom-color: currentcolor;
    border-left-color: currentcolor;
    border-color: #c4c4c4 #d1d1d1 #d4d4d4;
    font: bold 13px tahoma;
    font-size: 13px;
    font-size: 13px;
    margin-left: 0;
    border-radius: 0 3px 3px 0;
    width: 100px;
    display: inline-block;
    text-align: left;
    vertical-align: bottom;
    font-size: 12px;
}

.borderleftinput {
    border-left: 3px solid #F78125 !important;
    border-radius: 5px;
}

.select2-selection__clear {
    margin-left: 20px !important;
    font-size: 19px !important;
    color: red !important;
    margin-top: -5px;
}

.img-thumbnailgalery {
    height: 100px !important;
}

.shaba {
    background-image: url('../Image/Option/sheba.png');
    background-position: left center !important;
    background-repeat: no-repeat !important;
    padding-left: 40px !important;
}

.texprice {
    background-image: url('../Image/Option/toman.png');
    background-position: left center !important;
    background-repeat: no-repeat !important;
    padding-left: 40px !important;
}

.credit {
    background-image: url('../Image/Option/credit.png');
    background-position: left center !important;
    background-repeat: no-repeat !important;
    padding-left: 40px !important;
}

table#Mytable td.dt-control {
    text-align: center;
    cursor: pointer;
}

    table#Mytable td.dt-control::before {
        height: 1em;
        width: 1em;
        margin-top: -9px;
        display: inline-block;
        color: white;
        border: .15em solid white;
        border-radius: 1em;
        box-shadow: 0 0 .2em #444;
        box-sizing: content-box;
        text-align: center;
        text-indent: 0 !important;
        font-family: "Courier New",Courier,monospace;
        line-height: 1em;
        content: "+";
        background-color: #31b131;
    }

table#Mytable tr.dt-hasChild td.dt-control::before {
    content: "-";
    background-color: #d33333;
}

.displaynone {
    display: none !important;
}

.select2-container--default .select2-results__group {
    background-color: chocolate;
    color: white;
}

.Color_hr {
    margin-bottom: 1rem;
    border: 0;
    border-top-color: currentcolor;
    border-top-style: none;
    border-top-width: 0;
    border-top: 1px dashed rgba(52, 26, 176, 0.75);
}

.borderleftinput {
    border-left: 3px solid #F78125 !important;
    border-radius: 5px;
}

.height100 {
    height: 100%;
}

.badges {
    margin: 5px 0 10px 0;
}

    .badges img {
        display: inline-block;
        margin: 0 3px;
    }

.recipe-tools::after {
    clear: both;
}

.recipe-tools::before, .recipe-tools::after {
    content: " ";
    display: table;
}

.recipe-tools {
    padding: 0;
    float: left;
}

    .recipe-tools .tool {
        position: relative;
        display: inline-block;
        float: right;
        width: 26px;
        height: 26px;
        border-radius: 3px;
        background: #23242c;
        border: 0;
        color: #fff;
        margin-right: 10px;
        cursor: pointer;
        -webkit-transition: all 0.2s;
        -moz-transition: all 0.2s;
        -o-transition: all 0.2s;
        transition: all 0.2s;
        zoom: 1;
        filter: alpha(opacity=60);
        -webkit-opacity: 0.6;
        -moz-opacity: 0.6;
        opacity: 0.6;
        text-align: center;
        vertical-align: middle;
    }

.basketdescktop {
    float: left;
    margin-top: 21px;
    font-size: 12px;
}

    .basketdescktop > a:first-child::before {
        content: none !important;
    }

.devolp {
    color: #311d79 !important;
}

    .devolp a {
        color: #79211d !important;
    }

.rotate-180 {
    -webkit-transform: rotate(-180deg) !important;
    transform: rotate(-180deg) !important;
}

.fill-body {
    fill: #f8fafd !important;
}
/*#endregion Custome*/
/*#region custom-toggle*/
.custom-toggle {
    position: relative;
    display: inline-block;
    width: 52px;
    height: 1.5rem;
}

    .custom-toggle input {
        display: none;
    }

        .custom-toggle input:checked + .custom-toggle-slider {
            border: 1px solid #5e72e4;
        }

            .custom-toggle input:checked + .custom-toggle-slider:before {
                transform: translateX(1.625rem);
                background: #5e72e4;
            }

        .custom-toggle input:disabled + .custom-toggle-slider {
            border: 1px solid #e9ecef;
        }

        .custom-toggle input:disabled:checked + .custom-toggle-slider {
            border: 1px solid #e9ecef;
        }

            .custom-toggle input:disabled:checked + .custom-toggle-slider:before {
                background-color: #8a98eb;
            }

.custom-toggle-slider {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    cursor: pointer;
    border: 1px solid #cad1d7;
    border-radius: 34px !important;
    background-color: transparent;
}

    .custom-toggle-slider:before {
        position: absolute;
        bottom: 2px;
        left: 2px;
        width: 18px;
        height: 18px;
        content: "";
        transition: all 0.2s cubic-bezier(0.68, -0.55, 0.265, 1.55);
        border-radius: 50% !important;
        background-color: #e9ecef;
    }



/*#endregion custom-toggle*/

/*#region basket*/
.wd-table-wrapper {
    overflow-x: auto;
    margin-bottom: 20px;
    border-radius: 10px;
    background-color: #fff;
}

.checkout-review-order-table {
    display: flex;
    flex-direction: column;
    margin-bottom: 0;
}

    .checkout-review-order-table thead tr {
        border-width: 2px;
    }

    .checkout-review-order-table tr {
        display: flex;
        border-bottom: 1px solid rgba(0,0,0,0.105);
    }

    .checkout-review-order-table thead th {
        flex-basis: 50%;
    }

    .checkout-review-order-table :is(th, td) {
        border: none;
    }

th.product-name {
    text-align: right;
}

.tablebasket {
    border: 0;
}

    .tablebasket th {
        padding: 15px 10px;
        border-bottom: 2px solid rgba(0,0,0,0.105);
        color: var(--wd-title-color);
        text-transform: uppercase;
        font-weight: 400;
        font-size: 16px;
    }

    .tablebasket thead {
        background-color: #fff !important;
    }
/*#endregion basket*/
/*#region ProductCategoryShop*/
.widget-categories__item--open .widget-categories__expander::after {
    transform: rotate(90deg);
}

.widget-categories__subs ul {
    list-style: none;
    padding: 6px 0 8px;
    margin: 0;
}

.widget-categories__item--open .widget-categories__subs {
    height: auto;
    opacity: 1;
    visibility: visible;
    transition-delay: 0s, 0s, 0s;
}

.widget-categories__subs {
    overflow: hidden;
    height: 0;
    opacity: 0;
    visibility: hidden;
    font-size: 15px;
    line-height: 26px;
    transition: height .2s, opacity .2s, visibility 0s .2s;
    transition-delay: 0s, 0s, 0.2s;
}

.widget-categories__expander:focus, .widget-categories__expander:hover {
    background: #f2f2f2;
    color: #a6a6a6;
}


.widget-categories__row a {
    position: relative;
    color: inherit;
    fill: #ccc;
    transition: color .15s;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 7px 16px 7px 10px;
    padding-top: 7px;
    padding-bottom: 7px;
}

.widget-categories__row a {
    padding-top: 4px;
    padding-bottom: 4px;
}

.widget-categories__expander {
    margin-top: 4px;
}

.widget-categories__expander {
    margin-top: 1px;
    width: 28px;
    height: 28px;
    position: relative;
    border: none;
    border-radius: 1.5px;
    cursor: pointer;
    padding: 0;
    background: transparent;
    color: #ccc;
    transition: all .2s;
    margin-left: -10px;
    float: left;
}

    .widget-categories__expander::after {
        width: 2px;
        height: 8px;
        top: calc(50% - 4px);
        transition: transform .2s;
        right: calc(50% - 1px);
    }

    .widget-categories__expander::after, .widget-categories__expander::before {
        display: block;
        position: absolute;
        content: "";
        background: currentColor;
    }

    .widget-categories__expander::before {
        width: 8px;
        height: 2px;
        top: calc(50% - 1px);
        right: calc(50% - 4px);
    }

.widget-categories__subs ul li {
    background-color: transparent !important;
    border-bottom: 1px dashed #c5d5e1;
    padding: 3px 8px;
    margin: 4px;
    border-radius: 5px;
    font-size: 12px !important;
}

.basketmobile {
    float: left;
    font-size: 12px;
}
/*#endregion ProductCategoryShop*/
/*#region menuemobile*/
.of-main-menu > ul > li.of-active-item > a, .of-main-menu > ul > li:hover > a {
    color: #fdc220;
}

.mobile-menu li a {
    border-bottom: 1px dashed #e6e5e2;
}

.PerofileUser {
    float: left;
    margin-top: 20px;
    font-size: 12px;
}

.PerofileUserMobile {
    float: left;
    font-size: 12px;
}

    .PerofileUserMobile ul:hover #PerofileUserMenu {
        opacity: 1;
        visibility: visible;
        z-index: 1;
        display: block !important;
    }

#PerofileUserMenu {
    position: absolute;
    background-color: #fff;
    padding: 10px 0;
    opacity: 0;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 4px 1px rgba(24, 24, 24, 0.05);
    border-top: 2px solid #ffc107;
    line-height: 25px;
    border-radius: 10px;
    top: 116%;
    width: 156px;
    height: auto;
    transition: opacity 0.4s;
    transition: opacity 0.4s;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
    visibility: hidden;
    border-bottom-right-radius: 25px;
    border-bottom-left-radius: 25px;
    -webkit-box-shadow: 0 8px 10px -6px #e3e3e3;
    -moz-box-shadow: 0 8px 10px -6px #e3e3e3;
    box-shadow: 0 8px 10px -6px #e3e3e3;
}

    #PerofileUserMenu li {
        line-height: 40px;
    }

.login_wrapmobile {
    float: left;
    font-size: 12px;
}

.PerofileUser-imge {
    width: 40px;
    height: 40px;
    border-radius: 100%;
}

.of-drop-down .second .inner > ul,
.of-drop-down li.narrow .second .inner ul {
    display: inline-block;
    position: relative;
    background-color: #fff;
    padding: 10px 0;
    box-sizing: border-box;
    -webkit-box-shadow: 0 1px 4px 1px rgba(24,24,24,.05);
    -moz-box-shadow: 0 1px 4px 1px rgba(24,24,24,.05);
    box-shadow: 0 1px 4px 1px rgba(24,24,24,.05);
    border-top: 2px solid #ffc107;
    line-height: 25px;
    border-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

.widthimage {
    width: 150px;
    height: 49px;
}

.PerofileUserMobile {
    float: left;
    font-size: 12px;
}

.login_wrapmobile {
    float: left;
    font-size: 12px;
}

.timeworker {
    text-align: left;
}

@media (max-width:770px) {
    .timeworker {
        text-align: right;
    }
}
/*#endregion menuemobile*/

/* verify-phone-number */

.account-box-verify-content {
    padding: 0 30px;
    margin: 30px 0 0;
}

    .account-box-verify-content .form-account {
        width: 100%;
        text-align: center;
    }

        .account-box-verify-content .form-account .form-account-title {
            color: #383838;
            font-weight: 700;
            font-size: 13px;
            margin-bottom: 0;
        }

        .account-box-verify-content .form-account .lines-number-input {
            width: 100%;
            height: auto;
            padding: 0;
            direction: ltr;
            text-align: center;
            margin-top: 20px;
        }

            .account-box-verify-content .form-account .lines-number-input input.line-number-account {
                display: inline-block;
                width: 45px;
                height: 45px;
                border: 0;
                padding: 0;
                border-bottom: 1px solid #989898;
                margin: 0 4px;
                outline: none;
                text-align: center;
                font-weight: bold;
                font-size: 16px;
                color: #383838;
                border-radius: 0;
                float: none;
            }

                .account-box-verify-content .form-account .lines-number-input input.line-number-account::placeholder {
                    color: #ccc;
                    text-align: center;
                }

.receive-verify-code {
    width: 200px;
    height: 40px;
    overflow: hidden;
    border-radius: 50px;
    margin: 30px auto 0;
    line-height: 40px;
    color: #4a4a4a;
    text-align: center;
    z-index: 0;
}

#countdown-verify-end {
    display: inline-block;
    margin-bottom: -7px;
    font-size: 16px;
    margin-top: 0;
}

    #countdown-verify-end span {
        float: left;
    }

        #countdown-verify-end span.day {
            display: none;
        }

        #countdown-verify-end span.hour {
            display: none;
        }

.link-border-verify {
    color: #9e9e9e !important;
    border-bottom: 1px dashed #9e9e9e;
    background-color: transparent;
    font-weight: 500;
    padding: 5px 0;
}

.link-border-verify {
    color: #fb4b63;
}

.text-caption {
    color: #d9dcdf;
}
/* verify-phone-number */

.ck-editor__editable_inline {
    min-height: 500px;
}

    .ck-editor__editable_inline:not(.ck-comment__input *) {
        height: 500px;
        overflow-y: auto;
    }

/*#region  sticky footer  */

/*--برای وب سایت فروش فایل*/
.cartfooterfixed {
    display: flex;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9991;
    align-items: center;
    max-height: 80px;
    background-color: #FFF;
    box-shadow: 0 0 6px rgb(0,0,0,.2)
}

    .cartfooterfixed .cart-price {
        text-align: right;
        font-size: 25px;
    }

        .cartfooterfixed .cart-price .price {
            color: red;
        }

            .cartfooterfixed .cart-price .price .amount {
                font-size: 14px;
            }

            .cartfooterfixed .cart-price .price ins {
                padding: 0;
                background-color: transparent;
                color: #d60644;
                text-decoration: none;
                opacity: 1;
            }

            .cartfooterfixed .cart-price .price del {
                color: #bbb;
                font-size: 90%;
            }

    .cartfooterfixed .add-cart {
        text-align: left;
        margin: auto 0;
    }

        .cartfooterfixed .add-cart form.cart {
            display: flex;
            flex-wrap: wrap;
            gap: 10px;
            justify-content: var(--content-align);
            float: left;
        }
/*#endregion  sticky footer  */

/*#region  marker  */
marker-yellow {
    background-color: #fdfd77 !important;
}

.marker-green {
    background-color: #62f962 !important;
}

.marker-pink {
    background-color: #fc7899 !important;
}

.marker-blue {
    background-color: #72ccfd !important;
}

.pen-red {
    background-color: #e71313 !important;
}

.pen-green {
    background-color: #128a00 !important;
}
/*#endregion  sticky footer  */
.buttonload {
    background-color: #04AA6D; /* Green background */
    border: none; /* Remove borders */
    color: white; /* White text */
    padding: 12px 24px; /* Some padding */
    font-size: 16px; /* Set a font-size */
}
    /* Add a right margin to each icon */
    .buttonload .fa {
        margin-left: -12px;
        margin-right: 8px;
    }

  .font-1rem{
      font-size:1rem;
  }