@font-face {font-family: 'BFarnaz';  src: url('../font/BFarnaz.ttf') format('truetype'); }
@font-face {font-family: 'Vazir';  src: url('../font/Vazir.eot') format('eot'), url('../font/Vazir.woff') format('woff'), url('../font/Vazir.ttf') format('truetype');}
::selection {color: white;background: var(--main-color);}
*,ul,p,label,.row{padding: 0;margin: 0;}  li{list-style: none;}
a{text-decoration: none !important;}
button:focus , input:focus {outline: 0; box-shadow:none;}  img{max-width: 100%;max-height: 100%;}
a:hover{
    color: black !important;
}
.a-menuInHoverNotBlack:hover{/*Title menu ha too desktopView ke meshki nashan, chon pas zamine ham meshki hastesh*/
    color: white !important;
}
.sidebar-titlesh a{
    color: white !important;
}
.sidebar-titlesh a:hover{
    color: white !important;
}

@media only screen and (max-width: 600px) {
    .P-Header{
        margin-bottom: 30px;
    }
}

.rounded {border-radius: .5rem!important;}
/*.f-DINArabic{font-family: 'BFarnaz'}*/
.dir-ltr{direction: ltr;}.position-initial {position: initial;}  .rounded-all{border-radius: 40px;}
.da-thumbs li a div span{font-family: 'Vazir' !important;}
html,body{line-height: 26px;direction: rtl;font-family: 'Vazir';background:#fff;font-size: 14px;}body::-webkit-scrollbar {width: 8px;background-color: #d7d9d3;}  body::-webkit-scrollbar-thumb {background: var(--main-color);border-radius: 9px;}
:root{--main-color:#fff;}.text-theme{color:var(--main-color);}.bg-theme{background:var(--main-color);}
:root{--main1-color:#cb1b4d;}.text1-theme{color:var(--main1-color);}.bg1-theme{background:var(--main1-color);}
:root{--main2-color:#3a99b7;}.text2-theme{color:var(--main2-color);}.bg2-theme{background:var(--main2-color);}
.sub-titls {font-size: 23px;font-weight: bold;} 
/*.sub-titls.text-left::before {left: auto;}*/
.sub-titls::before {content: "";background: var(--main-color);position: absolute;right: 0;bottom: -1px;width: 10%;height: 3px;left: 0;margin: auto;border-radius: 50px;}  .sub-titls span,.sub-titls a {font-size: 13px;margin: 9px 0 0;color: #9c9c9c;}
.owl-nav {height: 0;margin: 0 !important;}.owl-nav .owl-prev span {right: 10px;}  .owl-nav .owl-next span {left: 10px;}
.owl-nav span {top: 41%;position:absolute;background: white;display: block;width: 35px;height: 48px;border-radius: 3px;font-size: 34px;color: #bbbbbb;border: 1px solid #f5f5f5;}
.owl-dots {margin: 0 !important;position: absolute;right: 0;left: 0;}  .owl-dots span {margin: 3px !important;width: 7px !important;height: 7px !important;}
.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {background: var(--main-color) !important;}
.sub-titls1 {opacity: 0.5;font-size: 18px;}
.Sl-w2 .owl-dots {text-align: left;}
.text-dark {color: #000000!important;}
.all-page {
    background: white;    overflow: hidden;
}

.slide-blog {
    line-height: 38px;
}


.tin-x{
        color:black !important;
        font-size: 16px !important;
}

.tin-x:hover{
        color:#2d8cc8 !important;
}


.pc-VC {
    height: 182px;
    object-fit: contain;
}

.expl-B10 {
    text-align: justify;
}

.imog::before{display:none;}
.expo-l {
    font-size: 12px !important;
    line-height: 20px;
    padding: 4px 0 0;
    font-weight: 500 !important;
    color: #d1cac7;
}
.tito-l {
    color: black;
    font-size: 15px;
    display: block;
    padding: 6px 0 0;
}
.play-po {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.opn-cls {
    position: absolute;
    left: 0;
    width: 15px;
    height: 15px;
    margin: auto;
    top: 0;
    bottom: 0;
}
.opn-cls::before,.opn-cls::after {
    content: "";
    position: absolute;
    background: #2d8cc8;
    margin: auto;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    border-radius: 12px;
}
.into-sl {
    font-size: 14px;
    font-weight: 100;
    margin: 5px 0 5px 0;
}
.opn-cls::before {width: 100%;height: 2px;}
.opn-cls::after {height: 0;width: 2px;}
.collapsed .opn-cls::after {height: 100%;width: 2px;}

.play-po .playpause-po {
    font-size: 45px;
    color: rgb(45 140 200);
}
.play-po.play-2 {
    display: none !important;
}
#my-video {
    height: 279px;
    margin: 13px 0 0;
}
.each-itmVC.dsa .bg-light.row.border {
    text-align: left;
}
.ow1-title {
    font-weight: 400;
    font-size: 16px;
    line-height: 1.5;
}
.box-ow1:hover .ow1-title {
        text-decoration: underline;
}
hr {
    border-top: 1px solid #000;
}
.mor-pr {
    width: 100%;
    text-align: center;
    cursor: pointer;
    position: relative;    z-index: 1;
    color: #7e868c;
    font-size: 16px;
}
.mor-pr:before {
    content: "";
    position: absolute;
    right: 0;
    left: 0;
    top: 0;
    bottom: 0;    z-index: -1;
    width: 140px;
    height: 45px;
    margin: auto;
    color: #7e868c;
    border: 2px solid #7e868c;
    font-weight: 600;
    text-transform: uppercase;
}
.mor-pr:hover::before {
    background: #7e868c;
}
.mor-pr:hover {
    color: #fff;
}
.sub-epl {
    font-weight: bold;
    font-size: 15px;
}
.expl-iq {
    color: #333d47;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: .025em;
    line-height: 1.5;
}
.lis-iq {
    margin: 20px 0;
}
.lnk-iq {
    text-decoration: none;
    font-weight: 500;
    color: #007cb0;
    letter-spacing: 1px;
    font-size: 16px;
}
.lnk-iq:hover {
    text-decoration: underline !important;
}
.ttl-iq {
    color: #ed4d1c;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: .025em;
    text-transform: uppercase;
    font-weight: 700;
}
.epl-iq {
    color: #333d47;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: .025em;
    line-height: 1.5;
    margin: 0 0 19px;
}
.list-iq li {
    list-style: disc !important;
    color: #333d47;
}
.list-iq {
    padding: 0 15px 0 0;
}
.lk-tab {
    display: block;
    text-decoration: none !important;
    padding: 1rem;
    margin: 0;
    background: #fff;
    border-bottom: 5px solid transparent;
    text-align: center;
    outline: 0;
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: #007cb0;
}.hedtab-ka {
    border-bottom: 1px solid #007cb0;
}
.Ba-io {
    overflow: auto;
    white-space: nowrap;
}
.Bx-pq {
    border: 1px solid grey !important;
    min-height: 278px;
}
.lnk-pq {
    padding: 10px;
    color: black;
}
.Bx-pq li:first-child .lnk-pq {
    background: #007cb0;    color: white;
}
.lk-tab.active {
    border-bottom-color: #007cb0;
    color: #333d47;
    font-weight: bold;
}
.ln-iq {
    color: #00a7ff;
    padding: 6px 0;
    margin: 0;
    display: inline-block;
    font-weight: 600;
    font-size: 14px;
}
.pc-it {
    width: 30px;
}
.ttl-it {
    font-size: 14px;
    line-height: 1.5;
    padding: 0;
    display: inline;
    color: #0074b2;
    text-transform: capitalize;
}
.each-io {
    background: #333;
    color: #fff;
    border: 2px solid #333;
    padding: 5px 10px;
    font-size: 14px;
    display: inline-block;
    width: auto;
    text-align: center;
    font-weight: bold;
    text-transform: capitalize;
    text-decoration: none;
    box-shadow: 0 2px 3px 1px rgb(0 0 0 / 20%);
    width: 100%;
}
.each-io:hover{
        background: #ccc;
    border: 2px solid #ccc;
    color: #333;
    text-decoration: none;
}
.ttl-ge span {
    position: relative;
    font-size: 30px;
    font-weight: 700;    padding: 0 0 11px;
    border-bottom: 3px solid #000;
    display: block;
    width: 100%;
}
.ttl-df {
    color: #333d47;
    letter-spacing: .025em;
    text-transform: none;
    font-size: 1.4em;
    font-weight: 700;
    margin-bottom: 0;
    line-height: 30px;
}
.expl-df {
    color: #333d47;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: .025em;
    line-height: 1.5;
    margin: 0 0 19px;
}
.link-df {
    text-decoration: none;
    font-weight: 500;
    font-size: inherit;
    color: #007cb0;font-weight: bold;
    font-size: 15px;
    letter-spacing: 1px;
}
.lnk-df {
    text-decoration: none;
    font-weight: 500;
    font-size: inherit;
    color: #007cb0;
    letter-spacing: 1px;
    font-weight: bold;
    font-size: 16px;
}
.lnk-sq {
    font-size: 14px;
    line-height: 1.5;
    padding: 0;
    display: inline;
    color: #0074b2;
    text-transform: capitalize;
}
.lnk-sq:hover { 
    color: #00a7ff;
}
/*a:hover {    text-decoration: underline !important;}*/
.ttl-sq {
    color: #333d47;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: .025em;
    line-height: 1.5;
    margin: 0;
}
.expl-sj {
    color: #333d47;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: .025em;
    line-height: 1.5;
}
.down-ic{
    color: #5d646a;
    font-size: 200px;
}
.lnk-lq.d-block.py-3 {
    font-size: 1.4em;
    font-weight: 700;
    line-height: 30px;
    margin-bottom: 0;
    overflow-wrap: break-word;
    text-decoration: none;
    color: #007cb0;
    letter-spacing: 1px;
}
.link-sj {
    font-size: 14px;
    line-height: 1.5;
    padding: 0;
    display: inline;
    color: #0074b2;
    text-transform: capitalize;
}
.ttl-we {
    color: #000;
    font-size: 28px;
    line-height: 1.5;
    letter-spacing: .025em;
    text-transform: uppercase;
    font-weight: 400;
}
.expl-we {
    color: #333d47;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: .025em;
    line-height: 1.5;
    margin: 0 0 19px;
}
.lnk-we {
    color: #00a7ff;
    margin: 0;
    display: inline-block;
}

.pw1-hd {
    color: #7c7c7c;
}
.pw2-hd {
    font-size: 36px;
}
.pw3-hd {
    font-size: 29px;
}
.Bx-hw {
    height: 400px;
    overflow: auto;
}
.InputRequest-Title {
    color: #1a1a1a;
    width: 100%;
    border: 0;
    height: 54px;
    line-height: 30px;
    font-size: 1.5rem;
    text-align: right;
}
.pw6-hd,.pw5-hd {
    line-height: 20px;
    font-size: 15px;
    color: #585858;
}
.titl-hw {
    color: #1a1a1a;
    background-color: #ccc;
    width: 100%;
    border: 0;
    height: 51px;
    line-height: 51px;
    font-size: 1.5rem;
    text-align: right;
    padding: 0 16px;
    margin-bottom: 2px;
}
.EachItem-Btn {
    width: 100%;
    text-align: right;cursor: pointer;
    background: #e6e6e6;
    border: 0;
    margin: 2px 0;
    display: flex;
    align-items: center;
    padding: 0;
}
.lis-hw label {
    width: 60px;
    height: 31px;margin: 0 0 0 8px;
    background: #cccccc;
}
.EachItem-Btn-Active label,
.EachItem-Btn:hover label{
    background: #2d8cc8;
}
        
.titl-xc {
    font-size: 18px;
    color: black;
    font-weight: bold;
}
.sub-expl a {
    display: inline-block;
    text-align: center;
    max-width: 100%;
    cursor: pointer;
    padding: 10px !important;
    min-width: 150px;
    border-radius: 0 !important;
    border: 0 !important;
    background: #2d8cc8;
    color: white !important;
    font-weight: 100 !important;
    transition: all 0.3s;
}
.sub-expl a:hover{
    background: #47a7e3;transition:all 0.3s;color: white !important;
}

/*=*=*=*=*=*= * ---  --  * ======================== */
.titl-lk {
    font-size: 20px;
    font-weight: bold;
}
.expln-lk {
    color: #8d8d8d;
}
/*=*=*=*=*=*= * ---  --  * ======================== */
.Bx-zk {
    background: #2dc8b3a6;
}
.pc-zk {
    height: 111px;
    display: flex;
    align-items: center;
    justify-content:center;
}

.Side-mob.position-fixed.p-3.right-open {
    height: 100vh;
    overflow: auto;
}




.tit-zk {
    background: #253d80;position: relative;
    font-size: 18px;
    padding: 13px;
    margin: 0 -31px 13px 0;
    color: white;
}
.tit-zk::before {
    content: "";
    position: absolute;
    border-style: solid;
    right: 0;
    border-width: 0 0 11px 17px;
    border-color: #00000000 #00000000 #00000000 #232323;
    top: 100%;
}
/*=*=*=*=*=*= * ---  --  * ======================== */
.nam-as {
    font-size: 17px;
    color: black;
}
.det-as {
    color: #bb1f1f;
    font-size: 13px;
    font-weight: bold;
}
.expl-as {
    font-size: 16px;
    color: #3a3a3a;
}
/*=*=*=*=*=*= * ---  --  * ======================== */
/*.bv-ml1 {*/
/*    background: #2d8cc8;*/
/*}*/
.bv-ml1 p,.bv-ml1 p{
    color: #fff !important;
}
.ttl-ml {
    color: #ed4d1c;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: .025em;
    text-transform: uppercase;
    font-weight: 700;
}
ul.lis-ml {
    letter-spacing: .025em;
    color: #333d47;
    padding: 2px 0;
    font-size: 16px;
}
/*=*=*=*=*=*= * ---  --  * ======================== */
img.VB-pc {
    height: 55px;
}
h3.VB-title {
    font-weight: bold;
    font-size: 20px;
}
.VB-desc {
    color: #333d47 !important;    height: 55px;

    font-weight: 100;
    font-size: 16px !important;
}
.VB-deta a span {
    color: #2d8cc8 !important;
    font-weight: bold;
    font-size: 16px !important;
}
.VB-deta a:hover  {text-decoration: underline;
}
.VB-deta {
    min-height: 216px;
    overflow: hidden;
}
.pc-user {
    width: 70px;
    height: 70px;
}
.name-user {
    font-size: 20px;
    font-weight: bold;
}
.lis-info {
    padding: 0 17px 0 0;
}
.lis-info li {
    list-style: disc;
}
/*=*=*=*=*=*= * ---  --  * ======================== */
.sec-Cmn {
    border-top: 1px solid #333d47;
}
.bg-light.hdgs {
    border-top: 1px solid #333d47;
}
h3.ttl-Cmn {
    font-size: 28px;
    color: #000;
}
p.expln-Cmn {
    color: #6e6e6e;
}
/*=*=*=*=*=*= * ---  --  * ======================== */
.Bx-kl {
    border-bottom: 1px solid #c5c5c5;
}
.Bx-kl:last-child {
    border-bottom: 0;
}
/*img.pc-kl {*/
/*    width: 200px;*/
/*}*/

img.pc-kl {
    width:100%;
    height:300px;
    object-fit:contain;
}


h2.ttl-kl {
    font-size: 22px;
    font-weight: bold;
    height: 38px;
}
.link-kl {
    font-weight: bold;
    color: #2d8cc8;
    font-size: 15px;
}
.link-kl:hover {    text-decoration: underline !important;
}
.expn-kl span {
    color: #222222 !important;
    /*font-weight: 100;*/
}
.pr-img {
    height: 200px;
    object-fit: contain;
    text-align: center;
}
.ow-pict {
    height: 200px;
    width: 100%;
}
.ttl-B10 {
    font-size: 17px;
    height: 35px;
    line-height: 31px;
    font-weight: bold;
}
.lnk-bg{
    font-weight: bold;
    display: block;
}
.lnk-bg:hover{    text-decoration: underline !important;
}
/*=*=*=*=*=*= * ---  --  * ======================== */
.P-sqB10 {
    background: #e5e5e5;
}
/*=*=*=*=*=*= * ---  --  * ======================== */
.contnt-gh {
    right: 0;
    left: 0;
    bottom: -84px;
}
.cm-bt {
    height: 84px;
    background: black;
}
.inbx-gh::before {
    content: "";
    background: #ff6a007a;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.cm-tp {
    z-index: 1;
    position: relative;
    height: 350px;
}
.baste-s{pointer-events: none;}
.list-relt {
    padding: 0 17px 0 0;
}
.relt-Artt {
    font-size: 15px;
    line-height: 27px;
    color: #2d8cc8;
    font-weight: bold;
}
.relt-Artt:hover {    text-decoration: underline !important;
}
h2.ttl-artc {
    font-size: 22px;
    font-weight: bold;
}
/*=*=*=*=*=*= * ---  --  * ======================== */
.da-thumbs li a, .da-thumbs li a img {
    width: 330px !important;
    height: 280px !important;    object-fit: cover;
}
.da-thumbs li a div span {
    font-size: 19px;font-family: 'Vazir';
}
/*=*=*=*=*=*= * ---  --  * ======================== */
.wholer video {
    width: 100%;
    height: 250px;
    object-fit: contain;
}

.expln-xc {
    line-height: 28px;
    font-size: 15px;
    height: 102px;
}
.lnk-xc {
    font-weight: bold;
    color: #2d8cc8;
    font-size: 16px;
}
.lnk-xc:hover {text-decoration: underline !important;
}
/*=*=*=*=*=*= * ---  --  * ======================== */
.bx-nb .item-link {
    font-size: 19px;
    padding: 13px 0 0;
    display: block;
    color: #2d8cc8;
}
.bx-nb .item-link:hover {text-decoration: underline !important;
}




/*=*=*=*=*=*= * ---  --  * ======================== */
.expl-VC {
    font-weight: 700;
    font-size: 18px;
    color: #ed4d1c;
    text-transform: uppercase;
}
.expln-VC {
    color: #333d47;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: .025em;
    line-height: 1.5;
    margin: 0 0 20px;
    text-align: justify !important;
}
.tttl-VC {
    color: #000;
    font-size: 28px;
    line-height: 1.5;
    letter-spacing: .025em;
    text-transform: uppercase;
    font-weight: 400;
}
.lnk-VC {
    text-decoration: none;
    font-weight: bold;
    font-size: inherit;
    color: #007cb0;
    letter-spacing: 1px;
}
.lnk-VC:hover {text-decoration: underline !important;
}
.list-VC {
    font-size: 16px;
    /*letter-spacing: 1.5px;*/
    font-weight: 300;
    margin-left: 18px;
}
.listt-VC .list-VC {
    list-style-type: disc;
}
.ttl-po {
    font-size: 19px;
    font-weight: 300;
    line-height: 24px;
}
.expl-po {
    font-size: 12px;
    margin: 0;
    line-height: 1.1em;    text-align: left;
    color: #5f5f5f;
}
.listt-VC {
    padding-right: 18px;
}
.ttl-li-VC {
    font-size: 14px;
    color: #000;
    /*letter-spacing: 2px;*/
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 0 10px;
}
.jkhdf .smalPc {
    max-height: 400px;
    margin: auto;
    text-align: center;
    object-fit: contain;
}
.jkhdf .owl-nav span {
    background: #ffffff00;
    font-size: 61px;
    border: 1px solid #f5f5f500;
}
.jkhdf .slide {
    text-align: center;
}
.vctr-VC {
    max-width: 35px;
    margin: 7px 0;
    margin-left: 10px;
}
.dbx-l {
    border: solid 1px #7e868c;
    padding: 10px 40px ;
    display: inline-block;
    background: #fff;
    margin: 0 0 0 -7px;
    height: 79px;
}
.hjd a {
    display: block;
    padding: 12px 0;
    text-transform: capitalize;
    font-size: 16px;
    color: #007cb0;
    font-weight: 500;
}
.hjd h5 {
    color: #333d47;
    font-size: 18px;
    line-height: 1.5;
    text-transform: uppercase;
    font-weight: 300;
    margin-top: 18px;
}
.hjd li {
    border-bottom: 1px solid #94989d ;
}
.hjd li:last-child {
    border-bottom: 0;
}
/*=*=*=*=*=*= * ---  --  * ======================== */
.ttl-Qu {
    font-size: 20px;
}
.each-Qu {
    padding: 15px ;
    border-bottom: 1px solid #cfcfcf;
}
.each-Qu:last-child {
    border-bottom: 0;
}
.deta-Qu {
    color: #505050;
}
.btm-btn.serch-k {
    width: auto;
    min-width: auto;
}
.ttl-ol {
    font-size: 24px;
}
.exp-ol {
    font-size: 15px;
    line-height: 30px;
    color: #4c4c4c;
}
.pic-ol {
    width: 64px;
    height: 64px;
    border-radius: 50%;
    overflow: hidden;
    border: 1px solid #d5d5d5;
    object-fit: cover;
}
.img-oj {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #c7c7c7;
    overflow: hidden;
    object-fit: cover;
    margin: 0 0 0 11px;
}
.nam-oj {
    font-size: 22px;
    padding: 0 0 6px;
}
.ans-oj {
    font-size: 16px;
    padding: 9px 0 0;
}
.tim-oj, .dat-oj {
    color: #787878;
    font-size: 14px;
}
/*=*=*=*=*=*= * --- اسلایل  ادیتورها و صفحه ساز ها--  * ======================== */
/*span, p {*/
/*    font-family: 'Vazir';*/
/*    font-size:16px;*/
/*    line-height: 30px;*/
/*}*/
.lin-bet {
    border-bottom: 3px solid #dddddd;
    margin: auto;
    width: 76%;
    border-radius: 3px;
}
.ttl-xm {
    font-size: 18px;
    font-weight: bold;
}
.artcl-shw{
        margin: 0 0 100px ;
}
.list-relt li {
    list-style: initial !important;
}
.Bx-uj {
    background: #666;
    height: 860px;
    color: #ffffffbf;
}

.P-slPg {
    text-align: center;
}

.ttl-uj {
    color: white;
    font-size: 20px;
}
.expl-uj {
    /*font-size: 15px;*/
    line-height: 26px;
    color: #ffffffbf;
}
/*.deta-uj {*/
/*    font-size: 17px;*/
/*}*/
.VB-lnk {
    display: block;
    font-weight: bold;
    padding: 6px 0;
}
.VB-lnk:hover {    text-decoration: underline !important;
}
/*=*=*=*=*=*= * --- اسلایل  جدول ها --  * ======================== */
table {border: 1px solid #e7e7e7;margin: 14px 0 !important;background: #f9f9f9;}
table td, table th {vertical-align: middle !important;padding: 15px 13px !important;background: #f9f9f9;/*white-space: nowrap;*/}
table tr:hover td {background: #f1f1f1;}
.dataTables_wrapper .dataTables_filter {float: none !important;}
.dataTables_wrapper input, .dataTables_wrapper select {border: 1px solid #dee2e6;padding: 7px;}

.owo-image:before {
    content: "";
    position: absolute;
    border-style: solid;
    left: 0;
    right: 0;
    border-width: 0 0 25px 31px;
    border-color: #00000000 #00000000 #00000000 #ed4d1c;
    bottom: 100%;
}
.owo-image {
    position: relative;
}
.gkas .list-VC {
    display: inline-block;
}
.each-itmVC.dsa {
    border-top: 1px solid #333d47;
}
.jkhdf .nav-slider {
    max-width: 101px;
    text-align: right;
    position: absolute;
    top: 20px;
    z-index: 1;
    right: 20px;
    padding: 0;
    margin: 0;
}
.jkhdf .owl-nav .owl-next span {
    left: 120px;
}
.jkhdf .owl-nav .owl-prev span {
    right: 120px;
}
.qwe12 {
    font-weight: 500;
    font-size: 14px;
    color: #000;
    text-transform: uppercase;
}
.swe12 {
    width: 320px;
    padding: 0 6px;
    position: relative;
    border: solid 1px #a6adb2;
    text-decoration: none;
    display: inline-block;
    color: #5c5e60;
    margin-bottom: 10px;
    line-height: 24px;
    cursor: pointer;
    height: 43px;
    font-weight: 100;
    text-align: right;
}
.awe12 {
    font-size: 14px;
    letter-spacing: 1px;
    line-height: 1.5;
    color: #333d47;
    max-width: 100%;
    overflow-x: hidden;
    font-weight: bold;
    display: block;
}
.jkhdf .mini-sl {
    border: 1px solid #ccc !important;
    border-right: 0;
    height: 49px;
    width: 50px;
    margin: 0 0 -1px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}
.fd {
    color: #333d47;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: .025em;
    line-height: 1.5;
}
/*=*=*=*=*=*= * --- اسلایل دکمه ها--  * ======================== */
.btm-btn,.btn-B1{display: inline-block;text-align: center;max-width:100%;cursor: pointer;padding: 10px !important;min-width: 150px;border-radius: 0 !important;border: 0 !important;background: #2d8cc8;color: white !important;font-weight: 100 !important;transition:all 0.3s;}
.btm-btn:hover,.btn-B1:hover {background: #47a7e3;transition:all 0.3s;color: white !important;}
.btm-btn1 {text-align: center;max-width:100%;cursor: pointer;padding: 10px 18px !important;border-radius: 0 !important;border: 0 !important;background: #2d8cc8;color: white !important;font-weight: 100 !important;transition:all 0.3s;}
.btm-btn1:hover {background: #47a7e3;transition:all 0.3s;color: white !important;}
.btm-btnfg {text-align: center;background: linear-gradient(0deg, #253d80, #2d8cc8);padding: 10px 0;font-size: 20px;color: white;}
.btm-btn3{display: inline-block;text-align: center;max-width:100%;cursor: pointer;padding: 4px !important;min-width: 150px;border-radius: 0 !important;border: 0 !important;background: #2d8cc8;color: white !important;font-weight: 100 !important;transition:all 0.3s;}

/*=*=*=*=*=*= * --- اسلایل تایتل ها--  * ======================== */
.sub-ttle {
    text-align: right !important;
    padding-bottom: 5px !important;
    font-size: 25px;
    font-weight: bold;
    color: black;
}
.suba-ttle {
    text-align: center;
    padding-bottom: 5px !important;
    font-size: 25px;
    font-weight: bold;
    color: black;
}


/*=*=*=*=*=*= * --- استایل باکس های پنل کاربری--  * ======================== */
.box-km {padding: 16px;text-align: center;}
.box-km .img-km {transition: all 0.3s ease;width: 110px;height: 110px !important;object-fit: contain;}
.box-km:hover .img-km {transform: translateY(-4px);transition: all 0.3s ease;}
.box-km .text-km {color: black;}
.box-km:hover .text-km {color: #1b8ad4;text-decoration: underline;}

/*=*=*=*=*=*= * --- استایل باکس های بدون بک گراند و در اریب--  * ======================== */
.box-kl .kl-title {font-weight: 500;font-size: 22px;color: #000;}
.box-kl .kl-desc {color: #333d47;font-size: 14px;font-weight: 300;letter-spacing: 0.025em;line-height: 23px; text-align:justify;}

/*=*=*=*=*=*= * --- استایل باکس های مرتبط    --  * ======================== */
/*.box-ow .ow-image{transition:all 0.3s;    text-align: center;height: 250px;}*/
.box-ow .ow-image{transition:all 0.3s;    text-align: center;height: auto;}
/*.box-ow:hover .ow-image{transition:all 0.3s;transform: translateY(-9px);}*/
.ow-image img {height: 175px;object-fit: contain;width: 100%;}

.box-ow .ow-title {font-size: 20px;line-height: 28px;font-weight: 400;color:#2d8cc8;border-bottom: 1px solid transparent;}
.box-ow a:hover .ow-title ,
.box-ow a:hover .ow-semor {border-bottom: 1px solid #47a7e3;color: #47a7e3;}
.box-ow .ow-desc {color: #333d47;font-size: 14px;font-weight: 300;letter-spacing: 0.025em;line-height: 23px; text-align:justify;}

/*=*=*=*=*=*= * --- استایل سکشن اریب   --  * ======================== */
.P-orib {background: #e5e5e5;}
.P-orib:before,
.P-orib:after {content: "";position: absolute;border-style: solid;left: 0;right: 0;border-width: 0 0 65px 100vw;}
.P-orib:before{border-color: #00000000 #00000000 #e5e5e5 #00000000;bottom: 100%;}
.P-orib:after {border-color: #00000000 #00000000 #00000000 #e5e5e5;top: 100%;}
.P-orib.orib-down:after{display:none;}

/*=*=*=*=*=*= * --- استایل سوالات متداول    --  * ======================== */
.Accordian-Me .card-body {line-height: 28px;color: #1c1c1c;}
.Accordian-Me .flsh-B11 {left: 8px;top: 0;bottom: 0;    position: absolute;}
.Accordian-Me .flsh-B11::after, .flsh-B11::before {content: "";position: absolute;background: #2d8cc8;top: 0;bottom: 0;margin: auto;border-radius: 12px;}
.Accordian-Me .flsh-B11::after {width: 14px;height: 2px;right: 0;}
.Accordian-Me .flsh-B11::before{height: 0;width: 2px;right: 6px;transition: all 0.3s;}
.Accordian-Me .collapsed .flsh-B11::before{height: 14px;transition: all 0.3s;}
.Accordian-Me .QuestiOn {color: #2d8cc8;font-size: 15px;text-align: right;}
.Accordian-Me .QuestiOn:hover {font-weight: bold;}

/*=*=*=*=*=*= * --- استایل  صفحه محصول ها    --  * ======================== */
.pr-name {font-size: 22px;font-weight: 600;color: #000;}
.pr-expl1 {color: #333d47;font-weight: bold !important;font-size: 17px;}

/*=*=*=*=*=*= * --- استایل  دسته بندی ها      --  * ======================== */
.pr-cat1 .pc-cat1 {height: 200px;margin: 0 0 9px;}
.pr-cat1 .titl-cat1 {color: #2d8cc8;font-size: 19px;height: 48px;}
.pr-cat1:hover .titl-cat1 {color: #47a7e3;text-decoration: underline;}

/*=*=*=*=*=*= * --- استایل باکس های سرویس       --  * ======================== */
.Bx-srvc .srvc-title {color: black ;font-weight: bold ;padding: 0 0 9px;    font-size: 20px;display: block;}
.Bx-srvc .srvc-btn {margin: 14px 0 0;min-width: 140px;}
.Bx-srvc .srvc-desc {height: 62px;}
.Bx-srvc .srvc-img {width: 26px;}


.P-Sq1 .title-Sq1 {
    font-weight: bold;    font-size: 16px;
}
.P-Sq1 .expln-Sq1 {
    font-size: 16px;    color: #333d47;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: .025em;
    line-height: 1.5;
}
.P-Sq1 .exp-Sq1 {
    color: #333d47;
    font-size: 16px;
    font-weight: 300;
    letter-spacing: .025em;
    line-height: 1.5;
}
.P-Sq1 .lnk-Sq1{
    font-size: 14px;
    line-height: 1.5;
    padding: 0;
    display: inline;
    color: #0074b2;
    text-transform: capitalize;
}
.P-Sq1 .expl-Sq1 {
    color: #333d47;
    font-size: 16px;
    letter-spacing: .025em;
    line-height: 1.5;
    margin: 0 0 20px;
    font-weight: bold !important;
}
.P-Sq1 .ttl-Sq1 {
    color: #ed4d1c;
    font-size: 18px;
    line-height: 1.5;
    letter-spacing: .025em;
    text-transform: uppercase;
    font-weight: 700;
}
.P-Sq1 .lis-Sq1 li {
    letter-spacing: .025em;
    color: #333d47;
    padding: 2px 0;list-style: disc;
    font-size: 16px;
}
.lis-Sq1 {
    padding: 0 19px 0 0;
}
.P-Sq1 .pc-Sq1 {
    height: auto;
    width: 200px;
}
.Bp-img {
    height: 58px;
    margin: 0 0 14px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.Bp-desc {
    font-size: 15px;
    margin: 0 0 31px;
    line-height: 27px;
    color: #5e5e5e;
    height: 138px;
    overflow: hidden;
}
.Bp-lg {
    width: 28px;
    margin: 0 0 13px;
}
.Bp-descw {
    color: #767676;text-align: center;
    font-size: 14px;
    margin: -4px 0 0;
}
.Bp-title {
    font-size: 14px;
    font-weight: bold;
}
/*.box-filed {*/
/*    border: 1px solid grey !important;*/
/*    border-radius: 0 !important;*/
/*}*/


.ba-wq.border {
    height: 389px;
}

.box-filed {border-radius: 0 !important;box-shadow: 0 0 2px #635e5e;}

.box-filed:focus {
        box-shadow: var(--lwc-shadowButtonFocus,0 0 3px #0176d3);    outline: 0;
}

.P-slPg .pc-slPg {
    object-fit: cover;
    height: 455px;
    width: 1252px !important;
}






/*.P-slPg .contnt-slPg {*/
/*    top: 0;*/
/*    background: #00000082;*/
/*}*/
.P-withus {
    background: white;
}
.P-sqB1 {
    line-height: 30px;
    color: #6e6e6e;
}
.sub-expl {
    line-height: 38px;
    font-size: 14px;
    color: #000;
}
.Tab-V1 .nav {
    background: #f1f5f6;
}
.Tab-V1 .nav .nav-link.active,
.Tab-V1 .nav .show>.nav-link {
    color: #000;
    background-color: #ffffff;
    box-shadow: 0 6px 16px -3px #dfdfdf;
}
.Tab-V1 .nav .nav-link{
    color: #7a9aaf;    border-left: 1px solid #e5ebeb;    min-height: 74px;
    justify-content: center;
    align-items: center;
    display: flex;
}
.eacheachq img {
    height: 62px !important;
    object-fit: contain;
    margin: 0 0 12px;
}
.eacheachq {
    overflow: hidden;
    height: 200px;
}

.serviceMenu-eachCat:first-child {
    border: 0;
}



.each-item:hover {
    background: var(--main-color) !important;
    transition: all 0.3s;
}
.each-item {
    transition: all 0.3s;
}


/*.service-item a {*/
/*     font-weight: 500 !important; */
/*    font-size: 12px;*/
/*}*/

.btn-danger {
    color: #fff;
    background-color: #1b8ad4;
    border-color: #1b8ad4;
}
.some-explane, .some-explane p, .some-explane span, .some-explane strong {
    line-height: 29px !important;
    color: #000000;
    font-size: 14px !important;
    font-weight: 100;
}
.slider-Pg, .contnt-Pg {
    height: 400px !important;
}
.ow-img {
    height: 135px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.bg-light {
    background-color: #ffffff !important;
}
/*=*=*=*=*=*= * --- header--  * ======================== */
.new-style .btm-header {transition: all 0.7s;margin: -34px 0 0;}.new-style1 .btm-header {z-index: 11; transition: all 0.7s;padding: 0 0;}
/*=*=*=*=*=*= * --- header--  * ======================== */
.approach-category a ,
.service-category a{
    font-size: 14px;
    font-weight: bold !important;
    color: #fff !important;
}
.top-header , .top-header a, .chose-lan{color: #000000;    font-size: 12px;}
.top-header a:hover, .chose-lan:hover, .select-cntry:hover{    color: var(--main-color) !important;
    font-weight: bold;}
.top-header {background: #fff;}
.btm-header {padding: 0 0; background: #000000;}
.P-Header,.Meg-itm,
.bx-earch{
    color: var(--main-color);
}
li:hover .Meg-itm {
    font-weight: bold;
}
.fixed-top {
    border-bottom: 1px solid #e5e5e5;
}
.top-header p, .top-header span {
    font-size: 12px;
}
.S-earch {
    left: 0;
    top: 3px;
    overflow: hidden;
    height: 45px;
    transition: all 0.3s ease-in;
    width: 0;    opacity: 0;
}
.P-Header {
    height: 93px;
}
.serch-open .S-earch {
    width: 440px;
    transition: all 0.3s ease-in;    opacity: 1;
}
.clos-serch {opacity: 0;font-weight: bold;font-size: 26px;cursor: pointer;z-index: 1;left: 14px;top: 7px;}
.serch-open .clos-serch  {opacity: 1;}
.opn-serch{opacity: 1}
.serch-open .opn-serch{opacity: 0}
.bx-chos {top: 134%;z-index: 111;overflow: hidden;transition: all 0.3s;height: 0;}
.select-open .bx-chos {transition: all 0.3s;/*height: 76px;*/height: auto;}
.new-style .bx-chos {transition: all 0.3s;height: 0;}
.bx-chos img {width: 25px;margin: 0 0 0 8px;}
.link-img {text-decoration: revert !important;font-size: 13px;color: #253d80;}
.somTxHover {
    z-index: 111;
    opacity: 0;
    transition: all 0.3s;
    position: absolute;
    background: #dfdfdf;
    width: max-content;
    left: 100%;
    top: -4px;
    display: block;
    padding: 0 14px;
    border-radius: 2px;
    color: black;
    font-size: 11px;
}
a.d-inline-block.position-relative:hover .somTxHover {opacity: 1;transition:all 0.3s;}
/*=*=*=*=*=*= * --- MEGA-MENU--  * ======================== */
.InBx-Mega {z-index: 3;}.ic-menu {width: 16px;} .Meg-itm1 {transition: all 0.3s;}  
.Meg-itm:after {
    position: absolute;
    bottom: 3px;
    left: 0;
    right: 0;
    margin: auto;
    width: 0%;
    content: '';
    background: var(--main-color);
    height: 2px;
    transition: all .5s;
}
.Li-Side-Tb::before {
    content: "";
    background: linear-gradient(30deg, #31877638, #d2d6e34d,#e4e6ed99);
    right: -5px;
    top: 0;
    bottom: 0;
    width: 1px;
    height: 100%;
    position: absolute;
}
.Li-Side-Tb {
    position: relative;
}
.masonry-item {
    /*margin: 10px;*/
    min-height: 178px;
    padding: 5px 5px 5px 19px;
}
.masonry-item a{
    color: #dfd8d8;
    font-weight: normal ;
    line-height: 25px;
    transition-duration: 0.2s;
}
.masonry-item a:hover {
    /*color: #0056b3 !important;*/
}
.service-category ,
.approach-category{
    margin: 2px 2px 10px !important;white-space: nowrap;
}
/*.service-category a{*/
/*    color: #fff !important;*/
/*}*/

.service-category i
,.approach-category i{
    color: var(--main-color);
    font-size: 8px;
    margin: 0 3px 0 0;
    /* position: absolute; */
    transform: rotate(90deg);transition: all 0.3s;
    right: -8px;
    top: 14px;
}
.service-category:hover i, .approach-category:hover i {
    transform: rotate(0deg) translateY(-6px);transition: all 0.3s;
}
.col-sm-10.masonry {
    min-height: 242px;padding: 0;
}
.Mega-Menu .masonry {column-count: 1;column-gap: 4px;}
@media (min-width: 768px) {  .Mega-Menu .masonry {column-count: 3;}  }
@media (min-width: 1199px) {  .Mega-Menu .rahka-r .masonry {column-count: 3;}.Mega-Menu .masonry {column-count: 5;}  }
.Mega-Menu .masonry .masonry-item {box-sizing: border-box;-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;counter-increment: brick-counter;}
.Mega-Menu .masonry-pc {object-fit: cover;}
li:hover .Meg-itm:after {width: 100%;}
.Mega-Menu .fadeIn-bx {right: 0;left: 0;top: 100%;display: none;opacity:0;overflow: hidden;transition: all 0.3s;box-shadow: 0px 2px 10px -5px #a2a2a2;}  .Mega-Menu .Drop-Down:hover .fadeIn-bx {display: block;opacity:1;transition: all 0.3s;}  .InBx-Mega .Itm-Menu a:hover {color: var(--main-color) ;}
.masonry {column-count: 2;column-gap: 5px;}.masonry .masonry-item {box-sizing: border-box;-webkit-column-break-inside: avoid;page-break-inside: avoid;break-inside: avoid;counter-increment: brick-counter;}  .masonry img {width: 100%;height: 100%;object-fit: cover;}  @media (min-width: 768px) {  .masonry {column-count: 3;}  }  @media (min-width: 1199px) {  .masonry {column-count: 4;}  }
/*=*=*=*=*=*= * --- TAB-HOVER-MENU--  * ======================== */
.Hvr-Tb-Menu .sub-catemenu {color: #5e5e5e;}
.Hvr-Tb-Menu .Itm-Menu a {color: #5a5a5a;}
.Hvr-Tb-Menu .nav-tabs {border-bottom: 0;}  .Hvr-Tb-Menu .tab-pane.A-ctive{display: block !important;opacity: 1;}  .Hvr-Tb-Menu .Tb-Lnk {color: #606060;padding: 10px 7px;font-size: 14px;}  .Hvr-Tb-Menu .Tb-Lnk i {font-size: 11px;margin: 0 0 0 4px;}  .Hvr-Tb-Menu .Tb-Lnk.A-ctive {border-right: 3px solid var(--main-color);z-index: 11;color: var(--main-color) !important;}
/*=*=*=*=*=*= * --- RESPANSIVE-MENU--  * ======================== */
.M-Rrespansive {font-size: 13px;}
#showRight {transform: rotateX(45deg);font-size: 32px;padding: 0;}
.other-categories .Drp-Dwn {border-bottom: 1px solid #ebebeb;}
.other-categories .Drp-Dwn:last-child {border-bottom: 0;}
.clos-menu {width: 37px;height: 37px;font-size: 23px;left: 5px;background: #efefef !important;top: 5px;}
.Side-mob {background: #202020;top: 0;right: 0;bottom: 0;width: 79%;z-index: 1212;box-shadow: 0 0 10px #101010;transform: translateX(150%);transition: all 0.3s;}
.right-open.Side-mob {transform: translateX(0);transition: all 0.3s;}  .Drp-Dwn {height: 35px;overflow: hidden;}  .icn-mob {width: 42px;}  .drop-categories {background: #f0f0f1;}  .Drp-Dwn .mb-item i {transition: all 0.3s;}  .open-sub.Drp-Dwn {height: auto;} 
/*.open-sub.Drp-Dwn .drop {color:var(--main-color) !important;border-bottom: 1px solid #dfdfe2;} */
.open-sub.Drp-Dwn .drop i {transform: rotate(180deg);transition: all 0.3s;}  .over-page {position: fixed;top: 0;bottom: 0;right: 0;left: 0;background: #0000007a;z-index: 11;opacity: 0;transition: all 0.3s;display: none;}  .open-menu .over-page{opacity: 1;transition: all 0.3s;display: block;}
/*=*=*=*=*=*= * --- slider ---  * ================================== */
.P-Slider {top: 0;}
.P-Title1 ,.P-Slider video,.P-Slider img{height: 100vh !important;object-fit: cover;background: #00000070;}
.main-title {font-size: 40px;}
.main-exp {font-size: 16px;color: #ffffffcf;}
.go-down {animation: bounce 1.5s infinite;width: 59px;height: 59px;transition: all 0.5s;font-size: 23px;color: white;bottom: 10px;position: absolute;right: 0;left: 0;}
.go-down:hover {transition: all 0.5s;transform: translateY(15px);}
@keyframes bounce {
    from, 20%, 53%, 80%, to {animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);transform: translate3d(0,0,0);}
    40%, 43% {animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);transform: translate3d(0, -30px, 0);}
    70% {animation-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060);transform: translate3d(0, -15px, 0);}
    90% {transform: translate3d(0,-4px,0);}
}
.playpause {cursor: pointer;font-size: 20px;left: 15px;bottom: 15px;z-index: 11;width: 50px;height: 50px;border: 1px solid;color: rgba(255, 255, 255, 0.48);}
.playpause:hover {color: #fff;}
.play-1 .fa-pause {opacity: 1;transition: all 0.3s;}
.fa-pause {opacity: 0;transition: all 0.3s;}
.play-1 .fa-play {opacity: 0;transition: all 0.3s;}
.fa-play {opacity: 1;transition: all 0.3s;}
/*=*=*=*=*=*= * --- slider ---  * ================================== */
.P-Rahkar {background: #00000000;}
.P-News {background: #f8f8f8;}
.Bx-P1 .contnt-P1 {top: 0;transition: all 0.3s;}
.Bx-P1:hover .contnt-P1 {background: #253d80ad;transition: all 0.3s;}
.Bx-P1 .titl-P1 {right: 0;left: 0;top: 46%;transition: all 0.5s;}
.Bx-P1:hover .titl-P1 {top: 16%;transition: all 0.5s;}
.Bx-P1 .exp-P1 {width: 78%;line-height: 27px;top: 100%;transition: all 1.3s;right: 0;left: 0;}
.Bx-P1:hover .exp-P1 {top: 29%;transition: all 1.3s;}
.some-text {line-height: 29px;font-weight: bold;color: #6c6c6c;font-size: 15px;}
.Bv-3 {height: 102px;transition: all 0.3s;filter: grayscale(0.9);}
.Bv-3:hover {transition: all 0.3s;filter: grayscale(0);transform: translateY(-5px)}
.Bv-3 img ,
.Bx-P2 img {width: auto !important;}
.P-Footer2>* {
    font-size: 13px;    line-height: 22px;
}
.nam-ctgori-P2 {font-weight: bold;font-size: 25px;left: 0;top: 0;z-index: 1;}
.contnt-P3 {transition: all 0.3s;margin: -90px 0 0;height: 150px;max-height: 150px;overflow: auto;}
.contnt-P4 {transition: all 0.3s;margin: -114px auto 0;background: #0d1c3b;width: 91%;height: 240px;max-height: 240px;overflow: auto;}
.Bx-P3:hover .contnt-P3 ,.Bx-P4:hover .contnt-P4 {transition: all 0.3s;transform: translateY(-8px);}
.P-News p {line-height: 21px;text-align: justify;font-size: 13px;}
.P-News h4 {font-size: 16px;font-weight: bold;margin: 0 0 12px;}
.list-news .col-6:first-child  .contnt-P3{background: #ffffffe8;color: #1e1e1e;}
.list-news .col-6:nth-child(2) .contnt-P3{background: #b51943ed;color: #ffffff;}
.list-news .col-6:nth-child(3) .contnt-P3{background: #e36842ed;color: #ffffff;}
.list-news .col-6:nth-child(4) .contnt-P3{background: #ffffffe8;color: #1e1e1e;}
/*=*=*=*=*=*= * --- BX-cart--  * ======================== */
.P-Footer {background:#000000;font-size: 13px;}  .P-Footer2 {border-top: 1px solid #ffffff38;}
.Itm-Ft {color: #ffffffc4;}  .Itm-Ft:hover {color: #ffffff;}  .Itm-Ft i {font-size: 5px;color: white;}
.itm-socil {background: var(--main-color);width: 48px;height: 48px;font-size: 25px;color: white;transition: all 0.3s;}  .itm-socil:hover {background: #fff;color: var(--main-color);transition: all 0.3s;    transform: translateY(-7px) rotate(-19deg) scale(1.1);}
.nonegar {color: #ffffff52;}  .copyright a {color: #78c1ff;}
/*=*=*=*=*=*= * --- BX-cart--  * ======================== */
.P-Title {height: 400px;}  .BX-cart {box-shadow: 0 18px 23px -5px #d6d6d6;border-radius: 9px 9px 0 0;position: sticky !important;position: -webkit-sticky !important;top: 188px;}
.BX-cart::after {content: "";background-image: url(../images/page/p-3.png);position: absolute;bottom: -17px;width: 100%;height: 28px;right: 0;left: 0;background-position: bottom;background-repeat: no-repeat;z-index: -1;background-size: 100% auto;}
.BX-cart .titl-c {font-size: 19px;color: #5a5a5a;}.BX-cart .titl-c::before{right: 6px;}  .BX-cart .titl-c::after {left: 6px;}
.BX-cart .titl-c::before, .titl-c::after {content: "";background-image: url(../images/page/p-2.png);width: 61px;height: 54px;position: absolute;background-repeat: no-repeat;top: -32px;}
.all-order {background: #f3f3f39e;}  .all-order .name-c{font-size: 14px;color: dimgrey;}  .all-order .prc-order{font-size: 13px;color: dimgrey;}  .all-order .prc-order span {color: #afafaf;}  .all-order .all-price {color: black;}
.BX-cart .som-descrbe {background: #f3f3f3;}  .BX-cart .whol-pr {font-size: 18px;}
.all-order .delet-order {color: #8c8c8c;font-size: 16px;}
.btn-efct1 {transition: all 0.3s;height: auto;}  .btn-efct1:hover {transition: all 0.3s;transform: translateY(-5px) scale(1.01);box-shadow: 0 3px 12px 0px #a2a2a2;}
.Add-number {border-left: 1px solid var(--main-color);}  .Add-number .number-pr {width: 22px;height: 28px;border-radius: 38px;border: 1px solid var(--main-color);margin: 1px 0;}  .Add-number .MxMn-pr {width: 22px;height: 22px;border: 1px solid;font-size: 19px;cursor: pointer;}
/*=*=*=*=*=*= * --- login-register --  * ======================== */
.P-RLogn .title-L {font-size: 26px;}  .P-RLogn .title-L::before {content: "";background: var(--main-color);width: 95px;height: 3px;position: absolute;right: 0;left: 0;margin: auto;bottom: 0;border-radius: 12px;}
.P-RLogn {overflow: hidden;width: 900px;height: 550px;box-shadow: 0 8px 23px -5px #d6d6d6;}  .P-RLogn .sign-in {width: 580px;-webkit-transition: -webkit-transform 1.2s ease-in-out;transition: -webkit-transform 1.2s ease-in-out;transition: transform 1.2s ease-in-out;transition: transform 1.2s ease-in-out, -webkit-transform 1.2s ease-in-out;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}  .P-RLogn.s--signup .sign-in {-webkit-transition-timing-function: ease-in-out;transition-timing-function: ease-in-out;-webkit-transition-duration: 1.2s;transition-duration: 1.2s;-webkit-transform: translate3d(640px, 0, 0);transform: translate3d(640px, 0, 0);}  .P-RLogn .sign-up {width: 580px;-webkit-transition: -webkit-transform 1.2s ease-in-out;transition: -webkit-transform 1.2s ease-in-out;transition: transform 1.2s ease-in-out;transition: transform 1.2s ease-in-out, -webkit-transform 1.2s ease-in-out;-webkit-transform: translate3d(-900px, 0, 0);transform: translate3d(-900px, 0, 0);}  .P-RLogn.s--signup .sign-up {-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}  .P-RLogn .sub-cont {overflow: hidden;left: 541px;top: 0;width: 900px;padding-left: 260px;-webkit-transition: -webkit-transform 1.2s ease-in-out;transition: -webkit-transform 1.2s ease-in-out;transition: transform 1.2s ease-in-out;transition: transform 1.2s ease-in-out, -webkit-transform 1.2s ease-in-out;}  .P-RLogn.s--signup .sub-cont {-webkit-transform: translate3d(-541px, 0, 0);transform: translate3d(-541px, 0, 0);}  .P-RLogn .TxBx {box-shadow: 0px 5px 7px -7px #3c3c3c;border: 0;height: 43px;line-height: 43px;transition: all 0.4s;}
.P-RLogn .TxBx:focus {border-bottom: 1px solid var(--main-color);border-radius: 3px;transition: all 0.4s;}  .P-RLogn .subjct-L {color: #bdbdbd;}
.P-RLogn .btn-efct3 {height: auto;border: 1px solid var(--main-color);color: var(--main-color);}  .P-RLogn button {margin: auto;width: 205px;}  .P-RLogn .img {overflow: hidden;z-index: 2;left: 0;top: 0;width: 361px;}
.P-RLogn .img:before {background-image: url("../images/page/p27.jpg");content: '';position: absolute;right: 0;top: 0;width: 1009px;height: 100%;background-size: cover;-webkit-transition: -webkit-transform 1.2s ease-in-out;transition: -webkit-transform 1.2s ease-in-out;transition: transform 1.2s ease-in-out;transition: transform 1.2s ease-in-out, -webkit-transform 1.2s ease-in-out;}  .P-RLogn.s--signup .img:before {-webkit-transform: translate3d(640px, 0, 0);transform: translate3d(640px, 0, 0);}  .P-RLogn .img__text {z-index: 2;left: 0;top: 50px;-webkit-transition: -webkit-transform 1.2s ease-in-out;transition: -webkit-transform 1.2s ease-in-out;transition: transform 1.2s ease-in-out;transition: transform 1.2s ease-in-out, -webkit-transform 1.2s ease-in-out;}  .P-RLogn.s--signup .img__text.m--up {-webkit-transform: translateX(520px);transform: translateX(520px);}  .P-RLogn .img__text.m--in {-webkit-transform: translateX(-520px);transform: translateX(-520px);}  .P-RLogn.s--signup .img__text.m--in {-webkit-transform: translateX(0);transform: translateX(0);}  .P-RLogn .img__btn {margin: 300px auto 0;overflow: hidden;z-index: 2;width: 100px;height: 36px;background: transparent;text-transform: uppercase;cursor: pointer;}  .P-RLogn .img__btn:after {content: '';z-index: 2;position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 2px solid #fff;border-radius: 30px;}  .P-RLogn .img__btn span {left: 0;top: 0;display: -webkit-box;-webkit-box-pack: center;-webkit-box-align: center;-webkit-transition: -webkit-transform 1.2s;transition: -webkit-transform 1.2s;transition: transform 1.2s;transition: transform 1.2s, -webkit-transform 1.2s;}  .P-RLogn .img__btn span.m--in {-webkit-transform: translateY(-72px);transform: translateY(-72px);}  .P-RLogn.s--signup .img__btn span.m--in {-webkit-transform: translateY(0);transform: translateY(0);}  .P-RLogn.s--signup .img__btn span.m--up {-webkit-transform: translateY(72px);transform: translateY(72px);}  .P-RLogn .forgot-pass {font-size: 12px;border-bottom: 1px dashed;}
/*=*=*=*=*=*= * --- comfirmpassword --  * ======================== */
/*.head-item{box-shadow: 0 0 18px -3px #cecece;    border-radius: 0 !important;}*/

.Bx-P3 , .Bx-P4 {overflow: hidden;transition: all 0.3s;}
.Bx-P3 .pc-P3,.Bx-P4 .pc-P4 {transition: all 0.8s;}
.Bx-P3:hover .pc-P3 , .Bx-P4:hover .pc-P4 {transform: scale(1.1) rotate(-3deg);transition: all 1.4s;}
/*=*=*=*=*=*= * --- abot-us --  * ======================== */
.P-Aboutus {line-height: 30px;font-size: 15px;}
.BX-2 .pc-team{transition: all 0.3s;}
.BX-2:hover .pc-team{transition: all 0.3s;transform: translateY(-8px);box-shadow: 0 18px 23px -5px #d6d6d6;}
/*=*=*=*=*=*= * --- contct-us --  * ======================== */
.item-field {padding: 12px 10px;box-shadow: 0px 2px 5px -1px #d4d4d4;}
.sub-deta .media-li{transition: all 0.3s;filter: grayscale(1);}  .sub-deta .media-li:hover{transition: all 0.3s;filter: grayscale(0);}  .sub-deta {font-size: 16px;color: #4a4a4a;}
/*=*=*=*=*=*= * --- Bx-3 --  * ======================== */
.BX-3 {height: 146px;box-shadow: 0 2px 14px -3px #c7c7c7;overflow: hidden;}  .BX-3 .pc-category{object-fit: cover;transition: all 1s;}  .BX-3:hover .pc-category{transform: scale(1.1);transition: all 1s;}  .BX-3 .contct-3 {top: 0;background: #00000047;opacity: 0;transition: all 0.5s;}  .BX-3:hover .contct-3 {opacity: 1;transition: all 0.5s;}  .BX-3 .contct-3 i {border: 1px solid ;color: #ffffff;background: #f07c0152;width: 39px;height: 39px;margin: 22px auto 0;font-size: 18px;}
/*=*=*=*=*=*= * --- category --  * ======================== */
.sort-ttl {font-size: 15px;}  .sort-li {color: #929292;}  .sort-li:hover {background: #f5f5f5;}  .sort-li.active {background: var(--main-color);color: #fff;}
.P-F-Slider {top: 0;}  .Main-deta {background: #fff !important;}
/*=*=*=*=*=*= * --- side advance search --  * ======================== */
.Advnc-body {font-size: 13px;max-height: 300px;overflow: auto;}  .field-seach {background: #f3f3f38c;}  .Advnc-ttl {font-size: 14px;}
.describe-categor {line-height: 28px;color: #545454;}  .describe-categor a {color: var(--main-color);border-bottom: 1px dashed;}
/*=*=*=*=*=*= * --- FILTER-items --  * ======================== */
.check {cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;padding: 0 19px 0 0;color: #6f6f6f;}  .check input {position: absolute;opacity: 0;cursor: pointer;right: 0;z-index: 1;width: 100%;height: 100%;top: 0;}  .check .checkmark {top: -1px;right: 0;height: 16px;width: 16px;background-color: #fff;border: 1px solid #d4d4d4;border-radius: 3px;}  .check input:checked ~ .checkmark {background-color: var(--main-color) ;}  .check .checkmark:after {content: "";position: absolute;display: none;}  .check input:checked ~ .checkmark:after {display: block;}  .check .checkmark:after {left: 5px;top: 0px;width: 5px;height: 11px;border: solid;border-color: #fff;border-width: 0 2px 2px 0;-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);}
/*=*=*=*=*=*= * --- FILTER-color ---  * ======================== */
.each-color {width: 30px;height: 30px;padding: 1px;}
.rw-colorS .clr:first-child   .each-color ,.rw-colorS .clr:first-child   .each-color .main-color ,.rw-colorS .clr:first-child   .each-color .main-color:checked::after{background: #f70000;}
.rw-colorS .clr:nth-child(2)  .each-color ,.rw-colorS .clr:nth-child(2)  .each-color .main-color ,.rw-colorS .clr:nth-child(2)  .each-color .main-color:checked::after{background: #86ff00;}
.rw-colorS .clr:nth-child(3)  .each-color ,.rw-colorS .clr:nth-child(3)  .each-color .main-color ,.rw-colorS .clr:nth-child(3)  .each-color .main-color:checked::after{background: #00c4ff;}
.rw-colorS .clr:nth-child(4)  .each-color ,.rw-colorS .clr:nth-child(4)  .each-color .main-color ,.rw-colorS .clr:nth-child(4)  .each-color .main-color:checked::after{background: #ff006a;}
.rw-colorS .clr:nth-child(5)  .each-color ,.rw-colorS .clr:nth-child(5)  .each-color .main-color ,.rw-colorS .clr:nth-child(5)  .each-color .main-color:checked::after{background: #f7a900;}
.rw-colorS .clr:nth-child(6)  .each-color ,.rw-colorS .clr:nth-child(6)  .each-color .main-color ,.rw-colorS .clr:nth-child(6)  .each-color .main-color:checked::after{background: #8df700;}
.rw-colorS .clr:nth-child(7)  .each-color ,.rw-colorS .clr:nth-child(7)  .each-color .main-color ,.rw-colorS .clr:nth-child(7)  .each-color .main-color:checked::after{background: #7600f7;}
.rw-colorS .clr:nth-child(8)  .each-color ,.rw-colorS .clr:nth-child(8)  .each-color .main-color ,.rw-colorS .clr:nth-child(8)  .each-color .main-color:checked::after{background: #000000;}
.rw-colorS .clr:nth-child(9)  .each-color ,.rw-colorS .clr:nth-child(9)  .each-color .main-color ,.rw-colorS .clr:nth-child(9)  .each-color .main-color:checked::after{background: #45ff98;}
.rw-colorS .clr:nth-child(10) .each-color ,.rw-colorS .clr:nth-child(10) .each-color .main-color ,.rw-colorS .clr:nth-child(10) .each-color .main-color:checked::after{background: #d8ff00;}
.main-color {border: 2px solid white;width: 28px;height: 28px;-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;right: 0;top: 0;left: 0;transition: all 0.15s ease-out 0s;cursor: pointer;}
.main-color:hover {background: #9faab7;}  .main-color:checked {background: #40e0d0;}
.main-color:checked::before {height: 28px;width: 28px;position: absolute;content: '✔';display: inline-block;font-size: 18px;text-align: center;line-height: 28px;}
.main-color:checked::after {-webkit-animation: click-wave 0.65s;-moz-animation: click-wave 0.65s;animation: click-wave 0.65s;content: '';display: block;position: relative;z-index: 100;}
@keyframes click-wave {
    0% {height: 0;width: 0;opacity: 0.35;position: relative;} 100% {height: 40px;width: 40px;margin-right: -5px;margin-top: -10px;opacity: 0;}
}
/*=*=*=*=*=*= * --- P-Products ---  * ================================== */
/*.head-item{box-shadow: 0 6px 23px -5px #d6d6d6;}*/
.head-tab {font-size: 15px;}  .head-tab::-webkit-scrollbar {height: 3px;background-color: #fff;}  .head-tab::-webkit-scrollbar-thumb {background: var(--main-color);border-radius: 9px;}
.off-lnk {color:#fff !important;background: var(--main1-color);}.off-lnk:hover {color:#000 !important;}
.sle-lnk {color:#fff !important;background: var(--main-color);}.sle-lnk:hover {color:#000 !important;}
.head-tab a {color: #555555;transition: all 0.3s;    white-space: nowrap;}  .head-tab a:hover {background: #5555551c;transition: all 0.3s;}  .head-tab a.active.show {background: #555555;color: white;transition: all 0.3s;}
.BX-1{transition: all 0.3s;}  .BX-1 .Off-c {width: 58px;height: 59px;font-size: 20px;box-shadow: 0 6px 15px -3px #a2a2a2;border: 1px solid;left: 27px;top: 27px;}  .BX-1 .name-pr {font-size: 18px;}  .BX-1 .detal-pr {color: #737373;font-size: 13px;}  .BX-1 .price-pr{color: #a7a7a7;}  .BX-1 .old-prc {text-decoration: line-through;}  .BX-1 .new-prc {font-size: 17px;color: #272727;}  .BX-1 .btn-efct2 {color: #8c8c8c;border: 1px solid #b7b7b7;transition: all 0.3s;}  .BX-1 .pc-pr {height: 243px;}
.BX-1:hover{transition: all 0.3s;background: #fff;box-shadow: 0 6px 23px -5px #d6d6d6;transform: translateY(-5px);}  .BX-1:hover .btn-efct2{color: #fff;border: 1px solid var(--main-color);background: var(--main-color);transition: all 0.3s;}
/*=*=*=*=*=*= * --- Bx-Rang --  * ======================== */
.Bx-Rang .irs {height: 55px;position: relative; display: block;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
.Bx-Rang .irs-line {position: relative; display: block;overflow: hidden;outline: none !important;height: 10px; top: 33px;background: #EEE;background: linear-gradient(to bottom, #DDD -50%, #FFF 150%); /* W3C */border: 1px solid #CCC;border-radius: 16px;-moz-border-radius: 16px;}  .Bx-Rang .irs-line-left, .Bx-Rang .irs-line-mid, .Bx-Rang .irs-line-right {position: absolute; display: block;top: 0;height: 8px;}
.Bx-Rang .irs-line-left {left: 0; width: 11%;}  .Bx-Rang .irs-line-mid {left: 9%; width: 82%;}  .Bx-Rang .irs-line-right {right: 0; width: 11%;}
.Bx-Rang .irs-shadow {height: 2px; top: 38px;background: #000;opacity: 0.3;border-radius: 5px;-moz-border-radius: 5px;position: absolute; display: none;left: 0; width: 0;}
.Bx-Rang .irs-slider {position: absolute; display: block;z-index: 1;top: 25px;width: 27px; height: 27px;border: 1px solid #AAA;background: #DDD;background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(220,220,220,1) 20%,rgba(255,255,255,1) 100%); /* W3C */border-radius: 27px;-moz-border-radius: 27px;box-shadow: 1px 1px 3px rgba(0,0,0,0.3);cursor: pointer;}
.Bx-Rang .irs-slider.type_last {z-index: 2;}  .Bx-Rang .irs-min {left: 0;cursor: default;}  .Bx-Rang .irs-max {right: 0;cursor: default;}
.Bx-Rang .irs-grid {position: absolute; display: none;bottom: 0; left: 0;width: 100%; height: 20px;}
.Bx-Rang .irs-with-grid .irs-grid {display: block;}  .Bx-Rang .irs-hidden-input {position: absolute !important;display: block !important;top: 0 !important;left: 0 !important;width: 0 !important;height: 0 !important;font-size: 0 !important;line-height: 0 !important;padding: 0 !important;margin: 0 !important;outline: none !important;z-index: -9999 !important;background: none !important;border-style: solid !important;border-color: transparent !important;}
.Bx-Rang .irs-bar {height: 10px; top: 33px;border-top: 1px solid var(--main-color) ;border-bottom: 1px solid var(--main-color) ;background: linear-gradient(0deg, #88a202, var(--main-color) );position: absolute; display: block;left: 0; width: 0;}
.Bx-Rang .lt-ie9 .irs-shadow {filter: alpha(opacity=30);}  .Bx-Rang .irs-slider.state_hover,
                                                           .Bx-Rang .irs-slider:hover {background: #FFF;}  .Bx-Rang .irs-min, .Bx-Rang .irs-max {position: absolute; display: block;color: #333;font-size: 12px; line-height: 1.333;text-shadow: none;top: 0;padding: 1px 5px;background: rgba(0,0,0,0.1);border-radius: 3px;-moz-border-radius: 3px;}
.Bx-Rang .irs-from, .Bx-Rang .irs-to, .Bx-Rang .irs-single {position: absolute; display: block;top: 0; left: 0;cursor: default;white-space: nowrap;color: #fff;font-size: 14px; line-height: 1.333;text-shadow: none;padding: 1px 5px;background: linear-gradient(0deg, #88a202, var(--main-color) );border-radius: 3px;-moz-border-radius: 3px;}
/*=*=*=*=*=*= * --- radio bottn --  * ======================== */
.Radio-L + .Label-L {cursor: pointer;outline: none;-moz-user-select: -moz-none;-ms-user-select: none;-webkit-user-select: none;user-select: none;width: 40px;height: 20px;background-color: #e4e4e4;-moz-border-radius: 60px;-webkit-border-radius: 60px;border-radius: 60px;-moz-transition: background 0.4s;-o-transition: background 0.4s;-webkit-transition: background 0.4s;transition: background 0.4s;}  .Radio-L + .Label-L::before, .Radio-L + .Label-L::after {content: "";display: block;position: absolute;}  .Radio-L + .Label-L::before {right: 1px;left: 1px;top: 1px;bottom: 1px;background-color: #F1F1F1;-moz-border-radius: 60px;-webkit-border-radius: 60px;border-radius: 60px;-moz-transition: background 0.4s;-o-transition: background 0.4s;-webkit-transition: background 0.4s;transition: background 0.4s;}  .Radio-L + .Label-L::after {top: -1px;left: 0;width: 22px;height: 22px;background-color: #fff;-moz-border-radius: 100%;-webkit-border-radius: 100%;border-radius: 100%;-moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);-webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);-moz-transition: -moz-transform 0.4s;-o-transition: -o-transform 0.4s;-webkit-transition: -webkit-transform 0.4s;transition: transform 0.4s;}  .Radio-L:checked + .Label-L , .Radio-L:checked + .Label-L::before {background-color: var(--main-color);}  .Radio-L:checked + .Label-L::after {-moz-transform: translateX(20px);-ms-transform: translateX(20px);-webkit-transform: translateX(20px);transform: translateX(20px);}  .Radio-L:disabled + .Label-L {filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50);opacity: 0.5;cursor: default;}
/*=*=*=*=*=*= * --- checkout --  * ======================== */
#adressmodal .modal-dialog {max-width: 90%;}
/*=*=*=*=*=*= * --- panel --  * ======================== */
.Side-Bar1 .head-prof {background-color: #2ecc712e;border-radius: 4px;animation: huue 11s linear 0s infinite reverse;color: #2ecc71; margin: 0 0 120px;}  .Side-Bar1 .head-prof::before {background: linear-gradient(105deg, rgba(255, 190, 0, 0), #ffbe00);animation: hue 12s linear 1s infinite;}  .Side-Bar1 .pc-user {width: 140px;height: 140px;}  .Side-Bar1 .name-user {font-size: 18px;color: black;}  .Side-Bar1 .user-info {margin: 0 0 -111px;border: 3px solid #2ecc712e;}

.Side-Bar1 .item-side {transition: all 0.3s;color: #000;} 
.Side-Bar1 .item-side:hover {
    color: #2d8cc8;transform: translateY(-3px);
    transition: all 0.3s;
}
.Side-Bar1 li:last-child .item-side {border-bottom: 0;}  .Side-Bar1 .item-side i {width: 19px;}
@keyframes huue {to {filter: hue-rotate(1turn);}}
.Bx-5 {line-height: 24px;background: linear-gradient(45deg, #f3f3f3, transparent);box-shadow: 0 3px 6px -1px #d6d6d6;border: 3px solid #fff;transition: all 0.3s;color: black;}  .Bx-5:hover {transform: translateY(-3px);transition: all 0.3s;border: 3px solid #f3f3f3;}  .ttle-5 {width: 137px;font-size: 17px;}
.rw-btns .btm-btn {border: 1px solid var(--main-color);}
.deta-pg .image-tble {width: 70px;}  .deta-pg .table td, .deta-pg .table th {vertical-align: middle;white-space: nowrap;font-size:14px; }  .deta-pg .name-tble {font-size: 15px;}
/*=*=*=*=*=*= * --- P-news ---  * ================================== */
.whol-1::before{content: "";position: absolute;left: 0;right: 0;top: 0;bottom: 0;margin: auto;height: 2px;background: #efefef;}
.BX-4 .dateq {font-size: 36px;margin: 0 0 -9px;}  .BX-4 .date-1::before {content: "";background: var(--main-color);position: absolute;bottom: 0;border-radius: 3px;height: 2px;width: 62%;right: 0;left: 0;margin: auto;}  .BX-4 .seeq {color: #b3b3b3;font-size: 12px;margin: -8px 0 0;}  .BX-4 .mounthq {font-weight: bold;color: #888888;}  .BX-4 {transition: all 0.3s;}  .BX-4:hover {transition: all 0.3s;background: #f3f3f35e;}
/*=*=*=*=*=*= * --- articles --  * ======================== */
.Bx-6 {filter: saturate(0.7);}  .Bx-6:hover {filter: saturate(1);}  .Bx-6 .label-type {z-index: 11;right: 21px;top: 21px;}  .Bx-6 .ttl-6 {font-size: 17px;}  .Bx-6:hover .ttl-6 {color: var(--main-color) ;}  .Bx-6 .expln-6 {color: #313131;line-height: 22px;height: 109px;overflow: hidden;}  .Bx-6 .dte-6 {transition: all 0.3s;color: #949494;font-size: 11px;}  .Bx-6:hover .dte-6 {transition: all 0.3s;transform: translateX(-5px)}  .Bx-6 .see-more {transition: all 0.3s;}  .Bx-6:hover .see-more {color: var(--main-color) !important;transition: all 0.3s;transform: translateX(12px)}  .Bx-6 .pc-article {height: 188px;object-fit: cover;}
.Bx-7 .exp-7 {font-size: 15px;line-height: 30px;color: #565656;}  .share-7 a {font-size: 25px;color: #ababab;}  .share-7 a:hover {color: var(--main-color);}
/*=*=*=*=*=*= * --- P-Product ---  * ================================== */
.Ad-pt h6 {font-size: 13px;color: #000;}  .Ad-pt p {font-size: 12px;color: #979797;}
.list-unstyled img {width: auto !important;}
.eng-pt {margin: -9px 0 14px;background: #f9f9f9;padding: 0 0 0 8px;color: #a7a7a7;}
.Confirmation-pt {color: #444444;}
.Confirmation-pt i{font-size: 16px;}
.Score-pt i {color: #ffa90b;}
.optin-pt a {border-bottom: 1px dashed;}
.dt-pt {font-size: 4px;color: #b9b9b9;text-shadow: 0 0 8px #dcdcdc;}
.name-pt {color: #383838;font-size: 18px;}
.sub-pt {font-size: 14px;}
.Bx4 i {font-size: 5px;color: #9e9e9e;}  .Bx4 .ttl-pt {color: #484848;}  .Bx4 .deta-pt {color: black;}
.moore {border-bottom: 1px dashed;font-size: 12px;cursor: pointer;}
.prt-vctor i {width: 27px;text-align: center;}  .prt-vctor i.fas.fa-store-alt {font-size: 19px;color: #e2525f;}  .prt-vctor i.fas.fa-shield-alt {font-size: 20px;color: #e2b652;}  .prt-vctor i.far.fa-calendar-check {font-size: 22px;color: #52ade2;}  .prt-vctor i.far.fa-laugh {font-size: 22px;}
.Function-pt i {color: #b9b9b9;}
.prt-tx-pt,.prt-tx-pt h6 {font-weight: bold;color: #757575;}  .prt-tx-pt p {color: #9e9e9e;font-size: 11px;}
.price-pt {font-size: 16px;}  .price-pt .numbr-old {text-decoration: line-through;color: #6b6b6b;}  .price-pt .numbr-new {font-size: 38px;color: #e8b743;}
.each-opk {border: 1px solid #efefef;}  .each-opk .ttle-kl {background: #efefef7a;color: #555555;}  .each-opk .deta-kl {color: #8e8e8e;}
.tx-pt-mz {line-height: 29px;font-size: 14px;color: dimgrey;}
.eng-ttl::before {content: "";background: var(--main-color);width: 10%;height: 3px;position: absolute;bottom: 0;right: 0;border-radius: 40px;}
.sugest-mz.postive {font-size: 12px;background: #21ab182b;border: 1px solid #90d28c;border-radius: 3px !important;}  .sugest-mz.negtive {font-size: 12px;background: #ab18182b;border: 1px solid #d28c8c;border-radius: 3px !important;}
.date-mz {top: 5px;left: 6px;background: #ececec;border-radius: 3px;padding: 5px 10px 2px;color: #828282;font-size: 11px;letter-spacing: 1px;}
.R-sl1 .owl-nav span {display: block;width: 27px;height: 27px;border-radius: 50%;font-size: 25px;line-height: 27px;background: white;box-shadow: 0 2px 3px 0px #b7b7b7;}  .R-sl1 .owl-nav [class*=owl-]:hover {background: #fcfcfc;color: #000;}  .R-sl1 .owl-nav {margin: 0 !important;}
.lg-backdrop {background: #0000007a;}
.contet {font-size: 11px;}
.lis-wq {padding: 0 18px 0 0;}
.lis-wq li {list-style-type: disc;color: #4f4f4f;line-height: 26px;}
a.select-cntry img {
    filter: brightness(0.5);
}
.itm-socil:hover img {
    filter: brightness(0.5);
}
.P-slPg {
    /*overflow: hidden;*/
}
/*=*=*=*=*=*= * --- RESPANSIVE --  * ======================== */
.container {
        width: 100%;
        max-width: 1272px;
        margin-right: auto;
        margin-left: auto;
        padding-left: 10px;
        padding-right: 10px;
    }
@media (min-width:1325px){
.container-fluid {
    max-width: 1325px;
}
}

@media (max-width:1024px){
    html, body {font-size: 12px;}
    .container-fluid {padding: 0 25px;}
    .P-Title1, .P-Slider video ,.P-Slider img {height: 50vh;}
    .P-News p {line-height: 23px;font-size: 12px;}
}
@media only screen and (max-width: 835px){
    .container {padding-left: 0;padding-right: 0;}
}


@media (max-width:768px){
    .men-pnl {
    background: #fff;
    position: absolute;
    z-index: 11;
    right: 0;
    left: 0;
    margin: auto;
    width: 96%;
    top: 600%;
    opacity: 0;
    display: none ;transition: opacity 0.6s ease-out;    box-shadow: 0 .125rem .25rem rgba(0,0,0,.075);
}
.Br-open .men-pnl {
    top: 100%;
    opacity: 1;
    display: flex ;transition: opacity 0.6s ease-out;
}
    .botIcon .Layout-open {
    right: 0 !important;
    bottom: 0 !important;
    left: 0 !important;
    margin: auto;
    top: 0 !important;}
    ul.nav.nav-tabs.ghda li {
    width: 100%;
    border-bottom: 1px solid #cbcbcb;
}
.P-sqB2 p {
    margin: 0 !important;
}
    .ttl-po {
    font-size: 17px;
    font-weight: 300;
    line-height: 18px;
}
.each-io {
    border: 1px solid #424242;
    padding: 8px 10px;
}
    .tttl-VC {
    font-size: 19px;
}
.dbx-l {
    padding: 10px 21px;
}
.jkhdf .nav-slider {
    max-width: 95%;
    position: relative;
    top: auto;
    right: 0;
    margin: 5px auto 0;
    left: 0;
}
.jkhdf .smalPc {
    height: 226px;
    margin: auto;
    text-align: center;
    object-fit: cover;
    width: 100% !important;
}
.jkhdf .owl-nav .owl-prev span {
    right: 5px;
}
.jkhdf .owl-nav .owl-next span {
    left: 5px;
}
button.bx-earch {
    font-size: 18px;
}
.serch-open .S-earch {
    width: 300px;
}

    .btm-header {
    padding: 8px 11px !important;}
    .container-fluid {width: 94%;padding: 0;}
    ul.col-md-5.col-2.p-0.d-flex.align-items-center.justify-content-end {position: inherit;}
    .clos-serch {font-size: 31px;top: 12px;}
    /*.open-sub.Drp-Dwn .drop {color: white !important;padding: 0 11px;background: #373737;}*/
    .Bx-hw {min-height: 200px;overflow: auto;    height: auto;max-height: 400px;}
    .contct-sl {padding: 0 32px;}
    span, p {font-size: 13px !important;    text-align: right;}
    .P-sqB2 ul {margin: 0 !important;}
     /*.P-slPg .pc-slPg {height: 219px;}*/
     .P-slPg .pc-slPg {height: 125px; object-fit:cover;}
    .P-RLogn {width: 320px;}
    .P-RLogn .sub-cont {left: 213px;width: 320px;padding-left: 106px;}
    .P-RLogn .img {width: 108px;}
    .P-RLogn .sign-in,
    .P-RLogn .sign-up{width: 213px;}
    .P-RLogn .sub-cont {left: 213px;}
    .P-RLogn.s--signup .sub-cont {-webkit-transform: translate3d(-213px, 0, 0);transform: translate3d(-213px, 0, 0);}
    .P-RLogn button {width: 100%;}
    .P-RLogn .TxBx {width: 100% !important;}
    .li-panel {width: 33%;text-align: center;}
    .P-Sq1 .row.py-4 .col-sm-4.p-1 {text-align: center;}
    .sub-expl a {width: 100%;margin: 3px 0;}
    .ttl-B10 {font-size: 19px;height: auto;}
    .sec-Cmn .btm-btn, .sec-Cmn .btn-B1{min-width: 95% !important;}
    .ttl-kl {font-size: 25px;}
    .pc-kl {margin: 32px 0;}
    .btm-btn, .btn-B1 {min-width: 88px;}
    .cm-tp {height: 165px;}
    .cm-bt {height: 120px;}
    .contnt-gh {bottom: -120px;}
    .artcl-shw {margin: 0 0 126px;}
    .cls-po > * {
    width: 100%;
}
.expln-Cmn {
    color: #6e6e6e;
    text-align: center;
    padding: 0 5px;
}
.iconInner .fa.fa-headset {
    font-size: 20px;
}
.iconInner {
    padding: 8px 9px;
}
.dataTables_length,
.dataTables_filter{
    text-align: right;
}

}
@media (max-width: 500px){
    html, body ,.main-exp,.P-News p,.some-text{font-size: 12px;}
    .container-fluid {width: 96%;    padding-right: 0 !important;padding-left: 0 !important;}
    .itm-socil {width: 36px;height: 36px;font-size: 19px;}
    .Fix-Headr {position: fixed;background: var(--main-color);}
    .P-Slider {top: auto;position: absolute !important;}
    .connecting-dots {display: none !important;}
    .main-title {font-size: 20px;}
    .sub-titls,.Bx-P1 .titl-P1 {font-size: 17px;}
    .Bx-P1:hover .titl-P1 {top: 6%;}
    .Bx-P1:hover .exp-P1 {top: 19%;}
    .Bx-P1 .exp-P1 {width: 92%;}
    .contnt-P3 {margin: auto;height: 200px;max-height: 200px;}
    .P-News h4 {font-size: 13px;}
    .P-News p {line-height: 19px;text-align: right;}
    .P-Footer {font-size: 11px;}
    .head-item.p-2.p-lg-3.bg-white.border-0.mb-4.rounded,
    .p-3.tab-content.body-tab{padding: 0 !important;}
    .la78be{margin-right:17px;}
}


/*-*-*-*-*-*-*-*-*-*-*-*-*-* استایل اقای شیخی*/
        .triangle-rt-top{
            border-right: 98vw  solid #ffffff;
            border-bottom: 100px solid #e5e5e5;
        }
        .triangle-rt-bottom{
            border-right: 98vw  solid #e5e5e5;
            border-bottom: 100px solid transparent;
        }
        @media only screen and (max-width: 600px) {
            .triangle-rt-top{
                border-right: 94vw  solid #ffffff;
                border-bottom: 100px solid #e5e5e5;
            }
            .triangle-rt-bottom{
                border-right: 94vw  solid #e5e5e5;
                border-bottom: 100px solid transparent;
            }
        }
        .triangle-rt-top{
            border-right: 98vw  solid #ffffff;
            border-bottom: 100px solid #e5e5e5;
        }
        .triangle-rt-bottom{
            border-right: 98vw  solid #e5e5e5;
            border-bottom: 100px solid transparent;
        }
        @media only screen and (max-width: 600px) {
            .triangle-rt-top{
                border-right: 94vw  solid #ffffff;
                border-bottom: 100px solid #e5e5e5;
            }
            .triangle-rt-bottom{
                border-right: 94vw  solid #e5e5e5;
                border-bottom: 100px solid transparent;
            }
        }

        .P-Title1,.P-Slider img{
            height: 90vh;
            margin-bottom: 0px !important;
        }
        .P-Title2{
            padding-top: 15px;
            height: 10vh !important;
            background: whitesmoke;
            overflow: auto;
        }
        @media only screen and (max-width: 600px) {
            .P-Title1,.P-Slider img{
                height: 50vh;
            }
        }
        .P-Title1{
            /*height: 70vh;*/
            margin-bottom: 0px !important;
        }
        .P-Title2{
            padding-top: 15px;
            height: 30vh !important;
            background: whitesmoke;
            overflow: auto;
        }
        @media only screen and (max-width: 600px) {
            .P-Title1,.P-Slider img{
                height: 50vh;
            }
        }

        .mainDiv{
            background: whitesmoke;
            text-align: center;
            height: 350px;
            overflow: hidden;
            border-radius: 10px;
            box-shadow: 0px 0px 6px 1px;
            margin-bottom: 10px;
        }
        .mainDivTitle{
            width: 100%;
            text-align: center;
            font-weight: bold;
            font-size: 24px;
            height: 50px;
            padding-top: 10px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .mainDivP{
            height: 100px;
            padding-top: 10px;
            font-weight: bold;
            color: darkgray;
        }
        .mainDivImg{
            width: 20%;
            height: auto;
            overflow: hidden;
        }
        .mainDivA{
            min-width: 50%;
        }
      
/*Chon header nadare, pas menu desktop dorost she*/
       
        /*.mainContent{*/
        /*    margin-top: 70px !important;*/
        /*}*/
        
                    /*Hide Arrows in number inputs*/
            /* Chrome, Safari, Edge, Opera */
            input::-webkit-outer-spin-button,
            input::-webkit-inner-spin-button {
                -webkit-appearance: none;
                margin: 0;
            }
            /* Firefox */
            input[type=number] {
                -moz-appearance: textfield;
            }
            /*End Of Hide Arrows in number inputs*/
            .control-label{
                color: black;
                /*font-weight: bold;*/
                /*margin: 0;*/
                /*padding-right: 5px;*/
            }
           .err_labels {
    width: 100%;
    text-align: center;
    color: red;
    font-weight: bold;
    display: none;
    font-size: 11px;
}

            /*New Loader*/
            .input-karnakon{
                background: lightgrey;
                pointer-events: none;
            }
            .new_waiter{
                text-align: center;
                width: 20%;
                background: lightgrey;
                position: fixed;
                height: 30%;
                right: 40%;
                top: 45%;
                z-index: 1000000699;
                border-radius: 10px;
                display: none;
            }
            .new_waiter>label{
                font-weight: bold;
                padding-top: 10%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                color: #ffd101;
                text-shadow: 0px 0px 4px black;
                width: 100%;
                text-align: center;
            }
            .splitter{
                height: 150px;
            }
            .emptyHeaderNotShowInMobile{
                height: 120px;
            }
            @media only screen and (max-width: 600px) {
                .emptyHeaderNotShowInMobile{
                    display: none !important;
                }
                .splitter{
                    display: none;
                }
                .new_waiter{
                    text-align: center;
                    width: 90%;
                    background: lightgrey;
                    position: fixed;
                    height: 30%;
                    right: 5%;
                    top: 45%;
                    z-index: 1000000699;
                    border-radius: 10px;
                    display: none;
                }
                .new_waiter>label{
                    font-weight: bold;
                    color: grey;
                    padding-top: 10%;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }
            }
            .waiting-contain{
                /*padding-left: 34%;
                padding-top: 15%;*/
            }
            .loading7 {
                position: relative;
                border: 5px double #172d5a;
                width: 50px;
                height: 50px;
                margin: 10px auto;
                border-radius: 50%;
                box-sizing: initial;
                border-top-color: transparent;
                border-bottom-color: transparent;
                animation-name: loading3;
                animation-duration: 1200ms;
                animation-iteration-count: infinite;
                -webkit-animation-timing-function: linear;
            }
            .loading7:after {
                content: "";
                position: absolute;
                border: 5px double #172d5a;
                border-top-color: transparent;
                border-bottom-color: transparent;
                width: 36px;
                height: 36px;
                top: 2px;
                left: 2px;
                margin: auto;
                border-radius: 50%;
                box-sizing: initial;
                animation-name: loading7;
                animation-duration: 600ms;
                animation-iteration-count: infinite;
                -webkit-animation-timing-function: linear;
            }
            .loading7 .extra {
                position: relative;
                border: 5px double var(--main-color);
                width: 25px;
                height: 25px;
                margin: 7px auto;
                border-radius: 50%;
                box-sizing: initial;
                border-top-color: transparent;
                border-bottom-color: transparent;
                animation-name: loading3;
                animation-duration: 1200ms;
                animation-iteration-count: infinite;
                -webkit-animation-timing-function: linear;
                display: flex;
                justify-content: center;
                align-items: center;
                align-content: center;
            }
            .loading7 .extra:after {
                content: "";
                position: relative;
                border: 5px double #172d5a;
                border-top-color: transparent;
                border-bottom-color: transparent;
                width: 20px;
                height: 20px;
                /* top: 2px; */
                /* left: 2px; */
                margin: auto;
                border-radius: 50%;
                box-sizing: border-box;
                animation-name: loading7;
                animation-duration: 300ms;
                animation-iteration-count: infinite;
                -webkit-animation-timing-function: linear;

            }
            @keyframes loading7 {
                0% {
                    transform: rotate(360deg);
                    -ms-transform: rotate(360deg);
                }
                100% {
                    transform: rotate(0deg);
                    -ms-transform: rotate(0deg);
                }
            }
            @-webkit-keyframes loading7 {
                0% {
                    transform: rotate(360deg);
                    -ms-transform: rotate(360deg);
                }
                100% {
                    transform: rotate(0deg);
                    -ms-transform: rotate(0deg);
                }
            }
            /*End Of New Loader*/

            .img-liveGif{
                border-radius: 50px;
            }

            /*Slim-select*/
            .ss-list{
                text-align: right !important;
            }
            .ss-search input{
                text-align: right !important;
            }
            .ss-value-delete{
                color: white;
                border-radius: 100px;
                text-align: center;
                font-weight: bold;
                background: #cc4e4e;
                margin-right: 2px;
                padding: 0px 7px 0px 7px;
                box-shadow: 0px 0px 3px 0px red;
            }

            /*Kadre mostatile sub-menu ha dar header bardashte shavad*/
            #cssmenu1>ul>li>ul{
                background: none !important;
            }

            /*APPROACH-Menu*/
            /*.approach-megaMenu-contentDiv{*/
            /*    min-height: 300px;*/
            /*    padding-right: 5%;*/
            /*    padding-left: 5%;*/
            /*    border: 2px solid white;*/
            /*    border-radius: 5px;*/
            /*}*/
            /*.approachMenu-eachCat{*/
            /*    border-right: 1px solid grey;*/
            /*    padding-right: 2%;*/
            /*    min-height: 280px;*/
            /*}*/
            .approach-category{
                margin-bottom: 20px;
            }

            .approach-item{
                width: 100%;
                padding-right: 3%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            /*.approach-item a{*/
            /*    font-weight: bold;*/
            /*    font-size: 13px;*/
            /*    color: white;*/
                /*text-shadow: 0px 4px 4px black;*/
            /*}*/
            /*.approach-item a:hover{*/
            /*    color: blue;*/
            /*}*/
            .menuMobile-openOrClose-fa {
    background: transparent;
    padding: 10px 10px 10px 10px;
    border-radius: 5px;
    color: white;
    box-shadow: 0px 0px 2px 2px black;
    width: 100px;
    position: absolute;
    width: 100%;
    right: 0;
    left: 0;
    text-align: left;
}
            .menuMobile-openOrClose-sub-fa{
                color: white;
                font-weight: bold;
                background: #202020;
                padding: 5px 10px 5px 10px;
                border-radius: 3px;
            }
            /*End Of APPROACH-Menu*/
        .P-Title1{
            margin-bottom: 0px !important;
        }
        .mainHeaderOfArticle{
            width: 80%;
            height: 78%;
            position: absolute;
            right: 10%;
            bottom: 2%;
            border-radius: 4px;
            opacity: 0.8;
            padding-top: 3%;
        }
        .titlesh{
            font-weight: bold;
            font-size: 18px;
            border-right: 4px solid darkblue;
            padding-right: 10px;
            border-radius: 0px 2px 2px 0px;
        }
        .post-title{
            font-weight: bold;
            font-size: 12px;
        }
        .post-title a{
            color: black;
        }
        .date{
            text-align: left;
            font-size: 10px;
            float: left;
            font-weight: bold;
            color: brown;
        }
        .colesh{
            border: 1px solid lightgray;
            border-radius: 5px;
            padding: 0;
        }
        .colesh img{
            width: 100%;
            height: 200px;
        }
        .span_time{
            font-weight: bold;
            font-size: 10px;
            padding: 3px;
            border: 1px solid #25252554;
            border-radius: 5px;
            box-shadow: 1px 1px 6px 0px #25252554;
        }

        .short_body{
            overflow: hidden !important;
            text-overflow: ellipsis !important;
            display: -webkit-box !important;
            -webkit-line-clamp: 2 !important;
            -webkit-box-orient: vertical !important;
        }
        .maintitle{
            overflow: hidden !important;
        }
        .img-fluid{
            width: 100% !important;
        }
        .tag{
            font-weight: bold;
            font-size: 12px;
            background: lightgrey;
            padding: 3px;
            border-radius: 6px;
            margin-left: 10px;
            cursor: pointer;
        }
                .triangle-rt-top{
            border-right: 98vw  solid #ffffff;
            border-bottom: 100px solid #e5e5e5;
        }
        .triangle-rt-bottom{
            border-right: 98vw  solid #e5e5e5;
            border-bottom: 100px solid transparent;
        }
        @media only screen and (max-width: 600px) {
            .triangle-rt-top{
                border-right: 94vw  solid #ffffff;
                border-bottom: 100px solid #e5e5e5;
            }
            .triangle-rt-bottom{
                border-right: 94vw  solid #e5e5e5;
                border-bottom: 100px solid transparent;
            }
        }

        .P-Title1,.P-Slider img{
            height: 70vh;
            margin-bottom: 0px !important;
        }
        .P-Title2{
            padding-top: 15px;
            height: 30vh !important;
            background: whitesmoke;
            overflow: auto;
        }
        @media only screen and (max-width: 600px) {
            .P-Title1,.P-Slider img{
                height: 50vh;
            }
        }

        .mainDiv{
            background: whitesmoke;
            text-align: center;
            height: 350px;
            overflow: hidden;
            border-radius: 10px;
            box-shadow: 0px 0px 6px 1px;
            margin-bottom: 10px;
        }
        .mainDivTitle{
            width: 100%;
            text-align: center;
            font-weight: bold;
            font-size: 24px;
            height: 50px;
            padding-top: 10px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .mainDivP{
            height: 100px;
            padding-top: 10px;
            font-weight: bold;
            color: darkgray;
        }
        .mainDivImg{
            width: 20%;
            height: auto;
            overflow: hidden;
        }
        .mainDivA{
            min-width: 50%;
        }
                .triangle-rt-top{
            border-right: 98vw  solid #ffffff;
            border-bottom: 100px solid #e5e5e5;
        }
        .triangle-rt-bottom{
            border-right: 98vw  solid #e5e5e5;
            border-bottom: 100px solid transparent;
        }
        @media only screen and (max-width: 600px) {
            .triangle-rt-top{
                border-right: 94vw  solid #ffffff;
                border-bottom: 100px solid #e5e5e5;
            }
            .triangle-rt-bottom{
                border-right: 94vw  solid #e5e5e5;
                border-bottom: 100px solid transparent;
            }
        }

        .P-Title1,.P-Slider img{
            height: 100vh;
            margin-bottom: -15px !important;
            /*margin-bottom: 0px !important;*/
        }
        @media only screen and (max-width: 600px) {
            .P-Title1,.P-Slider img{
                height: 50vh;
            }
        }
                .triangle-rt-top{
            border-right: 98vw  solid #ffffff;
            border-bottom: 100px solid #e5e5e5;
        }
        .triangle-rt-bottom{
            border-right: 98vw  solid #e5e5e5;
            border-bottom: 100px solid transparent;
        }
        @media only screen and (max-width: 600px) {
            .triangle-rt-top{
                border-right: 94vw  solid #ffffff;
                border-bottom: 100px solid #e5e5e5;
            }
            .triangle-rt-bottom{
                border-right: 94vw  solid #e5e5e5;
                border-bottom: 100px solid transparent;
            }
        }

        .P-Title1,.P-Slider img{
            height: 86vh !important;
            margin-bottom: 0px !important;
        }
        .P-Title2{
            padding-top: 15px;
            height: 30vh !important;
            background: whitesmoke;
            overflow: auto;
        }
        @media only screen and (max-width: 600px) {
            .ttl-ge span,.ttl-we {
    font-size: 20px !important;
}
            .P-Title1,.P-Slider img{
                height: 50vh;
            }
        }

        .mainDiv{
            background: whitesmoke;
            text-align: center;
            height: 350px;
            overflow: hidden;
            border-radius: 10px;
            box-shadow: 0px 0px 6px 1px;
            margin-bottom: 10px;
        }
        .mainDivTitle{
            width: 100%;
            text-align: center;
            font-weight: bold;
            font-size: 24px;
            height: 50px;
            padding-top: 10px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .mainDivP{
            height: 100px;
            padding-top: 10px;
            font-weight: bold;
            color: darkgray;
        }
        .mainDivImg{
            width: 20%;
            height: auto;
            overflow: hidden;
        }
        .mainDivA{
            min-width: 50%;
        }
        .btn-collapse{
            width: 100%;
            text-align: center;
            background: #d5d1d1;
            font-weight: bold;
            font-size: 18px;
            color: black;
            margin-bottom: 10px;
        }
        .div-collapse{
            margin-bottom: 20px;
        }
        .fa-stack{
            margin-left: 5px;
            margin-right: 5px;
        }
                .mainDivOfQaAs{
            background: whitesmoke;
            border-radius: 5px;
        }
        .lbl-mainTitle{
            font-weight: bold;
            font-size: 20px;
            color: #0d1c3b;
        }
    
        .lbl-filter{
            float: right;
            height: 34px;
            border-radius: 0px 5px 5px 0px;
            padding: 8px;
            font-weight: bold;
            background: grey;
        }
        a{
            cursor: pointer;
        }
        .wholer{
            min-height: 250px;
            border-radius: 10px;
            margin-bottom: 10px;
            overflow: hidden;
            text-align: center;
        }
        .wholer img{
            width: 50%;
            margin: 0 auto;
            height: 125px;
            object-fit: contain;
            border-radius: 10px;
        }
        .wholer label{
            width: 100%;
            text-align: center;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            /*font-weight: bold;*/
    font-size: 17px;
    padding: 16px 0;
            padding-top: 10px;
        }

        .each-q{
            background: white;
            border-radius: 5px;
            margin-bottom: 20px;
            box-shadow: 0px 0px 5px 0px grey;
            padding: 5px 0px;
            min-height: 110px;
        }
        .each-q-img{
            height: 100px;
            width: 100%;
            object-fit: contain;
        }
        .each-q-title-div{
            height: 70px;
        }
        .each-q-title-lbl{
            font-weight: bold;
            font-size: 20px;
            white-space: nowrap;
            width: 100%;
            overflow: hidden;
            text-overflow: ellipsis;
        }
        .each-q-items{
            border-right: 3px dotted darkgrey;
            text-align: right;
        }
        .each-q-items label{
            font-weight: bold;
            color: darkgrey;
        }
        .paginate-div{
            background: white;
            padding: 10px;
            border-radius: 5px;
            box-shadow: 0px 0px 4px 0px darkgrey;
            margin-bottom: 20px;
        }
.btn-collapse{
            width: 100%;
            text-align: center;
            background: #d5d1d1;
            font-weight: bold;
            font-size: 18px;
            color: black;
            margin-bottom: 10px;
        }
        .div-collapse{
            margin-bottom: 20px;
        }
        .fa-stack{
            margin-left: 5px;
            margin-right: 5px;
        }

.swal2-backdrop-show{
    z-index:9999 !important;
}
        /*.ResultBase-Div{*/
        /*    text-align: center;*/
        /*    padding: 25px;*/
        /*    width: 100%;*/
        /*    height: 500px;*/
        /*    background: whitesmoke;*/
        /*    border-radius: 5px;*/
        /*    overflow-y: auto;*/
        /*}*/
        .InputRequest-Div{
            width: 100%;
            height: 500px;
            background: whitesmoke;
            border-radius: 5px;
            overflow-y: auto;            
        }
        .SelectType-Div{
            width: 100%;
            height: 500px;
            background: whitesmoke;
            border-radius: 5px;
            overflow-y: auto;
        }
        /*.EachCategory-Btn{*/
        /*    width: 100%;*/
        /*    text-align: left;*/
        /*    font-weight: bold;*/
        /*    color: black;*/
        /*    background: #7490df;*/
        /*}*/
        .EachItem-Div{
            padding: 10px;
        }
        .InputRequest-Textarea{
            width: 100%;
            padding: 3px;
            direction: ltr;
        }
        .Request-Text-Required{
            border: 2px solid pink;
            box-shadow: 0px 0px 7px 1px red;    
        }
        #Request-Text-ErrorLabel{
            width: 100%;
            text-align: center;
            font-weight: bold;
            color: darkred;
            text-shadow: 0px 4px 5px red;
            display: none;
        }
        .InputRequest-Submit{
            width: 100%;
            text-align: center;
            margin-top: 20px;
            /*padding: 10px;*/
        }
        .InputRequest-Submit button {
    background: #2d8cc8;
    color: white;
    width: 100%;
    font-size: 17px;
    padding: 9px 0;
    border-radius: 0;
}
        .ResultText{
            width: 100%;
            text-align: center;
            font-weight: bold;
        }
        .ResultBase-Div img{
            margin: 0 auto;
        }
        .Download-Btn{
            margin-top: 20px !important;
            width: 70% !important;
            background: #992d2d !important;
            font-weight: bold !important;
            color: white !important;
            display: none;
        }
                    /*Hide Arrows in number inputs*/
            /* Chrome, Safari, Edge, Opera */
            input::-webkit-outer-spin-button,
            input::-webkit-inner-spin-button {
                -webkit-appearance: none;
                margin: 0;
            }
            /* Firefox */
            input[type=number] {
                -moz-appearance: textfield;
            }
            /*End Of Hide Arrows in number inputs*/
            .control-label{
                color: black;
                font-weight: bold;
                margin: 0;
                padding-right: 5px;
            }
            .err_labels{
                width: 100%;
                text-align: center;
                color: red;
                font-weight: bold;
                /*text-shadow: 0px 4px 4px orange;*/
                display: none;
            }

            /*New Loader*/
            .input-karnakon{
                background: lightgrey;
                pointer-events: none;
            }
            .new_waiter{
                text-align: center;
                width: 20%;
                background: lightgrey;
                position: fixed;
                height: 30%;
                right: 40%;
                top: 45%;
                z-index: 1000000699;
                border-radius: 10px;
                display: none;
            }
            .new_waiter>label{
                font-weight: bold;
                padding-top: 10%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                color: #ffd101;
                text-shadow: 0px 0px 4px black;
                width: 100%;
                text-align: center;
            }
            .splitter{
                height: 150px;
            }
            .emptyHeaderNotShowInMobile{
                height: 120px;
            }
            @media only screen and (max-width: 600px) {
                .emptyHeaderNotShowInMobile{
                    display: none !important;
                }
                .splitter{
                    display: none;
                }
                .new_waiter{
                    text-align: center;
                    width: 90%;
                    background: lightgrey;
                    position: fixed;
                    height: 30%;
                    right: 5%;
                    top: 45%;
                    z-index: 1000000699;
                    border-radius: 10px;
                    display: none;
                }
                .new_waiter>label{
                    font-weight: bold;
                    color: grey;
                    padding-top: 10%;
                    white-space: nowrap;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }
            }
            .waiting-contain{
                /*padding-left: 34%;
                padding-top: 15%;*/
            }
            .loading7 {
                position: relative;
                border: 5px double #172d5a;
                width: 50px;
                height: 50px;
                margin: 10px auto;
                border-radius: 50%;
                box-sizing: initial;
                border-top-color: transparent;
                border-bottom-color: transparent;
                animation-name: loading3;
                animation-duration: 1200ms;
                animation-iteration-count: infinite;
                -webkit-animation-timing-function: linear;
            }
            .loading7:after {
                content: "";
                position: absolute;
                border: 5px double #172d5a;
                border-top-color: transparent;
                border-bottom-color: transparent;
                width: 36px;
                height: 36px;
                top: 2px;
                left: 2px;
                margin: auto;
                border-radius: 50%;
                box-sizing: initial;
                animation-name: loading7;
                animation-duration: 600ms;
                animation-iteration-count: infinite;
                -webkit-animation-timing-function: linear;
            }
            .loading7 .extra {
                position: relative;
                border: 5px double #0d1c3b;
                width: 25px;
                height: 25px;
                margin: 7px auto;
                border-radius: 50%;
                box-sizing: initial;
                border-top-color: transparent;
                border-bottom-color: transparent;
                animation-name: loading3;
                animation-duration: 1200ms;
                animation-iteration-count: infinite;
                -webkit-animation-timing-function: linear;
                display: flex;
                justify-content: center;
                align-items: center;
                align-content: center;
            }
            .loading7 .extra:after {
                content: "";
                position: relative;
                border: 5px double #172d5a;
                border-top-color: transparent;
                border-bottom-color: transparent;
                width: 20px;
                height: 20px;
                /* top: 2px; */
                /* left: 2px; */
                margin: auto;
                border-radius: 50%;
                box-sizing: border-box;
                animation-name: loading7;
                animation-duration: 300ms;
                animation-iteration-count: infinite;
                -webkit-animation-timing-function: linear;

            }
            @keyframes loading7 {
                0% {
                    transform: rotate(360deg);
                    -ms-transform: rotate(360deg);
                }
                100% {
                    transform: rotate(0deg);
                    -ms-transform: rotate(0deg);
                }
            }
            @-webkit-keyframes loading7 {
                0% {
                    transform: rotate(360deg);
                    -ms-transform: rotate(360deg);
                }
                100% {
                    transform: rotate(0deg);
                    -ms-transform: rotate(0deg);
                }
            }
            /*End Of New Loader*/

            /*Slim-select*/
            .ss-list{
                text-align: right !important;
            }
            .ss-search input{
                text-align: right !important;
            }
            .ss-value-delete{
                color: white;
                border-radius: 100px;
                text-align: center;
                font-weight: bold;
                background: #cc4e4e;
                margin-right: 2px;
                padding: 0px 7px 0px 7px;
                box-shadow: 0px 0px 3px 0px red;
            }

            /*Kadre mostatile sub-menu ha dar header bardashte shavad*/
            #cssmenu1>ul>li>ul{
                background: none !important;
            }


            /*MOBILEMENU*/
            
            .menuMobile-openOrClose-sub-fa{
                color: white;
                font-weight: bold;
                background: #202020;
                padding: 5px 10px 5px 10px;
                border-radius: 3px;
            }

            /*SIDEBAR in menus*/
            .sidebar-imagesh{
                width: 100%;
                text-align: center;
            }
            .sidebar-imagesh img{
                height: 180px;
                width: auto;
                object-fit: cover;
            }
            .sidebar-titlesh{
                width: 100%;
                text-align: center;
                font-weight: bold;
                font-size: 17px;
            }
            .sidebar-descriptionesh{
                width: 100%;
                text-align: center;
                font-weight: bold;
                font-size: 13px;
                text-align:justify;
            }

            /*APPROACH-Menu*/
            /*.approach-megaMenu-contentDiv{*/
            /*    min-height: 300px;*/
            /*    padding-right: 5%;*/
            /*    padding-left: 5%;*/
            /*    border: 2px solid white;*/
            /*    border-radius: 5px;*/
            /*}*/
            /*.approachMenu-eachCat:first-child{*/
            /*    border-right: 0;*/
            /*}*/
            /*.approachMenu-eachCat{*/
            /*    border-right: 1px solid grey;*/
            /*    padding-right: 2%;*/
            /*    min-height: 280px;*/
            /*}*/
/*            .approach-category{*/
/*                margin-bottom: 20px;*/
/*            }*/

/*            .approach-item{*/
/*                width: 100%;*/
/*                padding-right: 3%;*/
/*                white-space: nowrap;*/
/*                overflow: hidden;*/
/*                text-overflow: ellipsis;*/
/*            }*/
/*            .approach-item a {*/
/*    font-size: 13px;*/
/*    color: #ffffffd6;*/
/*}*/
            /*.approach-item a:hover{*/
            /*    color: white;*/
            /*}*/
            /*End Of APPROACH-Menu*/

            /*SERVICE-Menu*/
            .service-megaMenu-contentDiv{
                min-height: 300px;
                padding-right: 5%;
                padding-left: 5%;
                border: 2px solid white;
                border-radius: 5px;
            }
            /*.serviceMenu-eachCat{*/
                /*border-right: 1px solid grey;*/
                /*padding-right: 2%;*/
                /*min-height: 280px;*/
            /*    position: relative;*/
            /*}*/
            .service-category{
                margin-bottom: 20px;
            }
            /*.service-category a{*/
            /*    font-weight: bold;*/
            /*    color: white;*/
            /*    font-size: 16px;*/
                /*text-shadow: 0px 4px 4px darkred;*/
            /*}*/
            .service-item{
                width: 100%;
                padding-right: 3%;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
            /*.service-item a{*/
            /*    font-weight: bold;*/
            /*    font-size: 13px;*/
            /*    color: white;*/
                /*text-shadow: 0px 4px 4px black;*/
            /*}*/
            /*.service-item a:hover{*/
            /*    color: blue;*/
            /*}*/
            /*End Of APPROACH-Menu*/


            .desk-view{
                width: 100%;
                overflow: hidden;
            }
            .mainContent{
                min-height: 400px;
                padding: 80px;
                overflow-x: hidden;
            }
            @media only screen and (max-width: 600px){
                .nam-ctgori-P2 {
    position: relative !important;
    padding: 0 0 7px;
}
                .mainContent{
                    padding-top: 20px;
                    padding-bottom: 100px;
                    padding-right: 10px;
                    padding-left: 10px;
                }
            }
        
/**************Chatbot***************/
.botIcon .botIconContainer {
    /*bottom: 40%;
    right: 0;
    position: fixed;
    z-index: 9999;
    transition: all 0.3s;
    transform: translateX(114px);*/
    
    bottom: 40%;
    left: 0%;
    position: fixed;
    z-index: 9999;
    transition: all 0.3s;
    transform: translateX(-114px);
}
.botIcon .botIconContainer:hover {
    transition: all 0.3s;
    transform: translateX(0px);
}
.iconInner {
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    background: #1b8ad4;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    /*display: flex;*/
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: 16px;
    justify-content: center;
    padding: 12px 14px;
}
.iconInner .fa.fa-headset {
    font-size: 24px;
}
.botSubject, .messages, .showBotSubject .botIconContainer, .showMessenger .botIconContainer {display: none;}

.botIcon .Messages, .botIcon .Messages_list {-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;}
.chat_close_icon {
    color: #fff;
    cursor: pointer;
    font-size: 39px !important;
    display: block;
    text-align: left;
    width: 100%;
    font-weight: bold;
}
.chat_on {background-color: #8a57cf;bottom: 20px;border-radius: 50%;box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12) !important;color: #fff;cursor: pointer;display: block;height: 45px;padding: 9px;position: fixed;right: 15px;text-align: center;width: 45px;z-index: 10;}
.chat_on_icon {color: #fff;font-size: 25px;text-align: center;}
.botIcon .Layout {-webkit-animation: appear .15s cubic-bezier(.25, .25, .5, 1.1);-ms-animation: appear .15s cubic-bezier(.25, .25, .5, 1.1);animation: appear .15s cubic-bezier(.25, .25, .5, 1.1);-webkit-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;animation-fill-mode: forwards;background-color: rgb(63, 81, 181);bottom: 20px;border-radius: 10px;box-shadow: 5px 0 20px 5px rgba(0, 0, 0, .1);box-sizing: content-box !important;color: rgb(255, 255, 255);display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-pack: end;-webkit-justify-content: flex-end;-ms-flex-pack: end;justify-content: flex-end;max-height: 30px;max-width: 300px;min-width: 50px;opacity: 0;pointer-events: auto;position: fixed;-webkit-transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1), min-width .2s cubic-bezier(.25, .25, .5, 1), max-width .2s cubic-bezier(.25, .25, .5, 1), min-height .2s cubic-bezier(.25, .25, .5, 1), max-height .2s cubic-bezier(.25, .25, .5, 1), border-radius 50ms cubic-bezier(.25, .25, .5, 1) .15s, background-color 50ms cubic-bezier(.25, .25, .5, 1) .15s, color 50ms cubic-bezier(.25, .25, .5, 1) .15s;-ms-transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1), min-width .2s cubic-bezier(.25, .25, .5, 1), max-width .2s cubic-bezier(.25, .25, .5, 1), min-height .2s cubic-bezier(.25, .25, .5, 1), max-height .2s cubic-bezier(.25, .25, .5, 1), border-radius 50ms cubic-bezier(.25, .25, .5, 1) .15s, background-color 50ms cubic-bezier(.25, .25, .5, 1) .15s, color 50ms cubic-bezier(.25, .25, .5, 1) .15s;transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1), min-width .2s cubic-bezier(.25, .25, .5, 1), max-width .2s cubic-bezier(.25, .25, .5, 1), min-height .2s cubic-bezier(.25, .25, .5, 1), max-height .2s cubic-bezier(.25, .25, .5, 1), border-radius 50ms cubic-bezier(.25, .25, .5, 1) .15s, background-color 50ms cubic-bezier(.25, .25, .5, 1) .15s, color 50ms cubic-bezier(.25, .25, .5, 1) .15s;z-index: 999999999;}
.botIcon .Layout-open {
    right: 5px;
    bottom: 5px;
    border-radius: 0;
    color: #fff;
    height: 600px;
    max-height: 500px;
    max-width: 350px;
    overflow: hidden;
    -webkit-transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1.1), min-width .2s cubic-bezier(.25, .25, .5, 1.1), max-width .2s cubic-bezier(.25, .25, .5, 1.1), max-height .2s cubic-bezier(.25, .25, .5, 1.1), min-height .2s cubic-bezier(.25, .25, .5, 1.1), border-radius 0ms cubic-bezier(.25, .25, .5, 1.1), background-color 0ms cubic-bezier(.25, .25, .5, 1.1), color 0ms cubic-bezier(.25, .25, .5, 1.1);
    -ms-transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1.1), min-width .2s cubic-bezier(.25, .25, .5, 1.1), max-width .2s cubic-bezier(.25, .25, .5, 1.1), max-height .2s cubic-bezier(.25, .25, .5, 1.1), min-height .2s cubic-bezier(.25, .25, .5, 1.1), border-radius 0ms cubic-bezier(.25, .25, .5, 1.1), background-color 0ms cubic-bezier(.25, .25, .5, 1.1), color 0ms cubic-bezier(.25, .25, .5, 1.1);
    transition: right .1s cubic-bezier(.25, .25, .5, 1), bottom .1s cubic-bezier(.25, .25, .5, 1.1), min-width .2s cubic-bezier(.25, .25, .5, 1.1), max-width .2s cubic-bezier(.25, .25, .5, 1.1), max-height .2s cubic-bezier(.25, .25, .5, 1.1), min-height .2s cubic-bezier(.25, .25, .5, 1.1), border-radius 0ms cubic-bezier(.25, .25, .5, 1.1), background-color 0ms cubic-bezier(.25, .25, .5, 1.1), color 0ms cubic-bezier(.25, .25, .5, 1.1);
    width: 100%;
}
.botIcon .Layout-expand {
    display: none;
    height: 500px;
    overflow: auto;
}
.showBotSubject.botIcon .Layout-expand {display: block;}
.botIcon .Layout-mobile {bottom: 10px}
.botIcon .Layout-mobile.Layout-open {min-width: calc(100% - 20px);width: calc(100% - 20px);}
.botIcon .Layout-mobile.Layout-expand {border-radius: 0 !important;bottom: 0;height: 100%;min-height: 100%;min-width: 100%;width: 100%;}
.botIcon .Messenger_messenger {height: 100%;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;position: relative;width: 100%;}
.botIcon .Messenger_messenger {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;}
.botIcon .Messenger_header {
    background-color: #2d8cc8;
    color: rgb(255, 255, 255);
    padding: 10px;
}
.botIcon .form-group {
    /*width: fit-content;*/
    /*max-width: fit-content;*/
    /*min-width: fit-content;*/
    padding: 3px;
    margin: 0;
}
.botIcon .Messages_list.firstInformation .row {
    justify-content: center;
}
.botIcon .Messenger_header h4 {text-align: right;-webkit-animation: slidein .15s .3s;-ms-animation: slidein .15s .3s;animation: slidein .15s .3s;-webkit-animation-fill-mode: forwards;-ms-animation-fill-mode: forwards;animation-fill-mode: forwards;font-size: 16px;opacity: 0;}
.botIcon .Messenger_prompt {
    font-size: 16px;
    font-weight: 400;
    line-height: 18px;
    margin: 0;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    width: 100%;
}
.botIcon .Messenger_content {background-color: #fff;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-flex: 1;-webkit-flex-grow: 1;-ms-flex-positive: 1;flex-grow: 1;height: 80px;}
.botIcon .Messages {background-color: #f1f1f1;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-flex-direction: column;-ms-flex-direction: column;flex-direction: column;-webkit-box-orient: vertical;-webkit-box-direction: normal;-webkit-flex-shrink: 1;-ms-flex-negative: 1;flex-shrink: 1;overflow-x: hidden;overflow-y: auto;padding: 10px;position: relative;-webkit-overflow-scrolling: touch;}
.botIcon .Input {background-color: #fff;border-top: 1px solid #e6ebea;color: #96aab4;-webkit-box-flex: 0;-webkit-flex-grow: 0;-ms-flex-positive: 0;flex-grow: 0;-webkit-flex-shrink: 0;-ms-flex-negative: 0;flex-shrink: 0;position: relative;width: 100%;}
.botIcon .Input-blank .Input_field {max-height: 20px;}
.botIcon .Input_field {
    background-color: transparent;
    border: none;
    outline: none;
    padding-left: 20px;
    padding-right: 45px;
    resize: none;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    min-height: 51px !important;
    border-top: 1px solid #dfdfdf;
}
.botIcon .Input_button-emoji {right: 45px;}
.botIcon .Input_button {background-color: transparent;border: none;bottom: 15px;cursor: pointer;height: 25px;outline: none;padding: 0;position: absolute;width: 25px;}
.botIcon .Input_button-send {right: 15px;}
.botIcon .Input-emoji .Input_button-emoji .Icon, .botIcon .Input_button:hover .Icon {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);-webkit-transition: all .1s ease-in-out;-ms-transition: all .1s ease-in-out;transition: all .1s ease-in-out;}
.botIcon .Input-emoji .Input_button-emoji .Icon path, .botIcon .Input_button:hover .Icon path {fill: #2c2c46;}
.Icon svg {height: auto;width: 100%;}
.msg.user {direction: rtl;text-align: right;}
.msg {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;direction: ltr;}
/*.msg.user {-webkit-box-direction: row-reverse;-webkit-flex-direction: row-reverse;-ms-flex-direction: row-reverse;flex-direction: row-reverse;}*/
.msg + .msg {margin-top: 15px;}
span.responsText {color: #000;display: inline-block;margin-left: 10px;vertical-align: top;max-width: calc(100% - 50px);}
.msg.user span.responsText {margin-left: 0;margin-right: 10px;}
span.avtr {
    display: inline-flex;
    color: black;
    align-items: center;
    font-size: 20px;
    width: 30px;
}
span.avtr figure {background-color: #ccc;background-position: center;background-repeat: no-repeat;background-size: cover;border-radius: 50%;display: block;margin: 0;padding-bottom: 100%;}
.msg.user span.responsText {
    background: #2d8cc8;
    font-size: 12px;
    padding: 0 12px;
    border-radius: 7px 7px 0 7px;
    color: white;
}
.msg span.responsText {
    background: #ffffff;
    font-size: 12px;
    padding: 0 12px;
    border-radius: 7px 7px 7px 0;
    box-shadow: 1px 1px 1px lightgrey;
}
@-webkit-keyframes appear {
    0% {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
    100% {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}
@-ms-keyframes appear {
    0% {opacity: 0;-ms-transform: scale(0);transform: scale(0);}
    100% {opacity: 1;-ms-transform: scale(1);transform: scale(1);}
}
@keyframes appear {
    0% {opacity: 0;-webkit-transform: scale(0);transform: scale(0);}
    100% {opacity: 1;-webkit-transform: scale(1);transform: scale(1);}
}
@-webkit-keyframes slidein {
    0% {opacity: 0;-webkit-transform: translateX(10px);transform: translateX(10px);}
    100% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
}
@-ms-keyframes slidein {
    0% {opacity: 0;-ms-transform: translateX(10px);transform: translateX(10px);}
    100% {opacity: 1;-ms-transform: translateX(0);transform: translateX(0);}
}
@keyframes slidein {
    0% {opacity: 0;-webkit-transform: translateX(10px);transform: translateX(10px);}
    100% {opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
}
@media only screen and (max-width: 412px) {
	.botIcon .Layout-open {width: 250px;}
}
.Messages_list.afterFirstInformation {
    padding: 20px 14px;
}
.chathbot-BaseDiv .base_title{
    text-align: center;
    font-weight: bold;
    color: #585858;    padding: 13px 0;
}
.chathbot-BaseDiv .btn-chatbot {
    background: #ffffff;
    color: black;
    font-weight: bold;
    box-shadow: 1px 1px 1px 1px #d9d9d9;
    border-radius: 0;
    font-weight: 100;
}
.chathbot-BaseDiv .level_title{
    text-align: center;
    font-weight: bold;
    color: black;
    margin: 14px 0px;
}
.chathbot-BaseDiv .responseLabel {
    margin-top: 20px;
    width: 100%;
    text-align: center;
    font-weight: bold;
    color: black;
    border: 1px solid #d9d9d9;
    margin: 12px 0 0;
    padding: 10px 2px;
    border-radius: 5px 5px 0px 0px;
    border-bottom: none;
    background: #f5f5f5;
    font-size: 15px;
}
.chathbot-BaseDiv .responseTable{
    margin-top: 0px !important;
    border: 1px solid #d9d9d9;
    border-top: none;
}
.botIcon.chathbot-BaseDiv.showBotSubject table {
    font-size: 12px;
}
.chathbot-BaseDiv .responseLabel-nothingFound{
    width: 80%;
    color: black;
    text-align: center;
    background: #e37d7d;
    margin: 20px 10%;
    padding: 20px;
    border-radius: 5px;
    font-weight: bold;
    font-size: 20px;
}
.chathbot-BaseDiv .btn-previous {
    position: absolute;
    left: 35px;
    top: 6px;
    background: transparent;
    color: white;
    font-size: 17px;
}

/*Waiting in chat bot*/
.loading {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 5px auto;
}
.primarios {
  width: 12px;
  height: 12px;
  border-radius: 50%;
  margin: 0px 0px;
  animation: shade 2s ease-in-out infinite;
}
@keyframes shade {
  0%,
  100% {
    background-color: #2c2c2c;
    transform: scale(0.3);
  }

  40% {
    background-color: white;
    transform: scale(1);
  }
  50% {
    background-color: white;
    transform: scale(1);
  }
}

.primarios:nth-child(2) {
  animation-delay: 0.2s;
}
.primarios:nth-child(3) {
  animation-delay: 0.4s;
}
/**************End Of Chatbot***************/

.about-as {
  position: relative;
  background-color: #1f3042;
  background-image: url(../images/about-us.webp);
  background-size: 100%;
  background-repeat: no-repeat;
  padding-bottom: 37px;
}
.container-fluid.w-100 {
  max-width: 100% !important;
}
 .ps-0{
     padding-right:0 !important;
 }
  .pe-0{
     padding-left:0 !important;
 }

 @media screen and (min-width: 768px) { 
     .slider-video{
    max-height:455px;
}
.slider-video video {
 max-height: 100% !important;
height: 455px !important;
}
.slider-items.slick-initialized.slick-slider {
  height: 455px;
}
     .slider-thumbnails {
  position: absolute !important;
  top: 50%;
bottom: 0;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
  right: 50px;
  width: 120px !important;
  z-index: 10;
  height:200;
}
.slider-thumbnails .slick-track{
   width: 120px !important;  
}
   .about-as_carousel_item_head {
  font-size: 72px;
  line-height: 72px;

}  
  .about-as_carousel .owl-stage-outer {
  width: 74.3%;
  padding-top: 5px;
  padding-right: 18px;
  padding-bottom: 85px;
}
     .about-as_carousel .owl-dots {
  position: relative;
  width: 25.7%;
}    
     .about-as_slider {
  width: 47%;
  padding-top: 199px;
margin: 0 auto 0 0;
}
     .about-as_content {
  position: relative;
  padding-top: 69px;
  width: 53%;
  max-width: 578px;
  padding-right: 10px;
}
     }
     .about-as_carousel .owl-nav {
  position: absolute;
  right: 25.7%;
  bottom: 0;
  padding-left: 16px;
  padding-bottom: 22px;
}

 
    
     

.about-as .container, .about-as_carousel.owl-carousel.owl-loaded {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.about-as_carousel_item {
  padding-left: 40%;
}
.about-as_carousel_item_head {
  font-style: italic;
  font-weight: 200;
  color: #71d8a4;
  margin-bottom: 9px;
}
.about-as_carousel_item_text {

  font-style: italic;
  font-weight: 400;
  font-size: 18px;
  line-height: 25px;
  color: #fff;
  padding-right: 5px;
}
.about-as_carousel.owl-carousel.owl-loaded {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.about-as_carousel .owl-dot button {
  font-weight: 600;
  font-size: 16px;
  line-height: 24px;
  color: #768292;
  background-color: transparent;
  border: 1px solid transparent;
  display: inline-block;
  padding: 5px 23px;
  margin: 9px 0;
}
.about-as_carousel .owl-dot::after, .about-as_carousel .owl-dot::before {
  content: '';
  opacity: 0;
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  transition: all .6s;
}
.about-as_carousel .owl-dot::before {
  right: -5px;
  width: 11px;
  height: 11px;
  border: 1px solid #fff;
  border-radius: 50%;
}
.about-as_carousel .owl-dots::before {
  content: "";
  right: 0;
  width: 1px;
  height: calc(100% - 56px);
  background-color: #768292;
}
.about-as_carousel .owl-dot::after, .about-as_carousel .owl-dot::before, .about-as_carousel .owl-dots::before {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}
.about-as_carousel .owl-dot {
  position: relative;
  text-align: right;
}
.about-as_carousel .owl-dot.active button {
  color: #fff;
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  transition: all .6s;
}
.about-as_carousel .owl-dot::after, .about-as_carousel .owl-dot::before {
  content: '';
  opacity: 0;
  -webkit-transition: all .6s;
  -o-transition: all .6s;
  transition: all .6s;
}
.about-as_carousel .owl-dot::before {
  right: -5px;
  width: 11px;
  height: 11px;
  border: 1px solid #fff;
  border-radius: 50%;
}
.about-as_carousel .owl-dot::after {
  right: -2px;
  width: 5px;
  height: 5px;
  background-color: #71d8a4;
}

 .about-as .dp_h1 {
  margin-top: 0;
  margin-bottom: 15px;
  color: #fff;
}
.about-as .dp_h3 {
  color: #71d8a4;
  margin-top: 0;
  margin-bottom: 20px;
}
.about-as_content_text {
  color: #fff;
  text-align: justify;
  font-size: 13px;
}
.about-as_carousel .owl-dot.active::after, .about-as_carousel .owl-dot.active::before {
  opacity: 1;
}
.about-as_carousel.owl-carousel .owl-nav button.owl-next, .about-as_carousel.owl-carousel .owl-nav button.owl-prev {
  border: 2px solid #768292;
  font-size: 0;
  -webkit-transition: .1s all ease-in-out;
  -o-transition: .1s all ease-in-out;
  transition: .1s all ease-in-out;
  cursor: pointer;
}
.about-as_carousel .owl-nav .owl-prev span svg {
  -ms-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.about-as_carousel  .owl-nav span{
   background-color: transparent !important;
    position: relative !important;
    border: none !important;
    display: block !important;
    text-align: center;
    width: 100% !important;
    height: 100% !important;
    top: auto !important;
    right: auto !important;
    left: auto !important;
}
.about-as_carousel .owl-nav button {
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 4px;
  margin: 0 8px;
}
.about-as_carousel .owl-nav button span svg {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}
   @media (max-width: 768px){
     .slider-thumbnails .slick-track{
         width: 90% !important;
text-align: center;
     }
     
 
    .slider-thumbnails.slick-initialized.slick-slider {
  margin-top: 20px;
}   
.slider-video video {
 max-height: 100% !important;
height: 200px !important;
}
.slider-items.slick-initialized.slick-slider {
  height: 200px;
}
    .about-as_content {
      padding-top: 45px;
      width: 100%;
      padding-right: 0;
}
.about-as_slider {
  padding-top: 0;
  margin-top: -3px;
  margin-left: -3px;
}
.about-as .container, .about-as_carousel.owl-carousel.owl-loaded {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.about-as_carousel .owl-stage-outer {
  width: 68%;
  padding-top: 5px;
padding-left: 18px;
padding-bottom: 85px;
}
.about-as_carousel .owl-dots {
  width: 32%;
  position: relative !important;
}
.about-as_carousel.owl-carousel.owl-loaded {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}
.about-as_carousel .owl-nav {
  position: absolute !important;
  left: 25.7% !important;
  bottom: 0 !important;
  padding-left: 16px !important;
  padding-bottom: 22px !important;
  right: auto !important;
  top: 85% !important;
}
#about-as_carousel {
  width: 100%;
}
.about-as {
  background-position: center;
  background-size: cover;
}
.about-as_slider {
  width: 100%;
}
.about-as_carousel_item {
  padding-left: 37%;
}
.about-as_carousel_item_head {
  font-size: 50px;
  line-height: 50px;
} 
.about-as .container {
  padding: 0 20px !important;
}
}
.about-as_content_text p {
  text-align: justify;
}
.slider-thumbnails .slick-slide{
width: 50px !important;
display: inline-block !important;
height: 50px !important;
  margin: 1px !important;
}

.slick-slide img{
  width: 100%;
  outline: none;
  object-fit: contain !important;
  max-width: 100% !important;
}

.thumb{
    border: 1px solid #ccc;
    border-right: 0;
    height: 49px;
    width: 50px;
  
    background-size: cover !important;
background-position: center center !important;
cursor:pointer;
}

.slider-items img {

  height: 100%;
}

.thumb {
  position: relative !important;
}
.slider-thumbnails .slick-slide.slick-current.slick-active .thumb::after {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: rgba(255,255,0,0.6);
  content: '';
}
.slick-next {
  right: 15%;
  z-index: 2;
}
.slick-prev {
  left: 15%;
  z-index: 2;
}

.header-content {
    top: 35% !important;
    right: 30% !important;
}

@media (max-width: 500px){
.header-content {
    top: 31% !important;
    right: -21% !important;}
}

.contct-sl{
    line-height: 55px;
}

  .mbo {
    background: #20202038;
}

.hjd{
    line-height: 38px;
    text-align: justify;
}



.vt-c8{
    height: 244px !important;
}





.owl-dots {
    height: 300px;
    overflow: auto;
}

a.btn-B1.bnt-ooni{
    position: absolute;
    left: 10%;
    bottom: 11%;
}