@font-face {
font-family: irans;
font-style: normal;
font-weight: normal;
src: url("../fonts/iransans.eot");
src: url("../fonts/iransans.eot?#iefix") format("embedded-opentype"), url("../fonts/iransans.woff") format("woff"), url("../fonts/iransans.ttf") format("truetype");
font-weight: normal;
}
@font-face {
font-family: irans;
font-style: normal;
font-weight: normal;
src: url("../fonts/iransans_bold.eot");
src: url("../fonts/iransans_bold.eot?#iefix") format("embedded-opentype"), url("../fonts/iransans_bold.woff") format("woff"), url("../fonts/iransans_bold.ttf") format("truetype");
font-weight: bold;
}
@font-face {
font-family: irans;
font-style: normal;
font-weight: normal;
src: url("../fonts/IRANSansWeb.eot");
src: url("../fonts/IRANSansWeb.woff") format("woff"), url("../fonts/IRANSansWeb.ttf") format("truetype")
}
@font-face {
font-family: irans;
font-style: normal;
font-weight: bold;
src: url("../fonts/IRANSansWeb_Bold.eot");
src: url("../fonts/IRANSansWeb_Bold.woff") format("woff"), url("../fonts/IRANSansWeb_Bold.ttf") format("truetype")
}
a:hover { text-decoration:none }
body {
background:#fff;
font-family:irans, Tahoma, Geneva, sans-serif
}
a { color: #000 }
.row {
padding:0px 0
}
.clear, .clearfix { clear: both }
.txtleft { text-align:left }
.txtright { text-align:right }
.left { float:left }
.right { float:right }
/*.row .row {
margin-top: 10px;
margin-bottom: 0;
}*/
[class*="col-"] {
}
ul {list-style:none;}
hr {
margin-top: 10px;
margin-bottom: 10px;
}
a, a:hover, a:focus { text-decoration:none }
.modal_inner { padding:10px }
form.dialog-form { margin: 0; position:relative; direction: rtl; margin-top:0px }
form.dialog-form h1.title, .modal h1.title {
background:#F1F1F1;
text-align:center;
padding: 15px 0px;
font-size: 18px;
direction:rtl;
color: #02BCAF;
font-weight:bold;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;margin: 0;
}
.modal-inner { direction: rtl; padding: 10px !important; font-size: 11px !important; }
form.dialog-form .row-fluid { width:100%; clear:both; margin:15px auto 0; position:relative; float: right;}
form.dialog-form label { float:right; width:100%; margin:0 0 5px 0; margin: 0 0 5px 0; font-size: 1.2rem; }
form.dialog-form input[type="text"], form.dialog-form input[type="email"], form.dialog-form input[type="password"] {
float:right;
width:100%;
border:1px solid #CCC;
padding:10px;
-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;
font-size: 1.2rem;
}
form.dialog-form .formhint { margin-bottom: 10px; float: right; }
form.dialog-form .formhint a { width:100%; float:right;font-size: 12px; }
form.dialog-form button.wide {
width:100%;
margin:10px auto;
background: #12C376;
border: 0;
padding:8px 0;
color: #fff;
width: 100%;
position:relative;
font-size: 13px;
text-align:center;
}
#preloader {
position: absolute;
top: 0;
left:0;
z-index: 9999999999999999999;
display: none;
width: 100%;
height: 100%;
margin:0;
}
/**
* jQuery toast plugin created by Kamran Ahmed copyright MIT license 2014
* v0.1
*/
.jq-toast-wrap { display: block; position: fixed; width: 100%;  pointer-events: none !important; margin: 0; padding: 0; letter-spacing: normal; z-index:999999999;padding: 0; }
.jq-toast-wrap * { margin: 0; padding: 0; }
.jq-toast-wrap.bottom-left { top: 0px; left: 0px; }
.jq-toast-single { display: block; width: 100%; padding: 22px !important ; margin: 0px; font-size: 1.2rem;  line-height: 17px; position: relative;  pointer-events: all !important; background-color: #444444; color: white;text-align: center !important; direction: rtl; }
.jq-toast-single h2 {  font-size: 14px; margin: 0px 0px 7px; background: none; color: inherit; line-height: inherit; letter-spacing: normal;direction: rtl;text-align: right; }
.jq-toast-single a { color: #eee; text-decoration: none; font-weight: bold; border-bottom: 1px solid white; padding-bottom: 3px; font-size: 12px; }
.jq-toast-single ul { margin: 0px 0px 0px 15px; background: none; padding:0px; }
.jq-toast-single ul li { list-style-type: disc !important; line-height: 17px; background: none; margin: 0; padding: 0; letter-spacing: normal; }
.close-jq-toast-single { position: absolute; left: 7px; font-size: 14px; cursor: pointer;top: 50%;margin-top: -8px;visibility: hidden;display: none; }
.jq-has-icon { padding: 10px 10px 10px 10px; background-repeat: no-repeat; background-position: 10px; }
.jq-icon-info { background-color:rgba(0, 140, 209, 0.9); color: #d9edf7; }
.jq-icon-warning { background-color: #FAF9C9; color:#A6782E !important;  }
.jq-icon-error { background-color:rgba(233, 30, 26, 0.9); color: #f2dede; }
.jq-icon-success { color: #dff0d8; background-color:rgba(48, 180, 51, 0.9); }
#status {
width: 50px;
height: 50px;
position: absolute;
left: 50%;
top: 50%;
background:#fff url(../images/loader.svg);
background-repeat: no-repeat;
background-position: center;
margin: -25px 0 0 -25px;
border-radius: 10px;
box-shadow: 0 0 10px #ccc;
}
.padding { padding:0 10px }
.fsp-content h1 {
text-align: center;
font-weight: bold;
font-size: 15px;
height: 60px;
background: #00AF80;
margin: 0;
padding: 20px;
font-weight: bold;
color: #fff;
}
.servicelist h2 { text-align:center; font-weight:bold }
ul.serv_item {
width:100%
}
ul.serv_item li {
width:50%;
float:right;
text-align:center
}
ul.serv_item li img {
margin:0 auto;
}
ul.serv_item li.lastserv {
width:100%;
float:none;
text-align:center;
padding-bottom: 95px;
}
ul { padding:0; margin:0 }
.fsp-wrapper {
margin-bottom: 44px !important;
}
/*.subservicelist {
position:relative;
}*/
.subservicelist ul {
padding: 0px 0 20px 0;
float: right;
}
.subservicelist ul li {
float: right;
width: 100%;
}
.subservicelist ul li a {
display:block;
text-align: right;
padding: 20px;
color: #1F429C;
background: #fff;
margin: 5px 10px;
border-radius: 10px;
border: 1px solid #ccc;
box-shadow: 0 0 5px #e0e0e0;
}
.subservicetype ul li {
display:block;
text-align: right;
padding: 0;
color: #1F429C;
background: #fff;
margin: 10px;
border-radius: 10px;
}
.subservicetype ul li input { float:right }
.stepform .btngroup {
float: right;
width: 100%;
}
.backbtn {
float: left;
font-size: 17px;
margin: 0 10px 0 0;
line-height: 20px;
font-weight: bold;
border: 1px solid #1BBC9B;
box-shadow: 0 0 5px #fff;
border-radius: 5px;
padding: 10px;
background: #fff;
min-width: 120px;
margin: 10px;
color: #2D3E50;
text-align:center
}
.backbtn:hover { color:#2D3E50 }
.stepform .submit_btn {
background: none;
border: none;
line-height: 20px;
font-size: 17px;
font-weight: bold;
color: #FFF;
border: 1px solid #1BBC9B;
box-shadow: 0 0 5px #fff;
border-radius: 5px;
padding: 10px;
background: #1BBC9B;
min-width: 120px;
float: right;
margin: 0 auto;
width:100%;
text-align:center
}
.vieworder {
text-align: center;
font-size: 16px;
color: #00AF80;
font-weight: bold;
margin: 0 10px 0 0;
display: block;
}
.fsp-close {
font-size: 35px;
left: .5em !important;
top: .1em !important;
position: fixed !important;
z-index: 9999999;
color: #fff;
font-family: Geneva;
}
ul {
list-style: none;
}
label.styled {
background-color: #fff;
display: block;
color: #1E3D98;
transition: all 0.4s ease;
position: relative;
overflow: hidden;
cursor: pointer;
padding: 10px;
border-radius: 5px;
text-align: center;
border: 1px solid #ccc;
box-shadow: 0 0 5px #e0e0e0;
}
input.styled {
display: none;
}
input.styled:checked ~ label.styled {
background-color: #19A15F;
color: #fff;
}
@keyframes throw {
0%,63% {margin-right: 0;}
64% {margin-right: -5px;}
100% {margin-right: 0;}
}
.selectlist li { float:right; width:33.3333%; padding:0 10px; }
.stepform .form-group {
padding:10px;
}
.stepform .form-group label { color: #2D3E50; }
.stepform .form-group input { padding:25px }
.stepform .form-group textarea {
box-sizing: border-box;
resize: none;
}
.subserviceinfo {
padding-top:0px
}
.txtcntr { text-align:center }
.form-group.half {
width: 100%;
float: right;
}
.spectext label { font-weight:bold }
.spectext p { color:#2D3E50; }
small {
direction: rtl;
text-align: right;
float: right;
color: #1E3B97;
}
.done_title {
text-align: center;
font-weight: bold;
color: #2D3E50;
direction: rtl;
font-size: 16px;
}
.done_code {
background: #2D3E50;
color:#fff;
width: 200px;
margin: 25px auto;
padding: 20px;
text-align: center;
font-size: 26px;
letter-spacing: 6px;
border-radius: 10px;
}
.done_text {
text-align: justify;
color: #2D3E50;
direction: rtl;
padding: 10px;
font-size: 12px;
}
.sstitle {
width: 100%;
padding: 10px;
color: #1F409A;
text-align: right;
font-weight: bold;
direction:rtl
}
.loadoptions { display:none }
.form-group.halfhalf {
float: right;
width: 50%;
}
.miniform {
float: right !important;
width: 100% !important;
}
.miniform label { float:right; width:50% }
.miniform .miniinput {
float: right;
width: 20%;
margin: 10px 20px;
padding: 19px;
text-align: center;
}
.miniform .midinput {
float: right;
width: 40%;
margin: 10px 20px;
padding: 19px;
text-align: center;
}
.innertitle {
font-size: 15px;
background: #402693;
direction: rtl;
padding: 0;
color: #fff;
text-align: center;
margin: -40px 0 20px 0;
font-weight: bold;
}
ul.user_prof_list {
float: right;
width: 100%;
margin: 0;
padding: 0 10px;
}
ul.user_prof_list li {
float: right;
width: 30%
}
ul.user_prof_list li {
margin: 10px 1%;
float: right;
width: 48%;
border: 1px solid #cecece;
border-radius: 5px;
box-shadow: 0 0 5px #ccc;
padding: 10px 3px;
text-align: center;
height: 120px;
font-weight: bold;
font-size: 1.2rem;
}
ul.user_prof_list li .mdi {
font-size: 54px;
color: #00AF80;
line-height: 60px;
}
table { direction:rtl }
.servicestatus {
background: #fff;
border-radius: 10px;
position: relative;
margin: 5px auto 10px;
float: right;
width: 100%;
}
.servicestatus .st_item {
direction: rtl;
padding: 20px;
}
.servicestatus .st_item .st_title {
font-weight: bold;
font-size: 14px;margin: 0 0 10px 0;
}
.servicestatus .st_item .st_text {
color:#888;
font-size: 12px;
text-align: justify;height: 50px;
}
.servicestatus .st_item .st_link.active {
float: left;
font-size: 13px;
background: #9ad84d;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
margin:0 10px
}
.servicestatus .st_item .st_link.deactive {
float: left;
font-size: 13px;
background: #ccc;
color: #fff;
padding: 4px 10px;
border-radius: 5px;
}
.servicestatus .st_item .btndanger {
background:#ff7171 !important;
}
.servicestatus .st_item .btndanger a { color:#fff }
.colorgreen {
background: #ebffc9;
border-left: 1px solid #AFE15A;
}
.colorgray {
background: #e6e6e6;
}
.prod_explain_title {
text-align: center;
font-size: 15px;
position: absolute;
top: 0;
right: 0;
width: 100%;
padding: 19px;
color: #fff;
font-weight: bold;
}
.content { direction:rtl }
.content table.basic, .content table.basic tr th, .content table.basic tr td {
border-spacing: 0;
}
.content table.basic {
width: 100%;
margin: 10px auto;
border: 1px solid #E0E4E8;
border-radius: 5px;
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}
.content table.half {
width: 49.5%;
margin: 10px auto;
border: 1px solid #E0E4E8;
border-radius: 5px;
display: inline-table;
box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;
}
.content table.basic.green {
border-color: #85D51C;
}
.content table.basic tr th, .content table.basic tr td {
padding: 10px;
font-size: 14px;
}
.content table.basic tr th {
background: #F6F8F8;
border-right: 1px solid #E0E4E8;
}
.content table.basic tr:first-child th:first-child, .content table.basic tr:first-child td:first-child {
border-radius: 0 5px 0 0;
}
.content table.basic tr:first-child th:last-child, .content table.basic tr:first-child td:last-child {
border-radius: 5px 0 0 0;
}
.content table.basic tr:last-child th:first-child, .content table.basic tr:last-child td:first-child {
border-radius: 0 0 5px 0;
}
.content table.basic tr:last-child th:last-child, .content table.basic tr:last-child td:last-child {
border-radius: 0 0 0 5px;
}
.content table.basic.total tr:first-child td, .content table.basic.order tr:first-child td {
border-top: none;
}
.content table.basic.total tr:first-child td:first-child {
width: 447px;
border-radius: 0 5px 5px 0;
}
.content table.basic.total tr:first-child td:last-child {
border-radius: 5px 0 0 5px;
}
.content table.basic.order tr:first-child td:first-child {
width: 485px;
border-radius: 0 5px 0 0;
}
.content table.basic.order tr:first-child td:last-child {
border-radius: 5px 0 0 0;
}
.content table.basic.order tr:last-child td:first-child {
border-radius: 0 0 5px 0;
}
.content table.basic.order tr:last-child td:last-child {
border-radius: 0 0 0 5px;
}
.content table.basic.green tr th {
border-color: #85D51C;
}
.content table.basic tr td {
border-top: 1px solid #E0E4E8;
border-right: 1px solid #E0E4E8;
}
.content table.resp tr td { border-top:none; border-right:none; }
.content table.basic.green tr td {
border-color: #85D51C;
}
.content table.basic.green tr.alt td {
background-color: #E8F9D1;
}
.content table.basic tr th:first-child, .content table.basic tr td:first-child {
border-right: none;
}
.content table.basic tr td img {
vertical-align: middle;
max-height: 55px;
}
.content table.basic tr td .delete {
display: inline-block;
width: 32px;
height: 32px;
background: url(../images/delete_button.png);background-position: 0 0px;
}
.content table.basic tr td .delete:hover {
background: url(../images/delete_button.png);background-position: 0 32px;
}
.specbtnadrs {
background: #2D3E50;
color: #fff;
padding: 3px 10px;
border-radius: 5px;
font-weight: bold;
font-size: 12px;
margin: 10px auto;
display: block;
width: 150px;
text-align: center;
}
.specbtnadrs:hover { color:#fff }
.addadrsspecbtn {
display: block;
width: 100%;
height: 40px;
border-radius: 5px;
margin-bottom: 20px;
text-align: center;
font-size: 14px;
line-height: 40px;
background: #fff;
color: #1E3D98;
font-weight: bold;
float: right;
cursor:pointer;
margin: 0px auto 0;
border: 1px solid #ccc;
box-shadow: 0 0 5px #e0e0e0;
}
.offcodepost { position:relative }
.offsubmit {
background: #1E3B97;
padding: 5px 15px;
border-radius: 5px;
color: #fff;
float: left;
margin: 10px 0;
}
#offcode {
text-align: center;
}
.offsubmit:hover, .offsubmit:focus { background:#3154C3; color:#fff }
.popupformcontainer {
background: #fff;
padding: 10px;
min-height: 330px;
}
.popupformcontainer form.dialog-form { margin-top: 0; }
.popupformcontainer p {
text-align: center;
margin: 0 0 20px 0;
}
.popupformcontainer form.dialog-form .row-fluid {
width: 75%;
}
ul.mainlist li a {
background:#fff url(../images/gcheck.png) 10px center no-repeat;
color:#3F4042;
direction: rtl;
}
ul.mainlist li a:hover {
background:#fff url(../images/check.png) 10px center no-repeat;
color: #2D3E50;
}
ul.mainlist li a img {
float: right;
width: 46px;
margin: -14px 0 0 10px;
}
span.comment {
font-size: 11px;
color: #b94a48;
margin: 0;
float: right;
width: 100%;
}
.spectext .price {
padding: 25px 0 10px;
border-radius: 5px;
margin: 0;
display: block;
color: #12C376;
font-weight: bold;
text-align: center;
width: 100%;
font-size: 16px;
}
.ensure {
background: #1F40A2;
color: #fff !important;
height: 35px !important;
top: 5px !important;
line-height: 33px;
border-radius: 5px;
}
.subservicelist ul li a.btn {
padding: 6px 10px 5px !important;
margin: 0;
border-radius: 0 !important;
}
.input-group {
width: 45%;
margin: 13px 10px 0 0;
float: right;
}
.subservicelist ul li a.btnup {border-radius: 5px 0 0 5px !important;}
.subservicelist ul li a.btndwn {border-radius:0 5px 5px 0 !important;}
.wheel::before, .wheel::after {
display: inline-block;
font: normal normal normal 24px/1 "Material Design Icons";
font-size: 24px;
line-height: 1;
font-size: inherit;
text-rendering: auto;
line-height: inherit;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.wheel::before {
content: "\F143";
width: 48px;
height: 40px;
position: absolute;
top: 30px;
right: 50%;
margin-right: -24px;
font-size: 50px;
padding: 0;
line-height: 35px;
text-align: center;
color: #1F40A2;
z-index:-1
}
.wheel::after {
content: "\F140";
width: 48px;
height: 40px;
position: absolute;
bottom: 0px;
right: 50%;
margin-right: -24px;
font-size: 50px;
padding: 0;
line-height: 35px;
text-align: center;
color: #1F40A2;
z-index:-1
}
.minioption {
width: 20% !important;
}
.minioption label {
float: right;
width: 100%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.rightpos {
float: right !important;
width: 25% !important;
margin: 20px 0;
color: #1F409A;
}
.pricelist {
width: 50%;
margin:0 auto;
direction: rtl;
padding: 0px;
}
.pricelist .title {
background: #1E3B97;
padding: 10px;
border-radius: 5px;
color: #fff;
}
.pricelist .item span {
float: right;
width: 50%;
margin: 5px 0;
background: #eee;
padding: 10px;
}
.header {
width: 100%;
direction: rtl;
}
.header p {
background: #1E3DAE;
float: right;
padding: 0 20px;
color: #fff;
border-radius: 20px;
}
.header a {
margin: 7px 10px;
color: #1E3DAE;
float: right;
font-size: 13px;
}
.speclabel {
color: #25409A;
width: 25% !important;
margin: 20px 0;
}
.adp-placemark, .adp-directions, .adp-placemark, .adp-legal { display:none; visibility:hidden }
.fann_info {
padding: 4px 0 4px;
font-size: 13px;
height:27px;
}
.innerappcta {
border-top: 1px solid #ccc;
padding: 0 10px;
direction: rtl;
}
.innerappcta .cta_title {
font-size: 16px;
font-weight: bold;
text-align: center;
height: 55px;
background: -webkit-linear-gradient(#1D3E9B, #32D5FA);
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
.innerappcta .cta_title span {
font-size: 45px;
}
.setrate_fann_info {
text-align: center;
font-size: 22px;
font-weight: bold;
margin: 20px auto;
}
.demo-table {
width: 240px;
border-spacing: initial;
margin: 20px auto;
word-break: break-word;
table-layout: auto;
line-height: 1.8em;
color: #333;
}
.demo-table th {
background: #568498;
padding: 5px;
text-align: left;
color: #FFF;
}
.demo-table td {
background-color: #ffffff;
padding: 20px 5px 5px;
}
.demo-table td div.feed_title {
text-decoration: none;
color: #003fff;
font-weight: bold;
}
.demo-table ul {
margin: 0;
padding: 5px;
}
.demo-table li {
cursor: pointer;
list-style-type: none;
display: inline-block;
color: #F0F0F0;
text-shadow: 0 0 1px #666666;
font-size: 50px;
}
.demo-table .highlight, .demo-table .selected {
color: #F4B30A;
text-shadow: 0 0 1px #F48F0A;
}
.star-rating-count {
border-top: #E4E4E4 1px solid;
font-size: 0.8em;
padding: 2px 5px;
background: #f9f9f9;
color: #828181;
}
.popinner .alert.alert-danger {
background: #fff;
border: none;
padding: 5px 0;
}
.popinner .input-group {
position: relative;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-align: stretch;
align-items: stretch;
width: 100%;
margin:0
}
.input-group-prepend {
margin-right: -1px;
}
.input-group-append, .input-group-prepend {
display: -ms-flexbox;
display: flex;
}
.input-group > .custom-file {
display: -ms-flexbox;
display: flex;
-ms-flex-align: center;
align-items: center;
}
.input-group > .custom-file, .input-group > .custom-select, .input-group > .form-control, .input-group > .form-control-plaintext {
position: relative;
-ms-flex: 1 1 auto;
flex: 1 1 auto;
width: 1%;
margin: 5px;
height: 60px;
}
.custom-file {
position: relative;
display: inline-block;
width: 100%;
height: 65px;
margin-bottom: 0;
}
.custom-file-input {
position: relative;
z-index: 2;
width: 100%;
height: calc(1.5em + .75rem + 38px);
margin: 0;
opacity: 0;
}
.input-group > .custom-file:not(:first-child) .custom-file-label {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.custom-control-label::before, .custom-file-label, .custom-select {
transition: background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}
.custom-file-label {
position: absolute;
top: 0;
right: 0;
left: 0;
z-index: 1;
height: calc(1.5em + .75rem + 2px);
padding: 1.6rem .75rem;
font-weight: 400;
line-height: 1.5;
color: #202237;
background-color: #fff;
border: 1px dashed #00C1A2;
border-radius: .25rem;
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
height: 60px;
font-weight: bold;
text-align: center;
}
.custom-file-label span {
font-weight: normal;
font-size: 35px;
text-align: center;
margin: 0 auto;
display: block;
line-height: 30px;
color:#00C1A2
}
.chat_rows .chat_row span {
width: 100%;
display: block;
font-size: 1rem;
font-weight: bold;
color: #728FAC;
}
.chat_rows .date {
float: left;
font-size: 1rem;
margin: 5px;
color: #728FAC;
}
.chat-info .chat-name {
  display: block;
  margin: 0 0 5px 0;
    color: #1A466F;
}
.chat-info .chat-date {
  float: left;
  font-weight:350;
  color:#D2DCE5
}
.chat-info .chat-text {
  font-weight: 100;
  color: #8797A6;
}
.nav {
  list-style: none;
  visibility: visible;
  position: fixed;
  bottom: 0;
  background: #FFF;
  height: 50px;
  z-index: 99999;
  width: 100%;
  display: flex;
  margin: 0;
  padding: 0;
  direction: rtl;
  right: 0;
  box-shadow: 0 0 5px #d7d7d7;
  border-radius: 30px 30px 0 0;
}
.nav li.nav-item {
  width: 33%;
  text-align: center;
  font-size: 0.5rem;
  color: #595E72;
  padding: 5px 0;
  position: relative;
  float: right;
}
.fsp-wrapper.full {
  background: #F1F9F9 !important;
}
.nav-tabs > li > a svg {
  width: 100%;
  display: block;
  text-align: center;
  height: 40px;
}
.nav-item.active .cls-1 {
  fill: #0070EA !important;
}
.newnavlist {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  direction: rtl;
  gap: 10px;
  padding: 0 10px 50px;
}
.newnavlist li {
  font-size: 13px;
  color: #282626;
  flex: 1 0 28%;
  margin: 10px 0;
  background: #fff;
  float: right;
  text-align: center;
  font-weight: 900;
  position: relative;
  box-shadow: 0 0 5px #d9d9d9;
  padding: 5px;
  border-radius: 10px;
}
.icon svg {
  width: 100%;
  height: 50px;
  display: block;
}
.icon {
  background: #F3F9F9;
  float: right;
  width: 100%;
  margin: 5px auto;
  border-radius: 5px;
  padding: 5px 0;
}
.newnavlist li a .title {
  background: #fff;
  color: #343F58;
}
.newnavlist li a .cls-1 { fill:#0070EA }
.newnavlist li a { display:block }
.bazar_mark {
  position: absolute;
  left: 15px;
  font-size: 1.5rem;
  top: 25px;
  color: #289A48;
}