/* @import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@300;400;500;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap'); */
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:focus,
.dropdown-menu>.active>a:hover {
    width: 98px;
    border-radius: 2px;
    text-align: center;
}
.dropdown-menu {
    min-width: 100px;
    text-align: left;
    border-radius: 4px;
}
ul.dropdown-menu.dropdown-max-height {
    margin: 12px -15px 0 0 !important;
}
.form-group.google-captcha {width:50% !important}
button#payButton {background: #6f8adf;color: #fff;}
.dropdown-menu>li>a{font-weight:600}
.beamer_defaultBeamerSelector{background-color:#0673c8!important}
#neworder-terms h1.font-blue{color:#3a6ae1}
.rtl .well li{margin:0 3rem 0 0}
.well li{margin:0 0 0 3rem}
.well a{color:#337ab7!important;font-weight:600!important}
a.btn-third{color:#fff!important;font-weight:400!important}
.logo-img{margin:-15px 0 0 0}
.well p,#neworder-terms ul li,.guest footer li,footer li{font-size:16px}
h2.white-font.hero-heading{opacity:0}
input:-webkit-autofill,input:-webkit-autofill:focus{font-family:sans-serif}
.guest footer li:before{content:"\f02b";font-family:'Font Awesome 5 Pro';margin:0 5px 0 5px;color:#6a6383;font-size:12px}
footer li:before{content:"\f02b";font-family:'Font Awesome 5 Pro';margin:0 5px 0 5px;color:#6a6383;font-size:12px}
.guest footer a,footer a{font-weight:500;color:#6a6383}
footer a:hover{text-decoration:none}
.serv-serv.serv-name{justify-content:right;width:-webkit-fill-available;}
.btn{font-size:16px!important}
button.btn.btn-third:hover{color:#fff}
/*@media screen and (max-width:767px){.serv-serv{height:150px!important}}*/
@media only screen and (max-width:500px){
.services-coursal p{font-size:16px}
footer ol, ul{margin-bottom:3rem}
.row.signin-form{overflow:hidden}
.serv-serv.serv-name,.serv-serv.serv-id,input.form-control{font-size:15px;font-weight:400}
.serv-serv.serv-id{width:60px;padding:8px;background:#f1f1f1}
}
.force-text-center {text-align: center !important;margin: 0 500px;font-size: 25px !important;}
@media screen and (max-width:767px){
  .neworder-card h3.white-font {font-size: 20px;}
  .card-img {margin: 0 auto;}
  .force-text-center {margin: 25px 15px;font-size: 20px !important;}
  .sec2-content{margin: 10px !important;}
}
@media screen and (min-width:1200px){
  .force-text-center {margin: 25px 70px;font-size: 20px !important;}
  .sec2-content{margin: 10px !important;}
}
.col-img {
    margin: 5px 0 20px 0;
}
img.img-fluid {
    border-radius: 16px;
    border: 1px solid #ddd;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.1);
  transition: all 0.3s ease;
}
img.img-fluid:hover {
    border: 1px solid #eee;
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.2);
}

.icon-container {width: 60px;height: 60px;margin-bottom: 15px;border-radius: 50%;background-color: #454b72;display: flex;justify-content: center;align-items: center;margin: 0 auto 15px auto;}
.icon-container i {color: #fff;font-size: 24px;}
.close-rtl{float:left;left:unset !important;right:unset !important}
li.pull-right.search {
    margin-top: 20px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{height:100%}
body{font-family:'Tajawal',Roboto,'Open Sans',sans-serif}
.col-md-6 {width:50%;float:left}
.navbar-default .navbar-toggle{border-color:#fff}
.navbar-default .navbar-toggle .icon-bar{background-color:#fff}
.navbar-brand svg{width:170px}
.hidden{display:none}
#wrapper{margin-bottom:30px}
.mt-20{margin-top:20px}
.mt-50{margin-top:50px}
:root{--yellow:#ffe816;--white:#fff}
body.auth{background:#f3f7fb}
.yellow-font{color:var(--yellow)}
.white-font{color:var(--white)}
h1.sevh1{color:#6f8adf;font-weight:600}
.btn-third{background:#6f8adf;width:100%;color:#fff}
.form-control{border:1px solid #454b72}
footer{background-image:linear-gradient(-89deg,#fdeae4 0%,#d5ddf4 100%)}
.social-icons{display:flex;flex-wrap:wrap}
.social-icon a{font-size:19px;color:#454b72!important}
.social-icon{border:1px solid #454b72;margin:5px;border-radius:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center}
footer .footer-img{width:64%;margin:30px 0}
p{color:#6d5c80}
h1,h2,h3,h4,h5,h6{color:#454b72}
.row{display:flex;margin:0}
@media screen and (max-width:992px){
  .row{display:block;margin:0}
}
.row.hero-head{display:block}
.hero-heading{text-align:center}
.justify-content-center{justify-content:center}
.navbar-default .navbar-brand{color:#fff}
.navbar-default .navbar-nav > li > a{color:#fff}
.guest .navbar.navbar-fixed-top{position:absolute}
.guest .navbar{padding:15px 0 17px;background:#454b72;border:none;margin:0}

/* auth navbar  */
.auth .navbar{background:#7896e1;height:91px}
.auth div#navbar, .auth .navbar-header{margin:2rem 0}
.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover{color:#7896e1;background-color:#fff;border-radius:26px}
#first-sec{background-position:100% 0;background-repeat:repeat-y;background-color:#454b72;padding:126px 0 40px}
.hero-first-heading{font-size:50px}
.forgot-password{position:inherit}
.signin-form{margin-top:7rem}
.guest label{color:#675679}
.guest a{color:#fff;text-decoration:none}
.navbar-default .navbar-nav>li>a:hover,.navbar-default .navbar-nav>li>a:focus{color:#fff;background-color:transparent}
.btn-primary{width:100%;padding:7px;background:#fff;color:#454b72}
#second-sec{padding:50px 0}
.sec2-img{width:100%}
.sec2-content{margin:50px;text-align:center}
.sec2-content p{text-align:left;font-size:20px}
.rtl .sec2-content p{text-align:right;direction:rtl}
.rotate180{transform:rotateY(180deg)}
#third-sec{background:#6d5c80}
.multiple-items.slick-initialized.slick-slider{display:flex;margin:0 10rem}
.cur-img{width:20%}
.services-coursal{background:#fff;margin:30px;border-radius:9px;padding:30px;text-align:center}
button.btn.but-sec {width: 100%;background: #675679;color: #fff;}
.slick-slide img {display: block;margin: 0 auto;}
.slick-arrow {padding: 11px;border-radius: 25px;display: flex;align-self: center;border: none;}
@media screen and (max-width: 992px){
  .multiple-items.slick-initialized.slick-slider {margin: 0;}
}
#fourth-sec {margin: 9rem 0;}
.cards {border-radius: 10px;filter: drop-shadow(4.95px 4.95px 28.5px rgba(0,0,0,0.16));margin: 20px;text-align: center;padding: 25px;}
.card1{background-color: #4c6d77;}
.card2{background-color: #d48878;}
.card3{background-color: #6d5c80;}
.card6 {box-shadow: 4.95px 4.95px 28.5px rgba(0, 0, 0, 0.16);}
#fourth-sec h1, #fourth-sec p {color: #fff;margin: 20px 0;}

/*-------------------sign up ----------------------*/
#signup-hero {background: #454b72;padding: 14rem 0;text-align: center;}
#signup-main {margin: 50px 0;}

/*
--------------new order-----------------
*/
.neworder-card h1.white-font {font-size: 25px;}
.neworder-card {background: #7896e1;border-radius: 20px;color: #fff;padding: 20px;min-height: 14em;margin-bottom: 20px;}
.card-img img {width: 25%;}
#neworder-terms {background: #fff;border-radius: 8px;}
h2.font-blue{color:#3260d3}
label.control-label{color:#6f8adf}
.form-control{box-shadow:1px 0px 6px 5px rgb(111 138 223 / 7%);border:transparent}
.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#6f8adf transparent transparent transparent}
.panel-body.border-solid.border-rounded{background: #fff;border-radius:10px;box-shadow:1px 0 6px 5px rgb(111 138 223 / 7%);border:transparent;height:max-content;overflow-y:auto}
#storenumbers .input-group {display: flex;}
.readmorebut{position:absolute;right:40px;left:auto;margin-top:-35px;box-shadow:0px 0px 11px 5px rgb(111 138 223 / 23%);border:transparent;background:transparent;border-radius:8px;padding:5px;z-index:1;width:90px;font-weight:500;text-decoration:none;text-align:center;transition-duration:0.4s;line-height:26px;height:35px}
.rtl .readmorebut{left:40px;right:auto}
.readmorebut:hover{background:#6f8adf}
a.readmorebut:hover{color:#fff;text-decoration:none}

/* Services */
.info-wrap {text-align: start;margin: 30px 0;}
#services h1.font-blue {border-left: 5px solid;border-right: none;padding-left: 10px;padding-right: 0px;}
.info{width:100%;background:#cfe2ff;padding:10px;border-radius:10px;border:1px solid #b6d4fe;text-align:left;font-size:16px;font-weight:500}
.info p{color:#084298}
.success{width:100%;background:#9ccdff;padding:10px;border-radius:10px;text-align:left;font-size: 16px;font-weight: 500;margin: 0 0 15px 0;border:1px solid #54a6ff}
.success p{color:#001429}
.warning{width:100%;background:#fff3cd;padding:10px;border-radius:10px;text-align:left;font-size: 16px;font-weight: 500;margin: 0 0 15px 0;border:1px solid #ffeeba}
.success p a{color:#24f;font-weight:600}
.rtl .info-wrap{text-align:end}
.rtl #services h1.font-blue{border-left:none;border-right:5px solid;padding-right:10px;padding-left:0}
.rtl .info,.rtl .success,.rtl .warning{text-align:right;direction:rtl;justify-content:end}
.search-ul {text-decoration: none;list-style: none;}
.search-wrap{margin: 20px 0;}
.btn-fourth{background: #12af5b;color: #fff;}
thead {color: #646d8f;}
.serv-cat {padding: 12px;background: #6f8adf;border-radius: 12px;color: #fff;font-size: 20px;}
.table>thead>tr>th {vertical-align: bottom;border-bottom: transparent;}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {padding: 8px 0;line-height: 1.42857143;vertical-align: top;border-top: transparent;}
.serv-serv {padding: 7px;background: #f5f5f5;height: 43px;display: flex;align-items: center;}
.serv-serv.serv-id, .cell-first {border-radius: 0px 10px 10px 0;}
.serv-serv.serv-desc, .cell-last {border-radius: 10px 0 0 10px;}
.table-wrap {width: 100%;}

/*order page*/
ul.nav.nav-pills {margin: 15px 0;}
li.search {width: 100%;}
.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {color: #fff;background-color: #646d8f;border-radius: 16px;}
ul.nav.nav-pills.rtl-nav.order-nav {display: flex;}
ul.nav.nav-pills.rtl-nav.order-nav li{background-color: #bdbdbd;margin: 8px 7px;border-radius: 16px;}
ul.nav.nav-pills.rtl-nav.order-nav li a {color: #fff;}
ul.nav.nav-tabs {border: none;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {border: none;}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {background: #646d8f;color: #fff;border-radius: 12px;padding: 6px 50px;margin: 30px 0;}
.nav-tabs>li>a {background: #bdbdbd;color: #fff;border-radius: 12px;padding: 6px 50px;margin: 30px 30px;}
.child-card {background: #fff;border-radius: 10px;box-shadow: 1px 0px 6px 5px rgb(111 138 223 / 23%);text-align: center;padding: 20px;min-height: 295px}
.rtl .child-card {min-height: 270px}
.child-card h4 {
  font-weight:600;
    text-align: center;
    padding-top: 30px;
    width: 90%;
    margin: 0 auto;
}
.child-card p {padding: 20px;font-size:18px}
.rtl ul.nav.nav-tabs {border: none;display: flex;flex-direction: row-reverse;}
.search-wrap .row {align-items: center;}
.rtl .nav-pills>li{float:right}

/* -------------api----------------- */
pre {box-shadow: 1px 0px 6px 5px rgb(111 138 223 / 23%);border: transparent;background: #fff;}

/* media query */
@media screen and (min-width: 768px){
  .desktop-view{display: block;}
  .mobile-view{display: none;}
  .navbar-mob {display: none;}
}
@media screen and (max-width:767px){
  .navbar-brand svg {width: 170px;margin: -45px 0;}
  div#wrapper {margin-top: 150px;}
  .desktop-view{display:none;}
  .mobile-view{display:block;}
  .guest a.dropdown-toggle {text-align: center;}
.navbar-mob {overflow: auto;}
.toggle-cross {padding: 10px;color: #0673c8;font-size: 20px;}
.auth .toggle-cross {color: #fff;}
.toggle-cross span {float: right;}
.rtl .toggle-cross span {float: left;}
div.navbar-mob {width: 100%;height: 100%;background: #fff;z-index: 1030;left: -100%;right: auto;top:0;position: fixed;transition: 1s;}
.rtl div.navbar-mob {right: -100%;left: auto;}
div.navbar-mob.nav-active {left: 0;right: auto;}
.rtl div.navbar-mob.nav-active {right: 0;left: auto;}
.navbar-mob ul.nav.navbar-nav.navbar-right li a {color: #454b72;text-align: center;font-size: 25px;padding: 25px;}
a.dropdown-toggle {color: #454b72;font-size: 20px;}
.nav .open>a, .nav .open>a:focus, .nav .open>a:hover {background-color: transparent;border-color: #337ab7;}
.dropdown-menu>.active>a, .dropdown-menu>.active>a:focus, .dropdown-menu>.active>a:hover {color: #fff;text-decoration: none;background-color: #337ab7;outline: 0;border-radius: 25px;}
ul.nav.navbar-nav.navbar-left-block {margin: 0;}
ul.nav.navbar-nav.navbar-right {margin: 0;}
footer {height: 100% !important;text-align: center;}
.row {overflow: auto;}
.social-icons {justify-content: center;}
#neworder-terms .col-lg-6.col-md-12 {padding: 0 50px;}
#neworder-terms a.btn.btn-third {margin: 25px 0px;font-size:16px}
.auth .navbar-mob.nav-active {background-color: #7896e1;}
.auth .navbar-mob ul.nav.navbar-nav.navbar-right li a {color: #fff;}
.rtl.auth .navbar-mob ul.nav.navbar-nav.navbar-right li a {direction: rtl;}
.auth .navbar-mob .navbar-brand {float: none;}
.auth .navbar-mob .navbar-brand img {margin: 0 25%;}
.mob-shortm {margin: 10px 20%;}
.mob-shortm ul.nav.navbar-nav.navbar-right.navbar-right-block {display: flex;justify-content: space-evenly;}
.rtl .mob-shortm ul.nav.navbar-nav.navbar-right.navbar-right-block {direction: rtl;}
.mob-shortm ul.dropdown-menu.dropdown-max-height {background: #2525a9;position: sticky;border-radius: 10px;}
ul#currencies-list {background: #2525a9;border-radius: 10px;position: sticky;}
.round-shape {width: 40px;height: 40px !important;border-radius: 100%;background-color: #fff;display: flex;justify-content: center;align-items: center;font-size: 19px;}
.round-shape a{color: #7896e1 !important;}
.mob-shortm div#lang {margin: 0;}
.update::before {background: red;display: block;content: '';width: 10px;height: 10px;position: absolute;border-radius: 25px;top: 0;right: 0;}
.mob-shortm ul.nav.navbar-nav.navbar-right.navbar-right-block li div, .mob-shortm .round-wrap {box-shadow: 1px 0px 6px 5px rgb(0 0 0 / 15%);}
.col-lg-12.form-group.d-flex.justify-content-center button {margin: 8px 0 0 0;}
.table-wrap {overflow: scroll;width: 100%;}
footer .footer-img {width: 93%;margin: 50px 0;}
/*.serv-serv.serv-name {width: 500px;}*/
.auth .mobile-view.navbar-fixed-top .navbar-brand {float: left;}
.auth .mobile-view.navbar-fixed-top .navbar-toggle {float: right;margin-right: 15px;border:0}
.search-wrap .row {overflow: visible;}
/*.serv-serv {padding: 50px;background: #fff;height: 43px;display: flex;align-items: center;} */
  .serv-serv {padding: 5px;background: #f5f5f5;height:11rem;display: flex;align-items: center;width: 288px;
}
}

/*   sigin include in signup    */
div#signin-include #second-sec, div#signin-include #third-sec, div#signin-include #fourth-sec, div#signin-include footer, div#signin-include .hero-heading,div#signin-include .navbar-header, div#signin-include #navbar, div#signin-include .row.justify-content-center.resetcheckbox,div#signin-include .navbar.navbar-fixed-top{display: none;}
div#signin-include #first-sec {background-color: transparent;padding: 0;}
div#signin-include .form-group a, div#signin-include .checkbox label {color: #000;}
div#signin-include .row.justify-content-center.signin-form {justify-content: flex-start;}
div#signin-include .container {width: 100%;padding: 0;}
div#signin-include .row {display: block;margin: 0;}
div#signin-include .col-lg-3.col-md-12 {width: 100%;}
div#signin-include .btn-primary {width: 100%;background: #675679;color: #fff;}

/* currency and nav setting */
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover {color: #555;background-color: transparent;}
div#lang {margin: 0 15px;}
.round-wrap {width: 40px;height: 40px !important;background: url('https://storage.perfectcdn.com/729f2a/i9qgsmybozyrhmle.png');border-radius: 100%;background-size: cover;background-position: center;}
img.footer-logo-img {/* margin: 20px 0; */width: 230px;}
.navbar-brand {height: auto;}
.logo-img{width: 180px;}
#signin-include .header.desktop-view {display: none;}
.form-border {border: 1px solid #ffffff9c;border-radius: 30px;height: auto;}
footer h1 {font-size: 25px;}
.full-active{height: 100% !important;}
.full-active::-webkit-scrollbar {display: none;}
.f-cards {min-height: 210px;}
.auth footer ul li {list-style: none;margin: 16px 0px;}
.auth li i {padding: 0 0 0 5px;}
th {text-align: center;}
.auth .mob-shortm li i {padding: 0;}
a.readmorebut {background: #fff;}
td div {justify-content: center;}
input:-webkit-autofill,input:-webkit-autofill:focus {transition: background-color 600000s 0s, color 600000s 0s;}

/* rtlcss */
.rtl .row{direction: rtl;}
.rtl .head-heading {text-align: right;}
.rtl .navbar-default .navbar-nav > li > a {direction: rtl;}

/* Changes after deployment */
@media screen and (min-width: 1300px){
  nav.navbar.navbar-default.navbar-static-top.desktop-view {zoom: 100%;}
}
@media screen and (min-width: 1200px){nav.navbar.navbar-default.navbar-static-top.desktop-view {zoom: 84%;}}
@media screen and (max-width: 1199px){nav.navbar.navbar-default.navbar-static-top.desktop-view {zoom: 80%;}}
@media screen and (max-width:1149px){nav.navbar.navbar-default.navbar-static-top.desktop-view {zoom: 62%;}}
@media screen and (max-width:874px){nav.navbar.navbar-default.navbar-static-top.desktop-view {zoom: 52%;}}
@media screen and (max-width:700px){
  nav.navbar.navbar-default.navbar-static-top.desktop-view {zoom: 50%;}
  .col-sm-12 {width: 100%;}
  tr,th{font-size:small;text-wrap:pretty}
}

@media screen and (min-width:767px){
.table {width: 100%;max-width: 100%;margin-bottom: 20px;table-layout: fixed;border-collapse: separate;border-spacing: 0 20px;}
  .serv-serv {word-break: break-all;height: auto;}
  td{background: #fff;}
  td:first-child,th:first-child {border-radius: 10px 0 0 10px}
  td:last-child,th:last-child {border-radius: 0 10px 10px 0px}
  .rtl td:first-child,.rtl th:first-child {border-radius: 0 10px 10px 0px;}
  .rtl td:last-child,.rtl th:last-child {border-radius: 10px 0 0 10px;}
}
@media screen and (min-width:905px){
  td:first-child,th:first-child {width:5rem}
  td:last-child,th:last-child {width:18rem}
  th.width-service-name{width:25rem}
  th.nowrap{width:7rem}
  th.service-description__th{width:15rem}
}
@media screen and (min-width:1200px){
  td:first-child,th:first-child {width:5rem}
  td:last-child,th:last-child {width:18rem}
  th.width-service-name{width:35rem}
  th.nowrap{width:13rem}
  th.service-description__th{width:20rem}
}
/*#supahub-portal-widget-popup button{background-color:#0673C8 !important;} */
#supahub-portal-widget-popup button{background-color:#454b72 !important;}

iframe#supahub-portal-widget-popup ~ button {
    background: #454b72 !important;
  margin-bottom : 20px;
}
button.tog-but {
    padding: 8px;
    width: 60px;
    height: 60px;
    border-radius: 10px;
  	font-size: 30px;
}
.des-sidenav.desktop-view, .container {transition: 1s;}
.des-sidenav.desktop-view.shrink .sidenav-text {display: none;}
.des-sidenav.desktop-view.shrink {width: 75px;}

.des-sidenav.desktop-view.shrink ~ .container,footer.shrink {
    margin-left: 70px;
  	margin-right: auto;
}
.rtl .des-sidenav.desktop-view.shrink ~ .container,.rtl footer.shrink {
    margin-right: 70px;
  	margin-left: auto;
}
ul.nav.nav-pills.order-nav li a:hover {
    background: transparent;
}
/*-----------Day night mode--------------*/
body.auth.nightmode {
    background: #000;
}
.nightmode span.select2-selection.select2-selection--single.form-control, .nightmode .panel-body.border-solid.border-rounded, .nightmode input.select2-selection.select2-selection--single.form-control,.nightmode button.input-wrapper__prepend, .nightmode .form-control,.nightmode .help-block, .nightmode .des-sidenav-ul li a, .nightmode .hrm-item .hrm-link .hrm-icon, .nightmode .menu-icon.currencySymbol, .nightmode .select2-results__option a, .nightmode span.select2-dropdown.dropdown-menu, .nightmode .cards, .nightmode .cards p,.nightmode .child-card,.nightmode .child-card p, .nightmode h4,.nightmode .modal-header, .nightmode .modal-body, .nightmode button.tog-but, .nightmode button#dropdownMenuButton000, .nightmode .dropdown-menu.addfund-list, .nightmode a.dropdown-item.addfund-item-parent, .nightmode a.dropdown-item.addfund-item{
    background: #333;
    color: #fff;
}

.nightmode .neworder-card .card-img img {
    filter: invert(1);
}
.nightmode .cards h3 {
    color: #8e9dff;
}
.nightmode td, .nightmode .serv-serv {
    background: #333;
    color: #fff;
}

.nightmode .well{
    background: #000;
}

.nightmode nav.navbar.navbar-default.navbar-static-top, .nightmode .des-sidenav, .nightmode .neworder-card, .nightmode .btn-third, .nightmode .serv-cat {
    background: #004aad;
}
.nightmode .panel-body.border-solid.border-rounded.text-center p {
    color: #fff !important;
}


.mob-shortm {
    margin: 0;
}
.mob-shortm a.hrm-link {
    padding: 0 !important;
}
.mob-shortm .dropdown {
    box-shadow: none !important;
}
.mob-shortm .hrm-text {
    box-shadow: none !important;
}
.mob-shortm a.dropdown-toggle {
    padding: 0 !important;
}

.mob-shortm .dropdown.open {
 /*    padding: 0; */
 /*   position: absolute; */
 /*    z-index: 1; */
  background: transparent;
}

ul.dropdown-menu.dd-menu, .desktop-view #lang ul.dropdown-menu.dropdown-max-height {
    min-width: 125px !important;
    text-align: center;
}

.mob-shortm ul.dropdown-menu.dd-menu, .mob-shortm #lang ul.dropdown-menu.dropdown-max-height {
    position: absolute;
    left: 50% !important;
    transform: translateX(-40px);
    top: 60px;
    min-width: 100px;
    background-color: #fff;
}
.rtl .mob-shortm ul.dropdown-menu.dd-menu, .rtl .mob-shortm #lang ul.dropdown-menu.dropdown-max-height {
   transform: translateX(30%);
 }
.mob-shortm .jj a.dropdown-item {
    font-size: 16px !important;
    color: #000 !important;
  	padding: 0 !important;
}
.mob-shortm ul.nav.navbar-nav.navbar-right.navbar-right-block.jj li {
    margin: 0;
}
.mob-shortm ul#currencies-list {
    background: #fff;
  transform: translateX(-40%);
}
.rtl .mob-shortm ul#currencies-list {
    background: #fff;
  transform: translateX(25%);
}
a#currencies-item {
    color: #000;
    padding: 4px;
}
.rtl .navbar-mob ul.nav.navbar-nav.navbar-right li a {
    text-align: right;
    font-size: 19px;
    padding: 10px 25px;
}
.navbar-mob ul.nav.navbar-nav.navbar-right li a{
  text-align: left;
    font-size: 19px;
    padding: 10px 25px;
}

.mob-shortm {
    margin: 0 30px;
    background: #667fbd;
    border-radius: 20px;
    /* position: absolute; */
    bottom: 11px;
    display: flex;
    justify-content: center;
}
.mob-shortm ul.nav.navbar-nav.navbar-right.navbar-right-block li div,
.mob-shortm .round-wrap{box-shadow: none;}
.mob-shortm {margin-top: 30px;}
.mob-shortm #lang li a {font-size: 16px;padding: 4px;background: transparent;color: #000;}
.header-user {border-left: 1px solid #F3F3F3;padding-left: 25px;}
.header-user {padding: 10px;border-radius: 50px;background-color: #667fbd;display: block;width: calc(100% - 0);margin: 15px 26px;}
.header-user .row.align-items-center {align-items: center!important;display: flex;}
.header-user .hu-username {font-weight: 600;font-size: 16px;line-height: 20px;color: #fff;margin-bottom: 4px;}
.header-user .hu-balance {font-weight: 600;font-size: 14px;line-height: 17px;color: #fff;opacity: 0.4;}
.navbar-mob .navbar-brand {display: contents;}
.navbar-mob .mob-shortm ~ ul.nav.navbar-nav.navbar-right {margin-top: 50px;}