@font-face{src:url(./../fonts/Tajawal-bold.ttf);font-family:Tajawal-bold}
@font-face{src:url(./../fonts/Tajawal-Regular.ttf);font-family:Tajawal}
@font-face{src:url(./../fonts/Tajawal-Medium.ttf);font-family:Tajawal-med}
@import url('https://fonts.googleapis.com/css2?display=swap&family=Cairo');
body{
	direction:rtl;
	text-align:right;
}
a.navbar-brand img {
    width: 75px;
    max-height: 75px;
}
/*header#navbar.in {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    opacity: 1;
}*/
header#navbar.in {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    opacity: 1;
    position: fixed;
    top: 0;
    z-index: 1040;
    width: 100%;
    height: 90px;
    
}
header#navbar.home {
    width: 100%;
    height: 90px;
    background: 0 0;
    position: fixed;
    top: 0;
    z-index: 1040;
}

header#navbar.sticky {
    background: #FFFFFF 0% 0% no-repeat padding-box;  
    box-shadow: 0px 2px 4px #00000029 !important;
    
}
/*
header#navbar.in.sticky {
    background: #FFFFFF 0% 0% no-repeat padding-box;  
    
}

header#navbar.home.sticky {
    background: #e3e3e3; 
    
}*/
#navbar a.nav-link{
    font: normal normal normal 14px/19px Tajawal;
     opacity: 1;
    padding: 10px 15px;
}
#navbar.home a.nav-link{
	color:#fff;
}
#navbar.in a.nav-link {
    color: #262624;
}

#navbar.sticky a.nav-link {
    color: #262624;
}
.header-btn {
    font: normal normal normal 14px/21px Tajawal;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-transform: capitalize;
    opacity: 1;
    padding: 10px ;
}
.in .header-btn{
	color:#262624;
}
.sticky .header-btn{
	color:#262624;
}
a.login {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #FFFFFF;
    border-radius: 4px;
    font: normal normal normal 14px/19px Tajawal;
    letter-spacing: 0px;
    color: #262624;
    padding: 8px 16px;
}
.in a.btn.header-btn.login {
    background: #D5B15F 0% 0% no-repeat padding-box;
}
a.btn.header-btn.notificat {
    padding: 10px 15px;
}
a.navbar-brand {
    margin-right: 0;
	padding:0;
}


section.counseling {
    background: url(./../imgs/con-bg.webp);
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    height: 750px;
}
.home .counseling-content {
    padding-top: 100px;
    z-index: 4;
    position: absolute;
    width: 95%;
    top: 0;
    margin: 200px 0 0;
}
p.counseling__text {
    text-align: right;
    font: normal normal  24px/50px Tajawal;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-shadow: 0px 3px 6px #00000029;
    opacity: 1;
}
.chosen-container.chosen-container-single {
    width: 88% !important;
}
.counseling-box {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #D5B15F33;
    border-radius: 8px;
    padding: 20px;
}
.chosen-container-single .chosen-default {
    border: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #eee), color-stop(80%, #fff));
    background-image: unset;
    -webkit-box-shadow: 0 1px 0 #fff inset;
    box-shadow: unset;
}
p.div-felex {
    display: inline-block;
}
body.page {
    background: #F5F5F5 0% 0% no-repeat padding-box;
}
ul.breadcrumb {
    background: transparent;
   padding: 20px 0 0;
    margin: 0;

}
.breadcrumb span {
    font: normal normal normal 14px/19px Tajawal;
    letter-spacing: 0px;
    color: #D5B15F;
}
.breadcrumb li a {
    font: normal normal normal 14px/19px Tajawal;
    letter-spacing: 0px;
    color: #262624;
}
.nav-tabs .nav-link {
    background: #D5D2CA 0% 0% no-repeat padding-box;
    border-radius: 16px;
    font: normal normal normal 14px/19px Tajawal;
    letter-spacing: 0px;
    color: #262624;
}
.nav-tabs .nav-link.active {
    background: #D5B15F 0% 0% no-repeat padding-box;
    color: #FFFFFF;
    opacity: 1;
}
.box-advice img {
    width: 106px;
    height: 106px;
}
span.mymoney-box img {
    height: unset;
}
.box-advice {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
    padding: 20px;
}
.nav-tabs {
   border-bottom: 0px solid #dee2e6;
    padding-right: 0;
}
div#myTabContent {
    margin-top: 25px;
}
.box-advice p{
    font: normal normal bold 16px/21px Tajawal-med;
    letter-spacing: 0px;
    color: #262624;
    margin-bottom: 10px;
}
.box-advice p span.code-box {
    font: normal normal 14px/19px Tajawal;
    letter-spacing: 0px;
    color: #FFFFFF;
    float: left;
    padding: 5px 20px;
    background: #D5B15F 0% 0% no-repeat padding-box;
    border-radius: 4px;
}
p.date-box {
    font: normal normal 12px/17px Tajawal;
    letter-spacing: 0px;
    color: #807E79;
}
span.sparet {
    border-radius: 5px;
    width: 5px;
    background: #807E79 0% 0% no-repeat padding-box;
    height: 5px;
    display: inline-block;
    margin: 0 6px;
}
.flex {
    display: flex;
}
.dis-flex {
    flex-grow: 1;
}
.box-advice h4 {
    font: normal normal 14px/19px Tajawal;
    letter-spacing: 0px;
    color: #807E79;
}
.box-advice .dis-flex p {
    font: normal normal 16px/22px Tajawal;
    letter-spacing: 0px;
    color: #262624;
}
.btn.box-advice-btn {
    background: #D5B15F00 0% 0% no-repeat padding-box;
    border: 1px solid #D5B15F;
    border-radius: 8px;
    font: normal normal  14px/19px Tajawal;
    letter-spacing: 0px;
    color: #D5B15F;
    padding: 6px 17px;
}
.box-advice h5 {
    font: normal normal  14px/19px Tajawal;
    letter-spacing: 0px;
    color: #807E79;
    opacity: 1;
}
.box-advice h5 img {
    height: 20px;
    width: 24px;
}
.dis-flex.med {
    display: flex;
    align-items: center;
    justify-content: revert;
}
.btn.box {    
    border-radius: 8px;
    font: normal normal 14px/19px Tajawal-med;
    letter-spacing: 0px;
    color: #FFFFFF;
    padding: 10px 30px;
}
.edit {
    background: #252234 0% 0% no-repeat padding-box;
}
.edit_
{
    background: #000 0% 0% no-repeat padding-box !important;
    border: 1px solid #000 !important;
}

.hide-box {
    background: #D55F5F 0% 0% no-repeat padding-box;
}
.btn.box-advice-detal,.advice-detal {
    background: #D5B15F 0% 0% no-repeat padding-box;
    border: 1px solid #D5B15F;
    border-radius: 8px;
    font: normal normal 14px/19px Tajawal;
    letter-spacing: 0px;
    color: #FFFFFF;
    padding: 10px 30px;
}
.dis-flex.last{
	flex-grow: 3;
}
.col.def p {
    padding-right: 29px;
}
p.money {
    font: normal normal  14px/37px Tajawal;
    letter-spacing: 0px;
    color: #807E79;
}
p.money span {
    font: normal normal bold 16px/24px Tajawal;
    letter-spacing: 0px;
    color: #262624;
}
p.money .btn {
    float: left;
    background: #D5B15F 0% 0% no-repeat padding-box;
    border-radius: 4px;
}
span.mymoney-box, span.num-box ,span.mywallet-box{
    float: left;
    background: #D5B15F00 0% 0% no-repeat padding-box;
    border: 1px solid #D5B15F;
    border-radius: 4px;
    display: inline-block;
    font: normal normal  12px/17px Tajawal;
    letter-spacing: 0px;
    color: #D5B15F;
    padding: 5px;
    margin-left: 10px;
}
div#cho1,div#cho2,div#cho3 {
    display: none;
}
div#cho1.activ,div#cho2.activ,div#cho3.activ {
    display: block;
    position: absolute;
    z-index: 99999;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #D5B15F33;
    border-radius: 8px;
    padding: 20px;
}
div#result1,div#result2 ,div#result3{
    font: normal normal  14px/19px Tajawal;
    letter-spacing: 0px;
    color: #807E79;
    padding-right: 29px;
}
.hide{
	display:none !important;
	}


div.controls {
    display: flex;
    max-width: 28em;
    position: absolute;
    z-index: 99999;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 3px 6px #d5b15f33;
    border-radius: 8px;
    padding: 20px;
	    top: 58px;
}
.controls button {
  flex-grow: 1;
  /* height: 3.5rem; */
  min-width: 2rem;
  border: none;
  border-radius: 0.15rem;
  background: #ed341d;
  margin-left: 2px;
  box-shadow: inset 0 -0.15rem 0 rgba(0, 0, 0, 0.2);
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
  color:#ffffff;
  /* font-weight: bold; */
  /* font-size: 1.5rem; */
}

.controls button:hover, #controls button:focus {
  outline: none;
  background: #c72d1c;
}

.controls button::-moz-focus-inner {
  border: 0;
}

.controls button:active {
  box-shadow: inset 0 1px 0 rgba(0, 0, 0, 0.2);
  line-height: 3rem;
}

.controls button:disabled {
  pointer-events: none;
  background: lightgray;
}
/* #controls button:first-child {
  margin-left: 0;
} */

.controls audio {
  display: block;
  width: 100%;
  margin-top: 0.2rem;
}

.controls li {
  list-style: none;
  margin-bottom: 1rem;
}

#formats {
  margin-top: 0.5rem;
  font-size: 80%;
}

#recordingsList{
	max-width: 28em;
}

.form-group.label-col.col, .label-col.col-md-6 {
    display: flex;
    align-items: center;
    justify-content: right;
    margin-bottom: 0;
}
button.search-btn1.btn.btn-primary {
    background: #D5B15F 0% 0% no-repeat padding-box;
    border-radius: 8px;
    opacity: 1;
    padding: 12px 60px;
    border: 0;
    font: normal normal  14px/19px Tajawal;
    letter-spacing: 0px;
    color: #FFFFFF;
}
.form-group.col {
    padding: 0px 15px;
    border-left: 1px solid #e3e3e3;
}
.form-group.col:last-child {
    border: 0;
}
h2.Featured-title {
    font: normal normal bold 24px/36px Tajawal;
    letter-spacing: 0px;
    color: #262624;
    opacity: 1;
    text-align: center;
}
.Featured h3 {
    margin: 10px 0;
    font: normal normal bold 16px/24px Tajawal;
    letter-spacing: 0px;
    color: #262624;
}
.Featured p {
    font: normal normal  14px/19px Tajawal;
    letter-spacing: 0px;
    color: #D5D2CA;
    opacity: 1;
}
.Featured{
	padding:50px 0;
}
.col-sm-6.back-f p {
    position: absolute;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 6px 10px #D5B15F33;
    border-radius: 4px;
    opacity: 1;
    font: normal normal 14px/26px Tajawal;
    letter-spacing: 0px;
    color: #262624;
    padding: 10px;
    bottom: 20px;
    display: flex;
}
.col-sm-6.back-f p img {
    height: 32px;
    width: 32px;
    margin-top: 10px;
}
section.app {
    padding: 30px 0;
    text-align: center;
	margin-bottom:60px;
}
.app-box {
    background: transparent linear-gradient(0deg, #FFFFFF 0%, #FFFFFFE6 100%) 0% 0% no-repeat padding-box;
    opacity: 1;
    position: absolute;
    bottom: -80px;
    width: 95%;
    padding: 38px 0;
}
.app-box p {
    font: normal normal 14px/20px Tajawal;
    letter-spacing: 0px;
    color: #313033;
}
footer {
    background: #252234 0% 0% no-repeat padding-box;
    padding: 34px 0 10px;
    
}
.page-content {
    min-height: 599px;
    margin-bottom: 25px;
    margin-top: 70px;
}
footer h3 {
    font: normal normal bold 24px/36px Tajawal;
    letter-spacing: 0px;
    color: #FFFFFF;
    text-align: center;
}
footer a img {
    width: 45%;
}
ul.footer-menu {
    padding: 0;
}
.footer-menu li.nav-item {
    width: 49%;
    display: inline-flex;
}
.footer-menu a.nav-link {
    font: normal normal normal 14px/19px Tajawal;
    letter-spacing: 0px;
    color: #FFFFFF;
}

.counseling-content {
    position: unset;
    padding: 0;
    margin: 0;
}
section.content {
    padding: 20px 0;
}
.card-header {
    background: white;
    border: oldlace;
    padding: 0 15px;
}
.card-body {
    padding: 8px 20px 0;
}
label.form-check-label {
    font: normal normal  14px/19px Tajawal;
    letter-spacing: 0px;
    color: #807E79;
    padding-right: 20px;
}
.title {
    width: 100%;
    display: inline-block;
    font: normal normal bold 16px/24px Tajawal;
    letter-spacing: 0px;
    color: #262624;
}
span.accicon,span.accicon1 {
    float: left;
}
div#sidebar {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 8px;
    padding: 20px 0;
}
.card-body p {
    margin-bottom: 8px;
}
.card-body p a {
    font: normal normal 14px/19px Tajawal;
    letter-spacing: 0px;
    color: #807E79;
    opacity: 1;
}
.reslut img {
    width: 100%;
    border-radius: 8px;
    max-height: 220px;
}
.details {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    padding: 20px 10px;
}
span.fa.fa-star {
    color: #D5D2CA;
}
.fa.fa-star.checked {
  color: #D5B15F;
}
.details p {
    font: normal normal bold 16px/28px Tajawal;
    letter-spacing: 0px;
    color: #262624;
}
.details p span.left {
    display: inline-block;
    float: left;
}
.details p span:first-child {
    font: normal normal 12px/17px Tajawal;
    letter-spacing: 0px;
    color: #807E79;
}
ul.spechal {
    padding: 0;
    list-style: none;
}
ul.spechal li {
    display: inline-flex;
    font: normal normal  14px/19px Tajawal;
    letter-spacing: 0px;
    color:#807E79;
    padding: 5px 16px;
    border: 1px solid #D5D2CA;
    border-radius: 16px;
    margin: 5px;
}
.details .felx {
    display: flex;
    border-top: 1px solid #e3e3e3;
    margin: 0px -10px;
    padding-top: 12px;
}
.felx p {
    flex-grow: 1;
    text-align: center;
    font: normal normal  14px/19px Tajawal;
    color: #807E79;
}
.felx p:last-child {
    border-right: 1px solid #e3e3e3;
}
.felx p span {
    font: normal normal bold 16px/24px Tajawal;
    letter-spacing: 0px;
    color: #D5B15F;
}
span.cran {
    font: normal normal bold 16px/24px Tajawal;
    letter-spacing: 0px;
    color: #262624;
    padding-right: 7px;
}

.felxvisits {
    display: flex;
    margin-bottom: 20px;
}
img.per {
    width: 90px;
}
.felxvisits p {
    font: normal normal bold 16px/29px Tajawal;
    letter-spacing: 0px;
    color: #262624;
    padding-right: 15px;
}
span.left {
    float: left;
}
span.left.fa.fa-star {
    line-height: 29px;
}
.row.myvisits {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 8px;
    padding: 25px 0;
}
.s img {
    width: 20px;
    }
.myvisits p.s {
    font: normal normal 14px/19px Tajawal;
    letter-spacing: 0px;
    color: #807E79;
}
.myvisits p.s span {
    font: normal normal  16px/22px Tajawal;
    letter-spacing: 0px;
    color: #262624;
}
.p-calender {
    font: normal normal  14px/19px Tajawal;
    letter-spacing: 0px;
    color: #262624;
}
span.left.colord {
    display: inline-block;
    background: #D5D2CA 0% 0% no-repeat padding-box;
    border-radius: 4px;
    width: 14px;
    height: 14px;
    margin-left: 10px;
    margin-top: 1px;
}
table.table-condensed {
    width: 100%;
    background: #F5F5F5 0% 0% no-repeat padding-box;
    border-radius: 4px;
    opacity: 1;
    padding: 10px;
    border-collapse: separate;
}
thead th {
    font: normal normal normal 12px/17px Tajawal;
    letter-spacing: 0px;
    color: #262624;
}
td.muted {
    background: #D5D2CA 0% 0% no-repeat padding-box;
    border-radius: 4px;   
    color: #262624;
}
td {padding: 7px 0;
    font: normal normal 14px/19px Tajawal;
    letter-spacing: 0px;
    color: #D5D2CA;
    text-align: center;
}
footer img {
    width: auto;
}
input#userchat {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 16px;
    font: normal normal normal 14px/19px Tajawal;
    letter-spacing: 0px;
    color: #807E79;
    padding-right: 40px;
}
button.search-btn {
    border: 0;
    background: transparent;
    color: #807E79;
    position: absolute;
    z-index: 999;
    right: 10px;
    font-size: 18px;
}
section.register {
    /*margin: 110px 0;*/
}
.col-6.bg-login {
    background-image: url(../imgs/bg-login.png);
    text-align: center;
    padding: 150px 190px 130px 90px;
   /* margin-bottom: -81px;*/
}
.bg-login p {
	text-align: right;
    font: normal normal  16px/28px Tajawal;
    letter-spacing: 0.96px;
    color: #FFFFFF;
    margin-bottom: 5px;
}
.bg-login li {
	text-align: right;
    font: normal normal  14px/27px Tajawal;
    letter-spacing: 0.84px;
    color: #D5D2CA;
    opacity: 1;
}
section.register .row {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    opacity: 1;
   /* border: 1px solid #F5F5F5;*/
}
.login-content {
    /*padding: 100px 90px;*/
    padding: 100px 175px;
    
}
.login-content h2 {
    font: normal normal bold 24px/36px Tajawal;
    letter-spacing: 1.44px;
    color: #262624;
}
.login-content p {
    font: normal normal 14px/19px Tajawal;
    letter-spacing: 0.84px;
    color: #807E79;
}
.login-content label {
    font: normal normal  14px/19px Tajawal;
    letter-spacing: 0.84px;
    color: #262624;
}
.login-content input.form-control {
    background: #F5F5F5 0% 0% no-repeat padding-box;
    border-radius: 4px;
    border: 0;
    padding: 12px;
}
.login-content a {
    color: #D5B15F;
}
button.btn.btn-primary.login {
    background: #D5B15F 0% 0% no-repeat padding-box;
    border-radius: 4px;
    border: 0;
    width: 100%;
    font: normal normal 16px/36px Tajawal;
    letter-spacing: 0.96px;
}
.input-group-addon {
    position: absolute;
    left: 14px;
    /*top: 13px;*/
    top: 7px;
    z-index: 9999999999;
}
.md-form.form-check {
    padding: 0 25px;
}
.form-check-input {  
    top: 2px;  
    margin-right: -1.25rem;
    margin-left: auto;
}
form#inputForm {
    text-align: center;
}
div#countdown {
    font: normal normal  14px/19px Tajawal;
    letter-spacing: 0.84px;
    color: #D5B15F;
}
p.field_list.group input {
    background: #F5F5F5 0% 0% no-repeat padding-box;
    border-radius: 4px;
    border: 0;
    width: 48px;
    height: 48px;
}
form#inputForm {
    text-align: center;
    margin-top: 55px;
}
button#btn_ok {
    margin-top: 40px;
}
.login-content span {
    font: normal normal  14px/19px Tajawal;
    letter-spacing: 0.84px;
    color: #D5B15F;
}
.form-check {
    padding: 0 20px;
}
.file-drop-area {
    background: #F5F5F5 0% 0% no-repeat padding-box;
    border: 1px dashed #D5B15F;
    border-radius: 4px;
    text-align: center;
    max-width: 100%;
    padding: 25px;
    transition: 0.2s;
    display: block;
    margin-bottom: 1rem;
}
span.choose-file-button {
    display: block;
    text-align: center;
    font: normal normal  14px/45px Tajawal;
    letter-spacing: 0.84px;
    color: #262624;
}
.file-input {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    cursor: pointer;
    opacity: 0;
}
span.file-message {
    color: white;
    background: #D5B15F 0% 0% no-repeat padding-box;
    border-radius: 4px;
    font: normal normal 14px/19px Tajawal;
    letter-spacing: 0.84px;
    padding: 8px 20px;
    display: inline-block;
}
span.or {
    font: normal normal 14px/29px Tajawal;
    letter-spacing: 0.84px;
    color: #262624;
    width: 200px;
    display: inline-block;
    padding: 0 0 20px;
}
span.or:after {   
    margin-right: 10px;
}
span.or:before{
	margin-right: -96px;
}
span.or:before ,span.or:after {
    content: "";
    position: absolute;
    width: 88px;
    height: 1px;
    background: #D5D2CA;
    margin-top: 14px;    
}
.toggle, .toggler {
    display: inline-block;
    vertical-align: middle;
    margin: 10px;
}
.toggle {
    position: relative;
    width: 32px;
    height: 18px;
    border-radius: 100px;
    background-color: #D5D2CA;
    overflow: hidden;
    box-shadow: inset 0 0 2px 1px rgb(0 0 0 / 5%);
}
.switch {
    position: absolute;
    left: 0px;
    left: 0px;
    left: 0px;
    top: 2px;
    bottom: 2px;
    right: 57.5%;
    background-color: #ECF0F1;
    border-radius: 36px;
    z-index: 1;
    transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition-property: left, right;
    transition-delay: 0s, .08s;
    box-shadow: 0 1px 2px rgb(0 0 0 / 20%);
}
.check {
    position: absolute;
    display: block;
    cursor: pointer;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    z-index: 6;
}
.check:checked{
	background: #d5b15f;
}
.check:checked ~ .switch {
    right: 2px;
    left: 57.5%;
    transition: 0.25s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition-property: left, right;
    transition-delay: .08s, 0s;
}
.complet-register p {
    font: normal normal 14px/19px Tajawal;
    letter-spacing: 0.84px;
    color: #262624;
}
form.complet-register {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 8px;
    padding: 30px;
    border: 1px solid #F5F5F5;
}
form.complet-register  label {
    font: normal normal 14px/19px Tajawal;
    letter-spacing: 0.84px;
    color: #262624;
}
.complet-register input, .complet-register select, textarea.form-control {
    background: #F5F5F5 0% 0% no-repeat padding-box;
    border-radius: 4px;
    border: 0;
    padding: 12px;
}
.complet-register select {
    height: 48px !important;
}
button.btn.btn-primary {
    background: #D5B15F 0% 0% no-repeat padding-box;
    border-radius: 4px;
    border: 0;
    font: normal normal  16px/22px Tajawal;
    letter-spacing: 0.96px;
    color: #FFFFFF;
    padding: 13px 60px;
}
.form-check .checker,.form1 .checker {
    width: 18px;
    height: 18px;
    border-radius: 50%;
    margin-right: 8px;
    box-shadow: inset 0 0 0 2px #ccc;
    transition: box-shadow 0.3s ease;
}
.complet-register input[type=radio],.contact-div input[type=radio],div#wallet-money input[type=radio], #login_form input[type=radio] , .has_radio input[type=radio] {
    position: absolute;
    pointer-events: none;
    visibility: hidden;
  }
  
  input:focus + label {     
    background: #eeeeff;
    }
input:focus + label .checker {
      border-color: #d5b15f
    }
  
input:checked + label   .checker {
	box-shadow: inset 0 0 0 6px #d5b15f;    
  }
.complet-register label.form-check-label {
    display: flex;
}
.complet-register label.form-check-label {
    display: flex;
    padding: 0;
}
.complet-register .form-check {
    padding: 0;
    padding-left: 20px;
}
.fq {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 8px;
    padding: 25px;
}
.fqwidget {
    padding: 0 25px;
}
.fq h2 {
    font: normal normal bold 16px/24px Tajawal;
    letter-spacing: 0px;
    color: #262624;
}
.fqwidget h3 {
    font: normal normal bold 16px/24px Tajawal;
    letter-spacing: 0px;
    color: #262624;
}
.fq .card-header {
    background: whitesmoke;
}
.fq .card {
    background: #F5F5F5 0% 0% no-repeat padding-box;
    border-radius: 4px;
    border: 0;
    margin-bottom: 20px;
    padding: 10px ;
}
h5.mb-0 button.btn.btn-link {
    font: normal normal 14px/19px Tajawal;
    letter-spacing: 0px;
    color: #262624;
    width: 100%;
    text-align: right;
    padding: 0;
}
.fq .card-body {
    font: normal normal 14px/19px Tajawal;
    letter-spacing: 0px;
    color: #807E79;
    padding: 10px 20px;
}
.fqwidget ul {
    padding: 0;
}

.fqwidget li a {
    font: normal normal 14px/19px Tajawal;
    letter-spacing: 0px;
    color: #807E79;
    text-decoration: none !important;
}
.fqwidget a:hover {
    font: normal normal 14px/19px Tajawal;
    color: #D5B15F;
}
.fqwidget li {
    list-style: none;
    margin-bottom: 11px;
}
.collapsed img.collapsed-img1,img.collapsed-img2 {
    display: none;
}
.collapsed img.collapsed-img2{
	display:unset;
}
body.page.about-contact {
    background-image: url(../imgs/about-contact.png);
    background-position: 106%  26%;
    background-repeat: no-repeat;
    background-size: contain;
}
.about {
    margin: 30px 0;
}
.about h3 {
    font: normal normal bold 24px/36px Tajawal;
    letter-spacing: 0px;
    color: #D5B15F;
	margin-bottom: 25px;
}
.about p {
    font: normal normal 16px/24px Tajawal;
    letter-spacing: 0px;
    color: #262624;
    font-weight: 500;
    line-height: 1.6 !important;
}
.social-media p {
    font: normal normal 16px/22px Tajawal;
    letter-spacing: 0px;
    color: #262624;
}
.item {
    margin-left: 25px;
}
.social-media .flex {
    margin-bottom: 30px;
}
.contact-div{
	background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 8px;
    padding: 22px;
}
.contact-div p {
    font: normal normal 16px/22px Tajawal;
    letter-spacing: 0.96px;
    color: #262624;
    margin-bottom: 10px;
}
.contact .form-check-label {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border: 1px solid #D5D2CA;
    border-radius: 15px;
    padding: 6px 16px;
    color: #807E79;
}
.contact input:checked + label{
	background: #D5B15F 0% 0% no-repeat padding-box;
	color:white;
	border: 0;
}
.contact .form-check {
    padding: 0;
    padding-left: 15px;
}
.contact input.form-control {
    background: #F5F5F5 0% 0% no-repeat padding-box;
    border-radius: 4px;
    border: 0;
    padding: 12px 10px;
}
.contact button.btn.btn-primary {
width: 100%;
}
.profile,.profile-tab{
	background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 8px;
    padding: 25px;
}
ul#myTabProfile {
    display: block;
}
ul#myTabProfile .nav-link {
    background: transparent !important;
    font: normal normal 14px/19px Tajawal;
    letter-spacing: 0px;
    color: #807E79;
	border: 0 !important;
}
ul#myTabProfile .nav-link.active {
    font: normal normal bold 14px/21px Tajawal;
    color: #D5B15F;    
}
img.pro-img {
    width: 100%;
	width: 100%;
    border-radius: 50px;
}
a-edit {
    position: absolute;
    top: 63px;
    display: none;
    padding: 0;
    color: transparent;
}
.pro-update:hover .a-edit{
	display:unset;
}
.profile-lawyer .a-edit img.img-edit {
    width: 37px;
}
div#menu-edit {
    top: 60px;
    background: #FFFFFF 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 4px #00000029;
    border-radius: 8px;
    width: 155px;
    position: absolute;
    left: 77px;
    padding: 10px;
}
 .div {
    width: 96%;
    height: 1px;
    background: #d8d7d4;
    margin: 0 auto;
}
#menu-edit a {
    font: normal normal normal 12px/17px Tajawal;
    letter-spacing: 0px;
    color: #262624;
    display: block;
    padding: 10px 0;
	text-decoration: none;
}
#menu-edit .delete {
    color: #CB4C4C;
    padding-bottom: 0;
}
.profile label {
    font: normal normal 14px/19px Tajawal;
    letter-spacing: 0px;
    color: #807E79;
}
.profile input {
    background: #F5F5F5 0% 0% no-repeat padding-box;
    border-radius: 4px;
    border: 0;
    padding: 10px 15px;
    height: 48px;
}
button.save.btn.btn-primary {
    width: 100%;
}
.layer {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 8px;
    padding: 27px 20px;
}
.layer p {
    margin: 0;
    font: normal normal 16px/22px Tajawal-med;
    letter-spacing: 0px;
    color: #262624;
    font-weight: 500;
}
.layer p span {
    float: left;
    font: normal normal 28px/39px Tajawal-med;
    letter-spacing: 0px;
    color: #262624;
}
.layer p img {
    margin-left: 8px;
}
.wallet-details .layer {
    margin-bottom: 20px;
}
span.mywallet-box img {
    height: unset;
}
span.num-low {
    float: left;
    font: normal normal 14px/19px Tajawal-med;
    letter-spacing: 0px;
    color: #807E79;
}
.box-advice .div {
    width: 100%;
    margin-bottom: 10px;
}
p.last {
    font: normal normal 14px/39px Tajawal-med;
    letter-spacing: 0px;
    color: #807E79;
    margin: 0;
}
span.price {
    font: normal normal 28px/39px Tajawal-med;
    letter-spacing: 0px;
    color: #D5B15F;
}
.box-advice.lawyer .dis-flex{
	text-align:center;
}
.lawyer img {
    width: 49px;
    height: 49px;
    border-radius: 50%;
}
.scroll-wallet {
    max-height: 594px;
}
.scroll-wallet {
    max-height: 611px;
    overflow-x: hidden;
    overflow-y: auto;
}
#wallet-money .modal-header {
    text-align: center;
    display: block;
    border: 0;
}
div#wallet-money .modal-dialog {
    max-width: 400px;
}
#wallet-money button.close {
    padding: 10px;
    margin: 0;
    position: absolute;
}
h5#wallet-moneyLabel {
    font: normal normal bold 16px/24px Tajawal;
    letter-spacing: 0px;
    color: #262624;
}
#wallet-money label, div#wallet-money p {
    font: normal normal  14px/19px Tajawal-med;
    letter-spacing: 0px;
    color: #807E79;
}
input#money-enter {
    background: #F5F5F5 0% 0% no-repeat padding-box;
    border-radius: 4px;
    border: 0;
    height: 48px;
    font: normal normal 14px/19px Tajawal-med;
    letter-spacing: 0px;
    color: #262624;
	padding: 10px 20px;
}
span.carncy {
    position: relative;
    float: left;
    font: normal normal 14px/19px Tajawal-med;
    letter-spacing: 0px;
    color: #807E79;
    bottom: 30px;
    padding-left: 20px;
}
section.tabvisits {
    padding-top: 15px;
}
#wallet-money label.form-check-label {
    width: 100%;
}
#wallet-money input + label .checker {
    float: left;
}
#wallet-money label.form-check-label {
    width: 100%;
    padding: 0;
}
.form1 {
    position: relative;
    display: block;
}
span.pay-type {
    font: normal normal  14px/19px Tajawal-med;
    letter-spacing: 0px;
    color: #262624;
	padding-right: 10px;
}
img.pay-img {
    padding: 5px 28px 0 0;
    width: 150px;
}
img.pay-img.small {
    width: auto;
    min-width: 30px;
}
#wallet-money .div {
    width: 100%;
    margin: 10px 0;
}
.pay-wallet {
    width: 100%;
}
.profile-lawyer {
    background: #FFFFFF 0% 0% no-repeat padding-box;
    border-radius: 8px;
	padding: 20px;
}
.profile-lawyer .text-center img {
    width: 104px;
    height: 104px;
    border-radius: 50%;
}
p.name-lawyer {
    font: normal normal bold 16px/24px Tajawal;
    letter-spacing: 0px;
    color: #262624;
}
.evaluation{
    font: normal normal  12px/17px Tajawal-med;
    letter-spacing: 0px;
    color: #807E79;
}
.layer-pro h4 {
    font: normal normal 14px/19px Tajawal-med;
    letter-spacing: 0px;
    color: #807E79;
}
.layer-pro .dis-flex {
    text-align: center;
    background: #F5F5F5 0% 0% no-repeat padding-box;
    border-radius: 4px;
    padding: 10px;
    margin-left: 10px;
    max-width: 20%;
}
.layer-pro p {
    font: normal normal 16px/22px Tajawal-med;
    letter-spacing: 0px;
    color: #262624;
}
.col-12.convert {
    margin-top: 20px;
}
.convert h3 {
    font: normal normal 16px/22px Tajawal-med;
    letter-spacing: 0px;
    color: #262624;
	    margin-bottom: 1rem;
}
.convert p{
	font: normal normal  14px/19px Tajawal-med;
	letter-spacing: 0px;
	color: #807E79;
}
.convert p span{
	font: normal normal  14px/19px Tajawal-med;
	letter-spacing: 0px;
	color: #262624;
}
.profile-lawyer button.btn.btn-primary {
    padding: 13px 103px;
}
div#menu-edit img {
    width: unset;
    display: block;
}
.profile-lawyer #menu-edit {
    right: -80px;
}
section.details-advice {
    padding-top: 20px;
}
.card.card-custom.user_chat.m-0 {
    border: 0;
}
ul#myTab {
    padding-top: 20px;
}
.notfi_page_list {
    padding: 15px 0;
    margin: 0;
    list-style: none;
}
.notfi_page_list li {
    padding: 5px 0;
    background-color: transparent;
    border-radius: 5px;
    margin-bottom: 0;
}
.notfi_page_list li .notfi_page_container .date {
    padding-bottom: 10px;
    display: inline-block;
    color: #D5B15F;
    font-weight: 500;
    font-size: 9px;
}
.notfi_page_list li .notfi_page_container .npb {
    padding: 30px;
    background-color: #D5D2CA;
    border-radius: 5px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin: 15px 0;
    color: white;
    font-weight: 600;
}
.notfi_page_list li .notfi_page_container .npb p {
    display: inline-block;
    margin-bottom: 0;
    margin-right: 50px;
}
.notfi_page_list li .notfi_page_container .npb i {
    display: inline-block;
    width: 50px;
    height: 50px;
    font-size: 36px;
    line-height: 1;
    position: absolute;
    top: 25px;
    bottom: 0;
    right: 20px;
    color: #fff;
}
.notification_page_settings {
    padding: 0;
    margin: 0;
    list-style: none;
}
.notification_page_settings li {
    padding: 30px;
    background-color: #D5D2CA;
    border-radius: 5px;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-bottom: 20px;
}
.checkbox_styled {
    text-align: right;
    padding: 15px 0;
    cursor: pointer;
    width: 100%;
    line-height: 2;
    font-weight: 500;
    color: #fff;
}
.checkbox_styled input {
    display: none;
}
.checkbox_styled .checkmark {
    background-color: #f0f0f0;
    height: 30px;
    width: 30px;
    display: inline-block;
    border-radius: 50px;
    margin-left: 10px;
    float: right;
    position: relative;
    padding: 2px 8px;
    font-size: 14px;
}
.checkbox_styled input:checked ~ .checkmark {
    background-color: #D5B15F;
}
.checkbox_styled .checkmark i {
    color: #F7F6F6;
    position: absolute;
    width: 10px;
    height: 10px;
    border-radius: 50px;
}
.checkbox_styled input:checked ~ .checkmark i {
    color: #ffffff;
}
a:hover {
    color: #0056b3;
    text-decoration: none;
}
.dropdown-toggle::after{
	display:none;
}
.dropdown-menu.show {
    text-align: right;
    top: 70%;
    left: 60px;
    max-width: 310px;
}
a.dropdown-item {
    font: normal normal normal 14px/20px Tajawal;
    letter-spacing: 0px;
    color: #313033;
    padding: 10px 20px;
    white-space: unset;
}
a.dropdown-item img {
    margin-left: 10px;
}
a.btn.record p {
    text-align: right;
    display: inline-block;
    position: relative;
    top: -15px;
}

li.page-item .page-link {
    background: transparent;
    color: #d5d2ca;
    line-height: 26px;
    width: 35px;
    height: 35px;
    vertical-align: top;
    border: 0;
    margin: 0 3px;
    line-height: 19px;
}
li.page-item a.page-link:hover, .page-item.active .page-link {
    background: #D5B15F;
    color: white;
    border-radius: 8px;
}
.page-item:last-child .page-link, .page-item:first-child .page-link {
    margin: 0 15px;
    font-size: 34px;
    border-radius: 8px;
    padding: 0 10px 0px;
    background: #D5D2CA;
    color: white;
    line-height: 27px;
    
}
div#imagePop {
    top: 0;
}
#imagePop .image {
    top: 14%;
    left: 0;
    transform: unset;
}
#imagePop .closeIcon {
    right: 25%;
    z-index: 99999999;
}
.image img {
    width: 50%;
    max-height: 550px;
}
.box-advice .col p.detals {
    font: normal normal 14px/24px Tajawal-med;
    letter-spacing: 0px;
    color: #807E79;
    background: #F5F5F5 0% 0% no-repeat padding-box;
    border-radius: 4px;
    padding: 5px 10px;
}
.box-advice .col p {
    font: normal normal 14px/19px Tajawal-med;
    letter-spacing: 0px;
    color: #262624;
}
div#kt_chat_content .card-body {
    padding: 15px 0px 0;
}
textarea#msg {
    width: 85%;
    padding: 10px;
    height: 48px;
}
.send {
    position: absolute;
    right: 18px;
    padding: 0;
    font-size: 12px;
    bottom: 13px;
    height: 48px;
}
.align-items-right .chat-text {
    background: #D5B15F 0% 0% no-repeat padding-box;
    color: #262624;
}
.scroll.scroll-pull {
   padding: 10px 0px;
    position: absolute;
    width: 100%;
    bottom: 74px;
    height: 100%;
    max-height: 545px;
    overflow-y: scroll;
    min-height: 400px;
}
.symbol.symbol-circle {
    margin-right: 10px;
}
.align-items-left .symbol.symbol-circle {
    margin-left: 10px;
    margin-right: 0;
}
 .symbol img {
    width: 60px;
    height: 60px;
    border-radius: 50px;
}

.align-items-left {
   text-align: left;
    direction: ltr;
}
.align-items-left .chat-text {
    background: #F5F5F5;
}
.chat-text {
    padding: 10px;
    border-radius: 8px;
    margin: 0 15px;
    font: normal normal 14px/24px Tajawal-med;
    letter-spacing: 0px;
    color: #807E79;
    width: 90%;
}
span.deta.font-size-sm {
    font: normal normal normal 12px/24px Tajawal;
    letter-spacing: 0px;
    color: #807E79;
}
.timedev {
    margin: 8px 18px;
    direction: rtl;
}
img#image_file {
    height: 200px;
    margin-bottom: 16px;
}
.chat-text.mt-2 video {
    max-width: 100%;
}
.record p img, .attach img, .detalsp img {
    margin-left: 9px;
    width: 24px;
    height: 24px;
}
.card.card-custom.user_chat.m-0 {
    border: 0;
    height: 100%;
}
.record {
    display: block;
    height: 40px;
    padding: 0;
    text-align: revert;
}
.record audio {
    width: 256px !important;
    height: 40px !important;
    border-radius: 0;
    background: #F5F5F5;
	margin-right: 10px;
}
.consultation_file #image_file {
    width: 64px;
    height: 64px;
}
a.pdf {
    background: #F5F5F5 0% 0% no-repeat padding-box;
    border-radius: 4px;
    padding: 10px;
    color: #262624;
    width: 136px;
    display: inline-block;
}
.attach .pdf img.left {
    margin: 0;
	width: 24px;
    height: 45px;
}
a.pdf span {
    font: normal normal normal 12px/24px Tajawal;
    letter-spacing: 0px;
    color: #807E79;
}
.box-advice img.prson {
    border-radius: 50%;
}
.itemoffers {
    padding: 0 20px;
	text-align: center;
}
.box-advice .itemoffers img {
    width: 24px;
    height: 24px;
}
.itemoffers span {
    font: normal normal 16px/22px Tajawal-med;
    letter-spacing: 0px;
    color: #262624;
}
.box-advice .flex p.offers {
    font: normal normal 14px/47px Tajawal-med;
    letter-spacing: 0px;
    color: #807E79;
}
a.btn.uplode-img {
    position: absolute;
    left: 35px;
    bottom: 15px;
}
a.btn.uplode-record {
    position: absolute;
    left: 13px;
    bottom: 15px;
    padding: 0.375rem 0;
}
textarea#msg.shift {
    position: relative;
    left: 0;
    margin: 0 auto 0 0;
    z-index: 9;
}
#chatID .file-drop-area {
    position: absolute;
    border: 0;
    background: transparent;
    left: 47px;
    bottom: 22px;
    padding: 0;
    margin: 0;
}
.counter-time, .actionchat {
    flex-grow: 1;
}
.actionchat.left {
    text-align: left;
}
.card-head {
    padding: 25px;
    border-bottom: 1px solid rgba(0,0,0,.125);
}
.actionchat a {
    background: #D55F5F 0% 0% no-repeat padding-box;
    border-radius: 8px;
    padding: 10px;
    font: normal normal 14px/24px Tajawal-med;
    letter-spacing: 0px;
    color: #FFFFFF;
	display: inline-block;
}
span#time {
    font: normal normal  24px/20px Tajawal-med;
    letter-spacing: 0px;
    color: #D5B15F;
}
span.secen, span.mint {
    text-align: right;
    font: normal  10px/24px Tajawal-med;
    letter-spacing: 0px;
    color: #D5D2CA;
}
.counter-time p {
    margin: 0;
    line-height: 8px;
}
span.secen {
    margin-left: 17px;
}
.pro-update a#editmodel {
    position: absolute;
    top: 66px;
    display: none;
}
.pro-update:hover a#editmodel {
    display: unset;
}
p.w1 {
    font: normal normal 12px/17px Tajawal-med;
    letter-spacing: 0px;
    color: #807E79;
	margin-bottom: 0;
}
p.w2 {
    font: normal normal 14px/19px Tajawal-med;
    letter-spacing: 0px;
    color: #262624;
    margin-bottom: 0;
}
.wait-counter-time {
    /*padding: 10px;*/
    padding: 33% 5px;
    border-radius: 50%;
    background: #f5f5f5 0% 0% no-repeat padding-box;
    border: 1px solid;
    border-bottom-color: #d5b15f !important;
    border-left-color: #eae6ff!important;
    border-right-color: #d5b15f !important;
    border-top-color: #d5b15f !important;
    width: 65px;
    height: 65px;
}
.witting {
    margin-right: 10px;
}
.card-footer p{
	text-align:center;
}
.card-footer p span {
    margin: 0 auto;
    display: inline-block;
    font: normal normal 14px/24px Tajawal-med;
    letter-spacing: 0px;
    color: #807E79;
    padding: 5px 10px;
    background: #F5F5F5 0% 0% no-repeat padding-box;
    border-radius: 8px;
}
.pro-update .file-drop-area {
    position: absolute;
    top: 66px;
    display: none; 
    background: transparent;
    border: 0;
    padding: 0;
}
.pro-update .file-drop-area img {
    height: 40px;
    width: 40px;
}
.pro-update:hover .file-drop-area {
    display: unset;
}






.left{
	float:left;
}
.mt-10{
	margin-top:10px;
}
.mt-20{
	margin-top:20px;
}
.mt-35{
	margin-top:35px;
}
.mt-115{
	margin-top: 115px;
}
.ml-20{
	margin-left:20px;
}
.mb-15{
	margin-bottom:15px;
}
.hr {
    width: 100%;
    height: 25px;
}

.clear-btn
{
    position: absolute !important;
    top: 0 !important;
    right: 15px;width: 125px !important;
    height: 40px !important;
}