.ico {
    font: normal normal normal 14px/1 icons;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: inherit;
    display: inline-block;
}
@keyframes ico-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn);
    }
}
.ico-spin {
    -webkit-animation: ico-spin 2s linear infinite;
    animation: ico-spin 2s linear infinite;
}
.spinner--steps {
    animation: ico-spin 1s infinite steps(8);
}
.lodspin {
    position: absolute;
    left: calc(50% - 12px);
    font-size: 24px;
    width: 24px;
    opacity: 0;
    line-height: 24px;
}
.inload {
    opacity: 0.6;
    position: relative;
}
.inload span {
    opacity: 0;
}
.inload .lodspin {
    opacity: 1;
}
* {
    border: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
    outline: 0;
    box-sizing: border-box;
}
body {
    background: rgb(241 241 241);
    color: rgb(34 34 34);
    direction: rtl;
    font-size: 14px;
    line-height: 24px;
    font-family: kufi, naskh, sans-serif, tahoma, arial;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    font-family: kufi, open sans, sans-serif;
    color: #222;
    line-height: 1.84;
}
h1 {
    font-size: 24px;
    line-height: 1.6em;
}
p {
    margin-bottom: 20px;
    font-size: 16px;
    font-family: naskh, open sans, sans-serif;
    line-height: 2rem;
}
article {
    line-height: 2rem;
    font-size: 16px;
    font-family: naskh, open sans, sans-serif;
    word-break: break-word;
}
.img {
    width: 100%;
    height: 100%;
}
button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
.container {
    padding-top: 60px;
}
.content {
    margin: auto;
    max-width: 1200px;
    padding-left: 18px;
    padding-right: 18px;
    box-sizing: border-box;
}
.hidden {
    display: none;
}
.text-right {
    text-align: right;
}
.text-center {
    text-align: center;
}
.text-left {
    text-align: left;
}
.fexed-container {
    position: fixed;
    width: 100%;
}
.strloading {
    height: auto;
    left: 0;
    min-height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 400;
}
.bagLoding {
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    background: rgba(37, 37, 37, 0.6);
}
.loadingBody {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 2px 26px rgba(0, 0, 0, 0.3), 0 0 0 1px rgba(0, 0, 0, 0.1);
    margin: 40px auto;
    position: relative;
}
.b_flodspin {
    text-align: center;
    padding: 34px 0;
    font-size: 26px;
    line-height: 26px;
    color: #666866;
}
.loadinBar {
    padding: 10px 30px;
}
.loadinBar .progress {
    border-radius: 3px;
    height: 10px;
}
.loadinBar .progress-bar {
    border-radius: 3px;
    height: 10px;
    background-color: #5cb85c;
}
.loadinBar .loadingPr {
    margin-top: 6px;
    text-align: center;
}
.row {
    display: flex;
    flex-wrap: wrap;
}
.row-reverse {
    flex-direction: row-reverse;
}
.col-all {
    flex: 4;
}
.col {
    flex: 1 0 0%;
}
.col-1 {
    flex: 0 0 auto;
    width: calc(100% / 12);
}
.col-2 {
    flex: 0 0 auto;
    width: calc(100% / 6);
}
.col-3 {
    flex: 0 0 auto;
    width: 25%;
}
.col-4 {
    flex: 0 0 auto;
    width: calc(100% / 3);
}
.col-5 {
    flex: 0 0 auto;
    width: calc(100% / 2.4);
}
.col-6 {
    flex: 0 0 auto;
    width: 50%;
}
.col-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
}
.col-8 {
    flex: 0 0 auto;
    width: calc(100% / 1.5);
}
.col-9 {
    flex: 0 0 auto;
    width: 75%;
}
.col-10 {
    flex: 0 0 auto;
    width: calc(100% / 1.2);
}
.col-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
}
.col-12 {
    flex: 0 0 auto;
    width: 100%;
}
.is-grid {
    display: grid;
    grid-gap: 20px;
}
.is-grid.grid-1 {
    grid-template-columns: repeat(1, 1fr);
}
.is-grid.grid-2 {
    grid-template-columns: repeat(2, 1fr);
}
.is-grid.grid-3 {
    grid-template-columns: repeat(3, 1fr);
}
.is-grid.grid-4 {
    grid-template-columns: repeat(4, 1fr);
}
.is-grid.grid-5 {
    grid-template-columns: repeat(5, 1fr);
}
.is-grid.grid-6 {
    grid-template-columns: repeat(6, 1fr);
}
.form-group {
    margin-bottom: 20px;
}
.form-label {
    margin-bottom: 10px;
    display: block;
    font-size: 14px;
    color: #222;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type="number"] {
    -moz-appearance: textfield;
}
.form-input {
    display: block;
    width: 100%;
    height: 40px;
    padding: 9px 10px;
    font-size: 14px;
    line-height: 1.42858;
    color: #222;
    background-color: #f7f9fc;
    border: 1px solid #8e9198;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    box-sizing: border-box;
    font-family: naskh, kufi, sans-serif;
}
.form-input[disabled] {
    cursor: not-allowed;
    background-color: #e9ecef;
}
textarea.form-input {
    overflow: auto;
    resize: vertical;
    height: auto;
    line-height: 32px;
    font-size: 16px;
}
.form-input:focus {
    background: #fcfdfd;
    border-color: #8e9198;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.form-phone.form-input {
    padding: 0;
    display: flex;
    background: #fff;
}
.form-phone .prefix {
    width: 80px;
    border-right: 1px solid #8e9198;
    background: #f1f1f1;
    position: relative;
}
.form-phone .prefix select {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
    bottom: 0;
    background: 0 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    font-family: arial, sans-serif;
    padding: 0 9px;
}
.form-phone .prefix:after {
    content: "\f0dd";
    position: absolute;
    left: 10px;
    top: 12px;
    font: normal normal normal 14px/1 icons;
    font-size: 14px;
    text-rendering: auto;
    font-smoothing: antialiased;
    color: #222;
    pointer-events: none;
}
.form-phone input {
    width: calc(100% - 56px);
    box-sizing: border-box;
    padding: 0 8px;
    background: 0 0;
}
.form-select {
    position: relative;
}
.form-select:after {
    content: "\f0dd";
    position: absolute;
    left: 10px;
    top: 12px;
    font: normal normal normal 14px/1 icons;
    font-size: 14px;
    text-rendering: auto;
    font-smoothing: antialiased;
    color: #222;
    pointer-events: none;
}
.form-select select {
    width: 100%;
    height: 40px;
    padding: 9px 10px;
    font-size: 14px;
    line-height: 1.42857;
    color: #222;
    background-color: #f7f9fc;
    border: 1px solid #8e9198;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    font-family: naskh, kufi, sans-serif;
}
.form-select select * {
    font-family: naskh, kufi, sans-serif;
}
.has-error .form-input,
.has-error .form-select select {
    border-color: rgb(220 53 69);
}
.text-error {
    color: rgb(220 53 69);
    margin-top: 4px;
}
.form-password {
    position: relative;
}
.form-password button {
    position: absolute;
    top: 11px;
    left: 11px;
    background: 0 0;
    font-size: 18px;
    color: #444;
    height: 18px;
    line-height: 18px;
    cursor: pointer;
}
.form-password button[status="show"] {
    color: #52b035;
}
.form-note {
    display: block;
    margin-top: 5px;
    margin-bottom: 10px;
    color: #626262;
    font-size: 14px;
    font-family: naskh, sans-serif;
}
.form-require {
    display: inline-block;
    color: #e51c23;
}
.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
}
.input-group-addon {
    padding: 6px 12px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    color: #555;
    text-align: center;
    background-color: #eee;
    border: 1px solid #8e9198;
    display: table-cell;
    width: 1%;
    vertical-align: middle;
    border-right: 0;
}
.btn {
    display: inline-block;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.8em;
    user-select: none;
}
.btn-primary {
    color: #fff;
    background-color: #52b035;
    border: 1px solid #52b035;
}
.btn-primary:hover {
    color: #fff;
}
.btn-transparent {
    color: #52b035;
    border: 1px solid #52b035;
}
.btn-transparent:hover {
    color: #fff;
    background-color: #52b035;
}
.btn-default {
    color: #575858;
    background-color: #f5f5f5;
    border: 1px solid #bababa;
}
.btn-default:hover {
    color: #575858;
    background-color: #fff;
    border-color: #c2c2c2;
}
.btn[send="false"] {
    opacity: 0.6;
    cursor: default;
}
.alert {
    padding: 15px;
    margin-bottom: 20px;
    border: 1px solid transparent;
    border-radius: 4px;
    color: #222;
}
.alert-success {
    background-color: #c9f6d1;
    border-color: #c9f6d1;
}
.alert-danger {
    background-color: #fad1d1;
    border-color: #fad1d1;
}
.alert-info {
    background-color: #d1ecf1;
    border-color: #bee5eb;
}
.table {
    width: 100%;
    border-spacing: 0;
    text-align: center;
}
.table tr th {
    padding: 6px 20px;
    border-top: 1px solid #f1f1f1;
    background-color: #f5f7f6;
    background-image: linear-gradient(#fff, rgb(239, 239, 239));
    font-weight: 400;
    border-bottom: 1px solid rgb(222 222 222);
    color: #444;
}
.table tr td {
    padding: 16px 20px;
    border-bottom: 1px solid #f1f1f1;
}
.modal-open {
    overflow: hidden;
}
.modal {
    display: none;
    position: fixed;
    z-index: 20;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow: auto;
    background-color: rgba(0, 0, 0, 0.6);
}
.modal-content {
    position: relative;
    pointer-events: auto;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    margin: auto;
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    max-width: 500px;
    margin-top: 50px;
}
.modal-close {
    position: absolute;
    left: 16px;
    top: 13px;
    height: 14px;
    width: 14px;
    line-height: 14px;
    text-align: center;
    font-size: 14px;
    display: block;
    cursor: pointer;
    color: #999;
}
.modal-close:hover {
    color: #666;
}
.modal-body {
    padding: 20px;
}
@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }
    to {
        top: 0;
        opacity: 1;
    }
}
@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }
    to {
        top: 0;
        opacity: 1;
    }
}
.header {
    height: 60px;
    background-color: #444;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 9;
    box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.12);
}
.button-menu {
    height: 60px;
    width: 58px;
    float: right;
    text-align: center;
    line-height: 60px;
    font-size: 26px;
    color: #fff;
    margin-right: -16px;
    cursor: pointer;
}
.button-menu:hover {
    background-color: #888;
}
.overlay {
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    display: none;
}
.header-menu {
    width: 250px;
    position: fixed;
    top: 0;
    right: -250px;
    z-index: 999;
    background: #fff;
    transition: all 0.3s;
    overflow-y: scroll;
    box-shadow: 3px 3px 3px rgb(0 0 0/20%);
    bottom: 0;
}
.header-menu::-webkit-scrollbar {
    display: none;
}
.header-menu.open-menu {
    right: 0;
}
.head-m {
    background: #f1f1f1;
    overflow: hidden;
    height: 47px;
    border-bottom: 1px solid rgb(229 229 229);
}
.head-m .close {
    float: left;
    width: 32px;
    height: 32px;
    line-height: 30px;
    text-align: center;
    margin-top: 7px;
    margin-left: 14px;
    cursor: pointer;
    border: 1px solid rgb(200 200 200);
    color: rgb(140 140 140);
    font-size: 14px;
}
.head-m .logo-m {
    height: 35px;
    width: 106px;
    margin-right: 18px;
    background-image: url(../images/codeek.png);
    float: right;
    background-size: cover;
    margin-top: 5px;
}
.subnav {
    position: relative;
    display: block;
    padding: 14px;
    color: #484848;
    font-size: 14px;
    line-height: 1.4285714;
    cursor: pointer;
}
.subnav .ico {
    width: 18px;
    text-align: center;
    margin-left: 2px;
}
.subnav:hover,
.open .subnav {
    background-color: #e8eaed;
    color: #52b035;
}
.subnav.dropbtn:before {
    content: "\f053";
    position: absolute;
    top: 15px;
    left: 18px;
    font: normal normal normal 14px/1 icons;
    font-size: 12px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    line-height: 22px;
}
.open .subnav.dropbtn:before {
    -webkit-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}
.nav-select-menu {
    display: none;
}
.open .nav-select-menu {
    display: block;
}
.nav-select-menu a {
    display: block;
    position: relative;
    padding: 14px;
    color: #484848;
    font-size: 14px;
    line-height: 1.4285714;
    cursor: pointer;
    padding-right: 24px;
    user-select: none;
}
.nav-select-menu a:hover {
    background-color: #e8eaed;
    color: #52b035;
}
.site-title {
    float: right;
    height: 60px;
    position: relative;
    width: 122px;
    margin-right: 10px;
}
.site-title a {
    height: 40px;
    background-size: cover;
    width: 122px;
    display: block;
    color: #444;
    margin-top: 10px;
}
.site-title a:before {
    content: " ";
    background-image: url(../images/logo.png);
    background-repeat: no-repeat;
    display: block;
    height: 40px;
    width: 122px;
    background-size: cover;
    background-position: center;
    position: absolute;
}
.form-search {
    width: 580px;
    overflow: hidden;
    padding: 0;
    position: relative;
    float: right;
    margin-right: 60px;
}
.form-search .button {
    float: left;
    height: 36px;
    box-sizing: border-box;
    border-right: 0;
    width: 70px;
    text-align: center;
    font-size: 15px;
    background: #6f6f6f;
    cursor: pointer;
    border-radius: 3px 0 0 3px;
    line-height: 36px;
    color: #fff;
    margin-top: 12px;
}
.input-search {
    overflow: hidden;
    position: relative;
    display: block;
    margin-top: 12px;
}
.form-search input {
    width: 100%;
    padding: 5px 10px;
    background-color: #fff;
    font-size: 15px;
    height: 36px;
    border-radius: 0 3px 3px 0;
    font-family: naskh, tahoma;
    color: #333;
    outline: 0;
    display: block;
    line-height: 36px;
}
.head-menu {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    position: absolute;
    top: 60px;
    display: none;
    background-color: #fff;
    border: 1px solid #e8eaed;
    border-top: 0;
    text-align: right;
    right: 0;
}
.open .myAccountBtn:after {
    content: " ";
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    margin: 0 auto;
    border: solid 5px transparent;
    border-bottom-color: #fff;
}
.myAccount {
    float: left;
    height: 60px;
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    margin-left: -18px;
}
.myAccount .log {
    padding: 9px;
    margin: 9px 0 9px 18px;
    border: solid 1px rgba(239, 239, 239, 0.5);
    display: block;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
    color: #efefef;
    cursor: pointer;
    transition: background-color 0.2s;
}
.myAccount .log1 {
    margin-right: 18px;
}
.myAccount .log .ico {
    font-size: 13px;
}
.myAccount .log:hover {
    background-color: #888;
}
.myAccount .dropcontent {
    position: relative;
}
.head-menu .plusLi {
    display: block;
    padding: 10px;
    border-top: 1px solid #e8eaed;
    color: #484848;
}
.head-menu-group {
    position: relative;
    list-style: none;
    height: 248px;
    padding: 0;
    margin: 0;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
}
.head-menu-group:empty:before {
    content: attr(data-empty);
    position: absolute;
    top: 50%;
    width: 100%;
    color: gray;
    text-align: center;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
}
.head-menu-group .notifOne {
    position: relative;
    padding: 10px 10px 10px 5px;
    font-size: 14px;
    line-height: 1.4285714;
    white-space: normal;
    word-break: break-word;
}
.head-menu-group .notifOne:not(:first-child) {
    border-top: 1px solid #e8eaed;
}
.head-menu-group .notif-img {
    width: 42px;
    height: 42px;
    padding: 4px;
    background-color: #fff;
    border: 1px solid #e8eaed;
    border-radius: 3px;
    vertical-align: text-top;
    float: right;
}
.head-menu-group .notif-content {
    overflow: hidden;
    padding-right: 8px;
    font-family: naskh, sans-serif;
    font-size: 14px;
    padding-left: 3px;
}
.head-menu-group .notif-content a {
    color: #52b035;
}
.head-menu-group .notif-date {
    color: #777;
    font-size: 12px;
    line-height: 1.6666667;
}
.myAccount .open .head-menu {
    display: block;
    width: 380px;
    left: 0;
    right: auto;
}
.myAccount .open .myAccountBtn {
    background: #888;
}
.myAccountBtn {
    box-sizing: border-box;
    text-align: center;
    cursor: pointer;
    color: #efefef;
}
.myAccountBtnicon {
    padding: 18px;
    font-size: 18px;
    line-height: 22px;
    width: 54px;
    position: relative;
}
.myAccountBtn:hover {
    background-color: #888;
}
.btn_profile {
    width: 72px;
    height: 60px;
    padding: 12px 18px;
}
.btn_profile img {
    height: 36px;
    width: 36px;
    border-radius: 100%;
    box-sizing: border-box;
}
.profileMenu {
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    position: absolute;
    top: auto;
    min-width: 160px;
    display: none;
    background-color: #fff;
    border: 1px solid #e8eaed;
    border-top: 0;
    text-align: right;
    left: 0;
}
.myAccount .open .profileMenu {
    display: block;
}
.profileMenu a {
    display: block;
    padding: 7px 14px;
    color: #484848;
    font-weight: 400;
    line-height: 20px;
}
.profileMenu .brmp {
    border-top: 1px solid #e8eaed;
}
.profileMenu a .ico {
    width: 18px;
    text-align: center;
}
.profileMenu a:hover {
    color: #484848;
    background-color: #e8eaed;
}
.myAccount .myAccountBtn[data-count]:before {
    content: attr(data-count);
    position: absolute;
    top: 7px;
    right: 3px;
    padding: 3px;
    margin: 3px;
    min-width: 14px;
    background-color: #e75737;
    color: #fff;
    text-align: center;
    font-size: 10px;
    border-radius: 7px;
    line-height: 13px;
}
.page-header {
    margin-bottom: 26px;
}
.page-header .head-content {
    padding: 20px 0;
}
.page-header .head-details {
    flex: 4;
}
.page-header .sub-details {
    flex: 4;
}
.page-header .profile-img .tof {
    width: 65px;
    height: 65px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    border-radius: 100%;
    cursor: pointer;
    display: block;
    line-height: 0;
    margin-left: 10px;
}
.page-header .head-details h1 {
    font-size: 22px;
    line-height: 38px;
    margin-bottom: 7px;
    font-weight: 400;
}
.page-header .head-meta {
}
.page-header .head-meta .meta-li {
    display: inline;
    font-size: 12px;
    color: #777;
    margin-left: 9px;
}
.page-header .head-meta .meta-li .ico {
    width: 14px;
    text-align: right;
}
.page-header .head-action .btn {
    margin-top: 16px;
    font-size: 14px;
    line-height: 18px;
    padding: 8px 16px;
}
.page-header .head-action .btn .icon-plus {
    font-size: 12px;
}
.page-header .head-action .sel-btn {
    border-right: 1px solid #249602;
    padding: 8px;
}
.page-header .head-action .sel-btn .ico {
    display: block;
}
.transt-header {
    margin-top: 32px;
    margin-bottom: 24px;
}
.transt-header .page-title {
    font-size: 22px;
    padding: 7px 0;
    line-height: 40px;
    font-weight: 500;
}
.transt-header .btn-transparent {
    float: left;
    margin-top: 10px;
    padding: 3px 10px;
}
.main,
.sedbar {
    height: max-content;
    position: -webkit-sticky;
    position: sticky;
}
.profile-verification-badge {
    width: 18px;
    height: 18px;
    position: absolute;
    top: 67%;
    right: 0;
}
.panel {
    margin-bottom: 25px;
    background: #fff;
    box-shadow: 0 2px 5px 0 rgb(0 0 0/5%);
    border-radius: 3px;
}
.panel .title {
    padding: 14px;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid #eceff4;
    position: relative;
}
.panel .panel-content {
    padding: 20px;
}
.panel .panel-content p {
    font-size: 16px;
    font-family: naskh, sans-serif;
    line-height: 26px;
    margin-bottom: 10px;
}
.multi-page .page-title {
    text-align: center;
    padding: 48px 0 30px;
}
.multi-page .section-search {
    max-width: 720px;
    margin: 24px auto 40px;
    height: 52px;
    background: #fff;
    border-radius: 2px;
    position: relative;
}
.multi-page .section-search .btn-primary {
    position: absolute;
    left: 5px;
    border-radius: 2px;
    width: 100px;
    top: 5px;
    line-height: 27px;
}
.multi-page .section-search input {
    position: absolute;
    font-size: 17px;
    font-family: naskh, open sans, sans-serif;
    padding: 9px 23px;
    background: 0 0;
    font-weight: 400;
    right: 5px;
    top: 5px;
    left: 5px;
    width: calc(100% - 115px);
    color: rgb(102 102 102);
    height: 42px;
}
.logpage {
    max-width: 450px;
    background: #fff;
    box-sizing: border-box;
    padding: 15px 20px;
    margin: auto;
    margin-top: 50px;
    border: 1px solid rgba(228, 228, 228);
    border-radius: 3px;
}
.logLogo {
    display: block;
    text-align: center;
    width: 200px;
    margin: auto;
    margin-bottom: 15px;
}
.logLogo img {
    width: 100%;
}
.log-sub {
    overflow: hidden;
    padding-top: 6px;
    display: block;
}
.log-sub .btn-primary {
    float: left;
}
.logpage .policy {
    color: rgb(82 176 53);
}
.log-sub .pwd {
    font-size: 14px;
    color: rgb(82 176 53);
    display: block;
    line-height: 39px;
}
.log-li {
    text-align: center;
    overflow: hidden;
    margin-bottom: 15px;
    clear: both;
}
.log_txt {
    padding: 34px 0 14px;
    position: relative;
    line-height: 20px;
}
.log_txt span {
    background-color: #fff;
    z-index: 2;
    position: relative;
    padding: 0 12px;
}
.log_txt::after {
    content: "";
    width: 100%;
    background-color: transparent;
    display: block;
    height: 1px;
    border-top: 1px solid #e7e7e7;
    position: absolute;
    top: 50%;
    margin-top: 8px;
    z-index: 1;
}
.log-li a {
    background: #666;
    display: block;
    color: #fff;
    padding: 4px 0;
    font-size: 13px;
    line-height: 28px;
    font-weight: 500;
}
.regis {
    display: flex;
}
.regis .form-group {
    width: 100%;
}
.regis .form-group:first-child {
    padding-left: 5px;
}
.regis .form-group:last-child {
    padding-right: 5px;
}
.home-page {
    min-height: 530px;
    text-align: center;
    background-image: url(../images/image3.jpg);
    background-size: cover;
    background-position: center 46%;
    background-repeat: no-repeat;
}
.home-page .title {
    font-size: 32px;
    padding-top: 120px;
    font-weight: 400;
    line-height: 51px;
}
.home-page .desc {
    margin: 20px 0 46px;
    font-size: 18px;
    font-weight: 400;
}
.home-page .paeClick {
    font-size: 17px;
    padding: 8px 40px;
}
.home-services,
.home-info {
    margin-top: 70px;
    text-align: center;
}
.home-services .title-d,
.home-info .title {
    position: relative;
    margin-bottom: 40px;
    line-height: 38px;
    font-size: 24px;
    font-weight: 400;
}
.home-info .info-body {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -16px;
}
.home-info .one-info {
    width: calc(100% / 3);
    padding: 25px 16px;
}
.home-info .icon .ico {
    font-size: 84px;
    color: #52b035;
    line-height: 84px;
}
.home-info .sub-title {
    font-size: 21px;
    line-height: 32px;
    padding-top: 25px;
    margin-bottom: 8px;
}
.register-sub {
    background-image: url(../images/fin-home-page.png);
    text-align: center;
    padding: 40px 0 60px;
    background-size: contain;
    background-position: center 87%;
    background-repeat: repeat-x;
    margin-top: 40px;
}
.register-sub h2 {
    font-size: 24px;
    font-weight: 400;
    line-height: 39px;
    margin-bottom: 35px;
    margin-top: 0;
}
.register-sub .paeClick {
    font-size: 17px;
    padding: 9px 36px;
}
.services-page .home-service {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -8px;
}
.services-page .hserv-one {
    width: calc(100% / 4);
    padding: 8px;
}
.services-page .hserv-one a {
    background-color: #fff;
    display: block;
    font-size: 15px;
    font-weight: 400;
    text-align: center;
    padding: 24px 0;
    border-radius: 5px;
}
.services-page .hserv-one a img {
    width: 70px;
}
.services-page .service-group {
    margin-top: 40px;
}
.services-page .service-group:last-child {
    margin-bottom: 40px;
}
.services-page .head {
    overflow: hidden;
    margin-bottom: 24px;
}
.services-page .head .btn-transparent {
    float: left;
}
.services-page .ser-title {
    font-size: 21px;
    line-height: 31.5px;
    font-weight: 400;
}
.service-body {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -10px;
}
.service-body .service-one {
    width: calc(100% / 4);
    padding: 0 10px;
    margin-bottom: 20px;
}
.service-body .service-one .in-service {
    box-shadow: 0 2px 5px 0 rgb(0 0 0/5%);
    background: #fff;
    border-radius: 3px;
    position: relative;
    text-align: center;
    padding-bottom: 49px;
    height: 100%;
}
.service-body .service-one .tof {
    padding: 15px;
    line-height: 0;
    display: block;
}
.service-body .service-one .title {
    padding: 0 15px 17px;
    display: block;
}
.service-body .service-one .star-price {
    border-top: 1px solid #eceff4;
    display: flex;
    flex-wrap: wrap;
    padding: 8px 15px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
}
.service-body .service-one .price {
    color: #52b035;
    font-size: 16px;
    font-weight: 700;
    padding: 4px 0;
    text-align: right;
    width: 34%;
}
.service-body .service-one .star {
    text-align: left;
    width: 66%;
    padding-top: 4px;
    font-size: 11px;
}
.service-body .service-one .star .ico {
    color: #ccc;
}
.create-service {
    max-width: 746px;
    margin: 40px auto;
}
.serviceTitle {
    margin-bottom: 20px;
    overflow: hidden;
}
.serviceTitle a {
    color: #52b035;
    border: 1px solid #52b035;
    display: inline-block;
    font-weight: 400;
    text-align: center;
    cursor: pointer;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 25px;
    float: left;
}
.serviceTitle a:hover {
    color: #fff;
    background-color: #52b035;
}
.serviceTitle span {
    font-size: 24px;
    font-weight: 400;
    line-height: 38px;
    display: block;
}
.create-service .serviceForm {
    background-color: #fff;
    padding: 20px;
}
.serviceSelect {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}
.serviceSelect .form-select {
    width: calc(50% - 30px);
    margin: 0 15px;
}
.service-gallery {
    padding: 40px;
    text-align: center;
    background: #f7f9fc;
    border: 0;
}
.choseiMg {
    margin-bottom: 20px;
}
.service-galtext {
    line-height: 2rem;
    font-size: 16px;
    font-family: naskh, sans-serif;
}
.service-galtext1 {
    margin-bottom: 10px;
}
.serviceFileLoad {
    border-radius: 2px;
}
.serviceFileLoad .title {
    border-bottom: 1px solid #eceff4;
    padding: 20px;
    font-size: 20px;
    line-height: 1.6em;
    position: relative;
}
.serviceFileLoad .title .ico {
    position: absolute;
    left: 20px;
    color: #888;
    cursor: pointer;
}
.serviceFileLoad .fileBody {
    padding: 20px;
}
.subnvfile {
    display: inline-block;
    margin-left: 20px;
}
.subnvfile input {
    margin-left: 3px;
}
.fileNavbar {
    padding-bottom: 20px;
}
.fileindata .sub {
    text-align: center;
}
.fileindata .sub input {
    display: none;
}
.indata_from_device {
    margin-top: 20px;
}
.service-dvprice {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px 20px;
}
.service-dvprice .dvprice {
    width: calc(50% - 30px);
    margin: 0 15px;
}
.upgrade-service-one {
    padding: 20px;
    background: #f7f9fc;
    position: relative;
    margin: 0 0 40px;
}
.upgrade-service-one .remove-upgrade {
    left: -12px;
    top: -12px;
    position: absolute;
    background: #d4d8e0;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    color: #444;
    line-height: 25px;
    text-align: center;
    font-size: 9px;
    cursor: pointer;
}
.upgrade-service-one p {
    font-family: naskh, kufi, sans-serif;
    margin-top: 10px;
    font-size: 14px;
}
.upgrade-service-one p a {
    color: #52b035;
}
.upgrade-service-btn {
    text-align: left;
    padding-top: 10px;
}
.upgrade-service-btn .btn {
    font-size: 12px;
}
.service-gallery-edit {
    position: relative;
    overflow: hidden;
}
.gitem img {
    width: 100%;
    height: 100%;
}
.gallery_controle {
    background: #333;
    opacity: 0.9;
    position: absolute;
    top: -48px;
    left: 0;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    z-index: 4;
    transition: 0.3s all;
}
.gallery_controle .gedit {
    display: inline-block;
    color: #ddd;
    margin: 0 4px;
    padding: 0 5px;
    cursor: pointer;
}
.gallery_controle .gedit .ico {
    margin-left: 6px;
}
.gallery_controle .gedit:hover {
    color: #fff;
}
.service-gallery-edit:hover .gallery_controle {
    top: 0;
}
.gallery_controle .gedit .icon-cross {
    font-size: 11px;
}
.gallery_items {
    position: relative;
    overflow: hidden;
    padding-top: 58.75%;
}
.gitem {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    visibility: hidden;
    z-index: 1;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    -webkit-animation-timing-function: ease-out;
    animation-timing-function: ease-out;
}
.gitem.current {
    z-index: 3;
    visibility: visible;
}
.slayd-right .gitem.previous {
    -webkit-animation-name: slide-out-right, hide-after;
    animation-name: slide-out-right, hide-after;
}
.slayd-left .gitem.previous {
    -webkit-animation-name: slide-out-left, hide-after;
    animation-name: slide-out-left, hide-after;
}
.slayd-right .gitem.current {
    -webkit-animation-name: slide-in-right;
    animation-name: slide-in-right;
}
.slayd-left .gitem.current {
    -webkit-animation-name: slide-in-left;
    animation-name: slide-in-left;
}
.galbtn {
    position: absolute;
    width: 48px;
    height: 48px;
    background: rgb(0 0 0/0.6);
    z-index: 4;
    color: #fff;
    top: calc((100% - 48px) / 2);
    text-align: center;
    line-height: 48px;
    font-size: 20px;
    border-radius: 100%;
    cursor: pointer;
}
.galbtn.btnleft {
    left: 18px;
    padding-right: 1px;
}
.galbtn.btnright {
    right: 18px;
    padding-left: 4px;
}
.gedit.gedit-primary.active {
    color: #52b035;
    cursor: default;
}
.discussion-item {
    border-bottom: 1px solid #eceff4;
    padding: 20px;
}
.discussion-item:last-child {
    border: none;
}
.discussion-item .profile-details {
    margin-bottom: 10px;
}
.discussion-item .review-right {
    display: table-cell;
    vertical-align: top;
    padding-left: 10px;
}
.discussion-item .review-right img {
    height: 48px;
    width: 48px;
    display: block;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 50%;
    max-width: unset;
}
.discussion-item .review-left {
    width: 100%;
    display: table-cell;
    vertical-align: top;
}
.discussion-item .meta-user {
    font-size: 14px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 5px;
}
.discussion-item .meta-time {
    font-size: 12px;
    color: rgb(119 119 119);
}
.discussion-item.reply {
    background: #f1f1f1;
    padding: 10px;
    margin-top: 20px;
}
.service-head {
    background: #fff;
    margin-bottom: 40px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
}
.serviceHbody {
    padding: 20px 0;
    overflow: hidden;
}
.service-head1 {
    padding-left: 10px;
    float: right;
    position: relative;
}
.service-head1 .tof {
    width: 65px;
    height: 65px;
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: center;
    border-radius: 100%;
    cursor: pointer;
}
.service-head2 h1 {
    font-size: 24px;
    line-height: 1.6em;
    margin-bottom: 7px;
    font-weight: 400;
}
.service-meta {
    display: flex;
    flex-wrap: wrap;
}
.allmeta {
    color: #555;
    margin-left: 14px;
    font-size: 12px;
    line-height: 24px;
}
.service-head2 {
    float: right;
}
.service-head3 {
    float: left;
    display: flex;
    padding-top: 12px;
}
.service-head3 .sel2 {
    font-size: 13px;
    border-right: 1px solid #249602;
}
.service-page {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.service-page .main {
    width: calc(100% - 380px);
}
.service-page .destof {
    padding: 20px;
    background: #fff;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
    border-radius: 3px;
    margin-bottom: 25px;
}
.service-page .destof .tof {
    line-height: 0;
    margin-bottom: 30px;
}
.service-page .destof .tof img {
    width: 100%;
    height: 100%;
    line-height: 0;
}
.service-page .destof .description {
    line-height: 32px;
    font-size: 16px;
    font-family: naskh, sans-serif;
}
.service-page .service-upgrades-table {
    width: 100%;
}
.service-page .service-upgrades-table tr td {
    padding: 20px;
    text-align: right;
    border-bottom: 1px solid #eceff4;
}
.service-page .service-upgrades-table tr:last-child td {
    border-bottom: none;
}
.service-page .service-upgrades-table tr td:nth-child(2) {
    padding-right: 0;
}
.service-page .related-services {
    display: flex;
    flex-wrap: wrap;
    padding: 0 5px !important;
}
.service-page .related-one {
    width: 50%;
    padding: 0 15px;
}
.service-page .related-body {
    padding: 20px 0;
    border-bottom: 1px solid #eceff4;
}
.service-page .related-right {
    display: table-cell;
    vertical-align: top;
    padding-left: 10px;
}
.service-page .related-right img {
    display: block;
    max-width: initial;
    border-radius: 1px;
}
.service-page .related-left {
    display: table-cell;
    vertical-align: top;
    width: 100%;
}
.service-page .related-left h5 {
    font-size: 14px;
}
.service-page .sedbar {
    width: 380px;
    padding-right: 20px;
}
.service-page .thumbs {
    line-height: 24px;
    display: flex;
    flex-wrap: wrap;
}
.service-page .thumbs1,
.service-page .thumbs2 {
    width: 50%;
    padding: 8px;
}
.service-page .thumbs .thumbs-price {
    color: #52b035;
    font-weight: 700;
}
.service-page .rating {
    color: #ccc;
    font-size: 13px;
}
.service-page .rating .rat {
    color: #fa9747;
}
.service-page .service-price {
    text-align: center;
    padding: 30px 0;
    font-size: 30px;
    font-weight: 700;
    color: #52b035;
}
.service-page .service-option {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -11px;
}
.service-page .service-option .btn {
    width: calc(50% - 14px);
    margin: 0 7px;
}
.service-page .service-security {
    display: flex;
    flex-wrap: wrap;
}
.service-page .ser-security1 {
    width: 30%;
    text-align: center;
    line-height: 0;
}
.service-page .ser-security1 img {
    width: 60px;
}
.service-page .ser-security2 {
    width: 70%;
    padding-right: 16px;
    line-height: 1.7;
}
.service-page .ser-security2 div {
    font-size: 16px;
    font-weight: 400;
}
.service-page .ser-security2 .security-100 {
    color: #28a542;
}
.service-page .sedshere {
    text-align: center;
}
.service-page .sedshere .shar {
    margin: 4px;
    width: 40px;
    height: 40px;
    border-radius: 2px;
    font-size: 16px;
    display: inline-block;
    text-align: center;
    line-height: 38px;
    border: 1px solid #eceff4;
}
.service-page .sedshere .linkedin {
    color: #008cc9;
}
.service-page .sedshere .facebook {
    color: #4267b2;
}
.service-page .sedshere .twitter {
    color: #1da1f2;
}
.service-page .sedshere .whatsapp {
    color: #2bb641;
}
.addCartLoad {
    text-align: center;
}
.addCartLoad .title {
    padding: 20px;
    font-size: 20px;
    line-height: 1.6em;
    position: relative;
}
.addCartLoad .btnpluscart {
    padding-bottom: 30px;
}
.addCartLoad .btnpluscart .btn {
    width: 120px;
    margin: 0 2px;
}
.service-shop .modal-content {
    background: rgb(248 255 252);
    max-width: 700px;
    border-radius: 5px;
}
.service-shop .modal-header {
    line-height: 50px;
    border-bottom: 1px solid rgb(1 148 254/9%);
    padding: 0 20px;
}
.service-shop .modal-body {
    padding: 24px;
}
.service-shop .modal-body ul li {
    margin-bottom: 0.5rem;
    padding-right: 1.6rem;
    position: relative;
    font-family: naskh, Open Sans, sans-serif;
    font-size: 16px;
}
.service-shop .modal-body ul li::before {
    content: "";
    background: rgb(227 167 47) none repeat scroll 0 0;
    border-radius: 100%;
    display: inline-block;
    height: 8px;
    position: absolute;
    right: 0.4rem;
    top: 0.6rem;
    width: 8px;
}
.service-shop .modal-body a {
    color: #2a860c;
}
.service-shop .modal-footer {
    border-top: 1px solid rgb(1 148 254/9%);
    text-align: left;
    padding: 11px 20px;
}
.service-shop .modal-footer .btn {
    min-width: 80px;
    padding: 3px 12px;
    border-radius: 3px;
    margin: 0 6px;
}
.profileHead {
    padding-top: 260px;
    position: relative;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
}
.profileHead .pHbody {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: #889890;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    display: block;
    overflow: hidden;
}
.profileHead .pHprofile {
    position: absolute;
    box-sizing: border-box;
    width: 170px;
    height: 170px;
    right: 35px;
    bottom: -40px;
    border: 4px solid #fff;
    border-radius: 100%;
    background: #4aa876;
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
    overflow: hidden;
}
.profilebar {
    height: 55px;
    margin-bottom: 25px;
    background: #fff;
    padding-right: 200px;
    border-radius: 0 0 3px 3px;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
    overflow: hidden;
}
.profilebar .phname {
    font-size: 24px;
    line-height: 55px;
    font-weight: 400;
    text-shadow: 0 0 1px rgba(0, 0, 0, 0.5);
    float: right;
}
.prmenu {
    margin-right: 60px;
    float: right;
}
.prmenu a {
    line-height: 55px;
    display: inline-block;
    margin: 0 10px;
    color: #333;
    font-weight: 400;
    height: 55px;
}
.prmenu .active {
    border-bottom: 4px solid #fcb62e;
}
.accbody {
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
}
.accbody .main {
    width: calc(100% - 385px);
}
.accbody .sedbar {
    width: 385px;
    padding-left: 25px;
}
.account-statistic .prrating {
    font-size: 24px;
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 30px;
}
.account-statistic .prrating .rat {
    color: #fa9747;
}
.account-statistic .prrating .ico {
    width: calc(100% / 5);
    text-align: center;
}
.account-statistic .lipr1 {
    padding: 7px 8px;
    width: 138px;
    display: inline-block;
    line-height: 20px;
}
.account-statistic .lipr1 .ico {
    width: 18px;
    text-align: center;
    font-size: 15px;
    color: #444;
}
.account-statistic .lipr2 span {
    background: #4caf50;
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    margin-left: 6px;
}
.metaser {
    margin-left: 2px;
}
.form-msg {
    background: #fff;
    max-width: 746px;
    margin: auto;
    padding: 20px;
    margin-bottom: 40px;
    box-shadow: 0 2px 5px 0 rgb(0 0 0/5%);
    border-radius: 2px;
}
.form-msg.support-message {
    margin-top: 40px;
}
.message-note {
    margin-top: 10px;
    color: #666;
    font-family: naskh, sans-serif;
}
.form-msg a {
    color: #52b035;
}
.page-message .stitle {
    margin-top: 30px;
    margin-bottom: 20px;
}
.page-message .sedbar {
    padding-right: 12px;
}
.page-message .message-sedmeta .col {
    padding: 8px;
    line-height: 22px;
}
.page-message .main {
    padding-left: 12px;
}
.message-centent .one-msg {
    border-bottom: 1px solid #eceff4;
    padding: 20px;
}
.message-centent .sender-profile {
    overflow: hidden;
    padding-bottom: 10px;
}
.message-centent .tof {
    float: right;
    margin-left: 10px;
}
.message-centent .timedate {
    font-size: 12px;
    color: #777;
}
.message-centent .tof img {
    width: 48px;
    height: 48px;
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 50%;
    float: right;
}
.message-centent .discussion-message {
    line-height: 2rem;
    font-size: 16px;
    font-family: naskh, sans-serif;
    word-break: break-word;
}
.message-centent .form-comment {
    padding: 20px;
}
.message-centent .form-comment .btn-primary {
    width: 130px;
}
.dashboard-page {
    margin-bottom: 15px;
    margin-top: 40px;
}
.dashboard-page .d-page1 {
    width: 370px;
    padding-left: 25px;
}
.dashboard-page .d-page2 {
    width: calc(100% - 370px);
}
.dashboard-page .dashboard1 {
    flex-direction: row-reverse;
}
.dashboard-page .tablemoney {
    text-align: center;
}
.dashboard-page .tablemoney1 {
    padding: 21px;
}
.dashboard-page .tablemoney1 .mony {
    color: rgb(82 176 53);
}
.dashboard-page .tablemoney1 span {
    font-size: 18px;
    margin-top: 7px;
    line-height: 32px;
    font-weight: 500;
    display: block;
    margin-bottom: 5px;
}
.dashboard-page .tablemoney1 div {
    font-size: 48px;
    line-height: 75px;
}
.dashboard-page .tablemoney2 {
    border-top: 1px solid #ddd;
    padding: 15px;
}
.dashboard-page .tablemoney2 span {
    font-weight: 700;
}
.dashboard-page .profile-card {
    padding-top: 21px;
}
.dashboard-page .img-profile {
    width: 84px;
    height: 84px;
    margin: auto;
    border-radius: 100%;
    position: relative;
    overflow: hidden;
}
.dashboard-page .profile-card .name {
    font-size: 18px;
    text-align: center;
    line-height: 34px;
    font-weight: 400;
    display: block;
}
.dashboard-page .edit {
    text-align: center;
    border-top: 1px solid #ddd;
    padding: 14px 15px 15px;
    margin-top: 21px;
    display: block;
}
.dashboard-page .countbp {
    line-height: 36px;
}
.dashboard-page .countbp a {
    display: block;
}
.dashboard-page .countbp a.active {
    color: rgb(82 176 53);
}
.dashboard-page .countbp .ico {
    width: 18px;
    text-align: center;
    color: #555;
}
.dashboard-page .change-password {
    padding: 20px;
    max-width: 550px;
    margin: auto;
}
.dashboard-page .editImg {
    width: 120px;
    height: 120px;
    margin: 15px auto 40px;
    position: relative;
}
.dashboard-page .editImg .tof {
    line-height: 0;
    position: relative;
    border-radius: 100%;
    overflow: hidden;
}
.dashboard-page .editImg .tof:after {
    content: "";
    background: rgba(51, 51, 51, 0.5);
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.dashboard-page .editImg .add-tof,
.dashboard-page .editImg .loadphoto {
    font-size: 24px;
    line-height: 24px;
    position: absolute;
    top: calc(50% - 12px);
    left: calc(50% - 12px);
    color: #fff;
    cursor: pointer;
}
.dashboard-page .editImg .editImg-option {
    box-shadow: 0 6px 12px rgb(0 0 0/18%);
    position: absolute;
    min-width: 160px;
    background-color: #fff;
    border: 1px solid #e8eaed;
    border-top: 0;
    text-align: right;
    right: 40px;
    top: 75px;
}
.dashboard-page .editImg .editImg-option:after {
    content: " ";
    display: block;
    position: absolute;
    top: -9px;
    right: 14px;
    border: 5px solid transparent;
    border-bottom-color: #fff;
}
.dashboard-page .editImg .editImg-o-one {
    padding: 7px 14px;
    color: #484848;
    font-weight: 400;
    line-height: 1.42857;
    cursor: pointer;
    font-family: naskh, open sans, sans-serif;
    font-size: 16px;
    display: block;
}
.dashboard-page .editImg .editImg-o-one:first-child {
    border-bottom: 1px solid #e8eaed;
}
.dashboard-page .edit-account .col {
    padding-left: 20px;
    padding-right: 20px;
}
.dashboard-page .subedit {
    padding-top: 20px;
    text-align: center;
}
.dashboard-page .payment-settings {
    max-width: 690px;
    margin: auto;
}
.table-action {
    height: 60px;
}
.list-one-project {
    padding: 14px 21px;
    border-bottom: 1px solid #f1f1f1;
}
.list-one-project:last-child {
    border-bottom: none;
}
.list-one-project .a-link {
    font-size: 15px;
    line-height: 28px;
    margin-bottom: 7px;
    display: block;
}
.list-one-project .project-meta {
    display: flex;
    flex-wrap: wrap;
}
.list-one-project .project-meta .meta-li {
    color: #777;
    font-size: 12px;
    margin-left: 10px;
}
.all-notiications {
    padding: 40px 0;
}
.all-notiications .title {
    font-size: 24px;
    line-height: 39px;
    display: block;
    margin-bottom: 20px;
    font-weight: 400;
}
.notification-body {
    border-radius: 3px;
    background: #fff;
    box-shadow: 0 2px 5px 0 rgb(0 0 0/5%);
}
.notification-li {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid #eceff4;
}
.notification-li .pic {
    padding: 20px;
    float: right;
}
.notification-li .pic img {
    background-color: #fff;
    border: 1px solid rgba(0, 0, 0, 0.06);
    height: 64px;
    width: 64px;
    border-radius: 50%;
}
.notification-content {
    overflow: hidden;
    padding: 20px;
    padding-right: 0;
}
.notification-content a {
    color: #52b035;
}
.notification-content .datetime {
    margin-top: 6px;
    margin-bottom: 5px;
    font-size: 12px;
    color: #777;
}
.notification-li:last-child {
    border: 0;
}
.add-request {
    margin-bottom: 30px;
}
.add-request .main {
    padding-left: 15px;
}
.add-request .main .col:first-child {
    padding-left: 15px;
}
.add-request .main .col:last-child {
    padding-right: 15px;
}
.add-request .sedbar {
    padding-right: 15px;
}
.add-request .info-group {
    margin-bottom: 27px;
}
.add-request .info-sebody h4 {
    color: rgb(49 68 89);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.84;
}
.add-request .info-sebody h4 {
    color: rgb(49 68 89);
    font-size: 16px;
    font-weight: 500;
    line-height: 1.84;
    padding: 7px 0;
}
.add-request .info-sebody p {
    line-height: 1.6;
    font-size: 16px;
    font-family: naskh;
    color: rgb(49 68 89);
    margin-bottom: 10px;
}
.home-project {
    margin-bottom: 22px;
}
.home-project .sedbar {
    padding-left: 14px;
}
.home-project .main {
    padding-right: 14px;
}
.project-one {
    padding: 20px;
    border-bottom: 1px solid #f1f1f1;
}
.project-one:last-child {
    border-bottom: none;
}
.project-one .project-head {
    flex: 4;
}
.project-one .project-action .btn {
    font-size: 12px;
    line-height: 18px;
    padding: 5px 10px;
}
.project-one .project-action .btn .icon-plus {
    font-size: 10px;
}
.project-one .project-action .sel-btn {
    border-right: 1px solid #249602;
    padding: 5px 8px;
}
.project-one .p-title {
    font-size: 15px;
    line-height: 28px;
    font-weight: 500;
    margin-bottom: 7px;
}
.project-one .project-meta {
    margin-bottom: 6px;
}
.project-one .project-meta .meta-li {
    display: inline;
    font-size: 12px;
    color: #777;
    margin-left: 5px;
}
.project-one .project-meta .meta-li .ico {
    width: 16px;
    text-align: center;
}
.project-one .project-scontent {
    font-family: naskh, sans-serif;
    color: #343a40;
    font-size: 15px;
    overflow: hidden;
    max-height: 3.68em;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.single-project {
    margin-bottom: 20px;
}
.single-project .main {
    padding-left: 12px;
}
.single-project .sedbar {
    padding-right: 12px;
}
.single-project .wizardy {
    margin-bottom: 20px;
}
.single-project .wizardy .wizardy-label {
    margin: 10px 0;
    text-align: center;
}
.single-project .wizardy .wizardy-label .ico {
    width: 26px;
    height: 26px;
    text-align: center;
    background: #ccc;
    line-height: 26px;
    font-size: 15px;
    color: #fff;
    border-radius: 100%;
    padding-right: 2px;
}
.single-project .wizardy .active .wizardy-label .ico {
    background: #fcb62e;
}
.single-project .wizardy .complete .wizardy-label .ico {
    background: #52b035;
    padding-right: 0;
}
.single-project .wizardy .wizardy-label .wizardy-pnd {
    background: #e0e0e0;
    padding: 6px;
    border-radius: 100%;
    height: 26px;
    width: 26px;
    display: inline-block;
    vertical-align: middle;
}
.single-project .wizardy .wizardy-label .wizardy-pnd i {
    width: 14px;
    height: 14px;
    background: #fff;
    display: block;
    border-radius: 100%;
}
.single-project .wizardy .wizardy-shelf {
    padding: 21px 0;
}
.single-project .wizardy .wizardy-progress {
    height: 7px;
    background: #eaeaea;
    position: relative;
}
.single-project .wizardy .complete .wizardy-progress {
    background: #fbe8aa;
}
.single-project .wizardy .active .wizardy-progress:after {
    content: "";
    width: 50%;
    height: 7px;
    display: block;
    background: #fbe8aa;
}
.single-project .wizardy .col-4:first-child .wizardy-progress {
    border-radius: 0 10px 10px 0;
}
.single-project .wizardy .col-4:last-child .wizardy-progress {
    border-radius: 10px 0 0 10px;
}
.single-project .wizardy .wizardy-progress .progress-pnd {
    position: absolute;
    width: 10px;
    height: 10px;
    top: 4px;
    left: calc(50% - 5px);
    margin-top: -5px;
    margin-right: -5px;
    background-color: #e0e0e0;
    box-shadow: 0 0 0 5px #eaeaea;
    border-radius: 50%;
}
.single-project .wizardy .active .wizardy-progress .progress-pnd {
    background-color: #ff9800;
    box-shadow: 0 0 0 10px #fbe8aa;
}
.single-project .wizardy .complete .wizardy-progress .progress-pnd {
    background-color: #ff9800;
    box-shadow: 0 0 0 5px #fbe8aa;
}
.project-bid .tab-order {
    margin: auto -15px;
}
.project-bid .tab-order .col {
    padding-left: 15px;
    padding-right: 15px;
}
.tab-order .form-input {
    padding: 7px 12px;
    height: 36px;
}
.tab-order div.form-input {
    background: #eee;
}
.project-bid-list .bid-one {
    padding: 20px;
    border-bottom: 1px solid #f1f1f1;
}
.project-bid-list .bid-one:last-child {
    border-bottom: none;
}
.project-bid-list .bid-one .bid-detail {
    flex: 4;
}
.project-bid-list .bid-one .bid-media a {
    line-height: 0;
    display: block;
    margin-left: 10px;
    height: 42px;
}
.project-bid-list .bid-one .bid-media img {
    border: 1px solid rgba(0, 0, 0, 0.06);
    border-radius: 50%;
}
.project-bid-list .bid-one .sub-details {
    flex: 4;
}
.project-bid-list .bid-one .bid-pname {
    line-height: 26px;
    font-weight: 500;
}
.project-bid-list .bid-one .bid-meta {
    margin-bottom: 0.5em;
}
.project-bid-list .bid-one .meta-li {
    font-size: 13px;
    padding-left: 6px;
    color: #777;
    font-family: naskh, sans-serif;
}
.project-bid-list .bid-one .bid-content {
    margin-top: 14px;
    font-family: naskh, sans-serif;
    font-size: 16px;
    line-height: 26px;
}
.project-bid-list .bid-one .bid-action .btn {
    font-size: 12px;
    line-height: 18px;
    margin-top: 13px;
}
.project-bid-list .bid-one .bid-action .btn .ico {
    vertical-align: top;
}
.single-project .project-sedmeta {
    border-bottom: 1px solid #f1f1f1;
}
.single-project .project-sedmeta .col {
    padding: 8px;
    line-height: 22px;
}
.single-project .project-sedmeta .col:first-child {
    padding-right: 0;
}
.single-project .creator-img a {
    display: block;
    line-height: 0;
    margin-left: 10px;
    position: relative;
    width: 64px;
    height: 64px;
}
.single-project .creator-img a .img {
    border-radius: 50%;
}
.single-project .creator-name {
    font-size: 15px;
    font-weight: 500;
    line-height: 28px;
    margin-top: 6px;
    display: block;
}
.single-project .creator-hard {
    font-size: 12px;
    color: #777;
}
.about-page {
}
.about-page .page-title {
    font-size: 24px;
    line-height: 1.6em;
    font-weight: 400;
    padding: 20px 20px 0;
}
.page-about-body {
    padding: 20px;
    background: #fff;
}
.page-about-body h2 {
    line-height: 1.84;
    font-size: 18px;
    margin: 10px 0;
    font-weight: 500;
}
.page-about-body p {
    font-size: 18px;
    line-height: 33px;
    font-family: naskh, Open Sans, sans-serif;
    margin-bottom: 20px;
}
.page-about-body ul {
    margin: 10px 20px 0 0;
}
.page-about-body ul li {
    margin: 0 0 10px;
    list-style-type: square;
    list-style-position: outside;
    line-height: 24px;
    font-size: 16px;
    font-family: naskh, open sans, sans-serif;
}
.blog-page {
    margin-bottom: 40px;
}
.blog-page .page-title {
    text-align: center;
    padding: 48px 0 30px;
}
.services-page .section-search {
    max-width: 720px;
    margin: 24px auto 40px;
    height: 52px;
    background: #fff;
    border-radius: 2px;
    position: relative;
}
.blog-articles {
    margin: auto -10px;
    padding-top: 20px;
}
.blog-articles .one-article {
    width: calc(100% / 4);
    padding: 10px;
    padding-bottom: 26px;
}
.blog-articles .one-article .bdy {
    padding: 15px;
    text-align: center;
    box-shadow: 0 2px 5px 0 rgb(0 0 0/5%);
    background: #fff;
    border-radius: 3px;
    position: relative;
    height: 100%;
}
.blog-articles .one-article .post-image {
    display: block;
    line-height: 0;
}
.blog-articles .one-article .post-name {
    display: block;
    font-size: 14px;
    line-height: 24px;
    margin-top: 15px;
}
.single-blog {
    margin-top: 27px;
}
.single-blog .main {
    padding-left: 13px;
}
.single-blog .blog-body {
    margin-bottom: 25px;
    background: #fff;
    box-shadow: 0 2px 5px 0 rgb(0 0 0/5%);
    border-radius: 3px;
}
.post-content {
    padding: 20px;
}
.single-blog .post-content a {
    color: #ff9800;
}
.single-blog .post-content h2,
.single-blog .post-content h3 {
    color: #3c4859;
    line-height: 1.2;
    margin-bottom: 1.5rem;
    font-weight: 700;
}
.single-blog .post-content h2 {
    font-size: 20px;
}
.single-blog .post-content h3 {
    font-size: 18px;
}
.single-blog .post-content p {
    font-size: 18px;
    line-height: 1.8;
    font-family: naskh, Open Sans, sans-serif;
    margin-bottom: 1rem;
    font-weight: 400;
}
.single-blog .post-content ol,
.single-blog .post-content ul {
    margin-bottom: 1rem;
}
.single-blog .post-content ol {
    margin-right: 24px;
}
.single-blog .post-content ol li,
.single-blog .post-content ul li {
    line-height: 1.8;
    font-size: 18px;
    font-family: naskh, Open Sans, sans-serif;
}
.single-blog .post-content ul li {
    margin-bottom: 0.5rem;
    padding-right: 1.6rem;
    position: relative;
}
.single-blog .post-content ul li::before {
    content: "";
    background: rgb(227 167 47) none repeat scroll 0 0;
    border-radius: 100%;
    display: inline-block;
    height: 8px;
    position: absolute;
    right: 0.4rem;
    top: 0.6rem;
    width: 8px;
}
.single-blog .post-content ol li {
    list-style: decimal;
    margin-bottom: 0.5rem;
}
.articleImg {
    text-align: center;
    line-height: 0;
    padding: 25px;
    padding-bottom: 0;
}
.articleImg img {
    border-radius: 2px;
    line-height: 0;
}
.auth-check {
    text-align: center;
}
.auth-check p {
    margin-bottom: 20px !important;
}
.auth-check .btn {
    margin: 0 11px;
    width: 25%;
}
.single-blog .sedbar {
    padding-right: 13px;
}
.sedbar-post {
    margin-bottom: 16px;
}
.sedbar-post:last-child {
    margin-bottom: 0;
}
.sedbar-post .sed-image {
    width: 130px;
    height: 74px;
}
.sedbar-post .sed-image img {
    border-radius: 3px;
}
.sedbar-post .sed-title {
    width: calc(100% - 130px);
    padding-right: 6px;
}
.sedbar-post .sed-title h3 {
    font-size: 14px;
    font-weight: 400;
    color: #333;
}
.support-page {
    padding-top: 24px;
}
.support-page .sedbar {
    width: 320px;
    padding-left: 8px;
}
.support-sed {
    padding: 14px 0;
}
.support-one {
    padding: 7px 16px;
    line-height: 21px;
    color: #333;
}
.support-one.active a {
    color: #4caf50;
    font-weight: 600;
}
.sup-vider {
    margin: 11px 10px;
    min-height: 2px;
    background-image: linear-gradient(270deg, transparent, #385c86);
    opacity: 0.1;
}
.support-page .main {
    width: calc(100% - 320px);
    padding-right: 8px;
}
.support-logo {
    max-width: 260px;
    margin: auto;
    margin-top: 40px;
    margin-bottom: 20px;
}
.sup-title {
    margin-bottom: 40px;
}
.sup-desc {
    max-width: 620px;
    margin: auto;
    font-family: naskh;
    font-size: 17px;
    line-height: 34px;
}
.sup-action {
    max-width: 400px;
    margin: 60px auto;
}
.cart-page {
    padding: 40px 0;
}
.cart-page .page-title {
    font-size: 24px;
    line-height: 1.6em;
    font-weight: 400;
    margin-bottom: 20px;
}
.cart-body {
    display: flex;
    justify-content: space-between;
}
.cart-body .main {
    width: calc(100% - 300px);
}
.cart-page .cart-name {
    text-align: right;
}
.list-plus {
    margin-top: 15px;
}
.list-plus-li {
    margin-bottom: 10px;
    line-height: 34px;
}
.list-plus-li input {
    vertical-align: middle;
    margin-left: 15px;
}
.cart-body .sedbar {
    width: 300px;
    padding-right: 20px;
}
.total-cart {
    line-height: 24px;
    display: flex;
    flex-wrap: wrap;
}
.total-cart span {
    width: 50%;
    padding: 8px;
}
.cart-btn {
    display: block;
    margin: 20px;
}
.cart-payment-body {
    display: flex;
    flex-direction: row-reverse;
}
.cart-sedbar {
    width: 34%;
}
.cart-main {
    width: calc(66% - 20px);
    margin-left: 20px;
}
.payment-method {
    max-width: 450px;
    margin: auto;
    padding: 24px 0;
}
.payment-method .btn {
    display: block;
    border-radius: 3px;
    margin-bottom: 14px;
    line-height: 31px;
    font-weight: 700;
}
.checkout-body {
    max-width: 720px;
    margin: 60px auto;
}
.checkout-deta {
    border-top: 1px solid #ddd;
    padding: 20px;
}
.data-checkout {
    max-width: 300px;
    margin: auto;
}
.checkout-btn {
    display: block;
    margin: 20px 0;
}
.checkout-type {
    margin-top: 20px;
    padding-bottom: 10px;
}
.checkout-info {
    padding-top: 30px;
}
.checkout-info li {
    margin-bottom: 0.5rem;
    padding-right: 1.6rem;
    position: relative;
    font-family: naskh, Open Sans, sans-serif;
    font-size: 14px;
}
.checkout-info li::before {
    content: "";
    background: rgb(227 167 47) none repeat scroll 0 0;
    border-radius: 100%;
    display: inline-block;
    height: 8px;
    position: absolute;
    right: 0.4rem;
    top: 0.6rem;
    width: 8px;
}
.checkout-info li a {
    color: #52b035;
}
.checkout-auth {
    margin-top: 20px;
    border-top: 1px solid #ddd;
    padding: 20px 20px 40px;
}
.page404 {
    max-width: 746px;
    margin: 40px auto;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.05);
    background: #fff;
    border-radius: 3px;
    text-align: center;
}
.page404 .title {
    padding: 20px;
    border-bottom: 1px solid #eceff4;
    font-size: 24px;
    line-height: 38px;
    font-weight: 400;
}
.p404body {
    padding: 20px;
}
.page4041 {
    font-size: 200px;
    line-height: 200px;
    color: #fcb62e;
    font-weight: 700;
}
.page4042 {
    margin: 30px 0 70px;
    font-family: naskh;
    font-size: 16px;
}
.footer .footer-top {
    padding: 40px 0;
    background: #fff;
}
.footer .footer-bottom {
    text-align: center;
    padding: 16px 8px;
    background: #f1f1f1;
    line-height: 33px;
    color: #222;
}
.footer .footer-layouts {
    display: flex;
    flex-wrap: wrap;
}
.footer .footer-layouts .footer1 {
    width: 25%;
}
.footer .footer-layouts .footer2 {
    width: 50%;
    padding: 0 16px;
}
.footer .footer-layouts .footer3 {
    width: 25%;
}
.footer .footer-layouts .footer-layouts h4 {
    font-size: 16px;
    font-weight: 400;
}
.footer .footer-layouts .footer-list {
    margin-top: 10px;
    margin-right: 20px;
}
.footer .footer-layouts .footer-list li {
    list-style-type: square;
    list-style-position: outside;
    font-size: 13px;
    margin-bottom: 10px;
}
.footer .footer-layouts .fot-larg {
    margin-top: 30px;
}
.footer .footer-layouts .type-payment {
    margin-top: 20px;
}
@-webkit-keyframes slide-in-left {
    0% {
        -webkit-transform: translatex(100%);
        transform: translatex(100%);
    }
    to {
        -webkit-transform: translatex(0);
        transform: translatex(0);
    }
}
@keyframes slide-in-left {
    0% {
        -webkit-transform: translatex(100%);
        transform: translatex(100%);
    }
    to {
        -webkit-transform: translatex(0);
        transform: translatex(0);
    }
}
@-webkit-keyframes slide-out-left {
    0% {
        -webkit-transform: translatex(0);
        transform: translatex(0);
    }
    to {
        -webkit-transform: translatex(-100%);
        transform: translatex(-100%);
    }
}
@keyframes slide-out-left {
    0% {
        -webkit-transform: translatex(0);
        transform: translatex(0);
    }
    to {
        -webkit-transform: translatex(-100%);
        transform: translatex(-100%);
    }
}
@-webkit-keyframes slide-in-right {
    0% {
        -webkit-transform: translatex(-100%);
        transform: translatex(-100%);
    }
    to {
        -webkit-transform: translatex(0);
        transform: translatex(0);
    }
}
@keyframes slide-in-right {
    0% {
        -webkit-transform: translatex(-100%);
        transform: translatex(-100%);
    }
    to {
        -webkit-transform: translatex(0);
        transform: translatex(0);
    }
}
@-webkit-keyframes slide-out-right {
    0% {
        -webkit-transform: translatex(0);
        transform: translatex(0);
    }
    to {
        -webkit-transform: translatex(100%);
        transform: translatex(100%);
    }
}
@keyframes slide-out-right {
    0% {
        -webkit-transform: translatex(0);
        transform: translatex(0);
    }
    to {
        -webkit-transform: translatex(100%);
        transform: translatex(100%);
    }
}
@-webkit-keyframes hide-after {
    0% {
        visibility: visible;
        top: 0;
    }
    99.5% {
        visibility: visible;
        top: 0;
    }
    to {
        visibility: hidden;
    }
}
@keyframes hide-after {
    0% {
        visibility: visible;
        top: 0;
    }
    99.5% {
        visibility: visible;
        top: 0;
    }
    to {
        visibility: hidden;
    }
}
@media screen and (max-width: 1200px) {
    .services-page .home-service {
        margin: 0;
    }
    .home-info .info-body {
        margin: 0;
    }
}
@media screen and (max-width: 1066px) {
    .content {
        padding: 0 10px;
    }
    .servicesBody,
    .service-body {
        margin: 0;
    }
    .button-menu {
        margin-right: -10px;
    }
    .myAccount {
        margin-left: -10px;
    }
    .form-search {
        margin-right: 20px;
        width: 480px;
    }
}
@media screen and (max-width: 1000px) {
    .dashboard-page .d-page1 {
        width: 340px;
    }
    .dashboard-page .d-page2 {
        width: calc(100% - 340px);
    }
    .blog-articles {
        margin: 0;
    }
    .blog-articles .one-article {
        width: calc(100% / 3);
    }
}
@media screen and (max-width: 991px) {
    .home-project .sedbar {
        width: 100%;
        right: 100%;
        transition: all 0.25s;
        position: fixed;
        padding-left: 0;
    }
    .home-project .main {
        padding-right: 0;
        width: 100%;
        position: static;
    }
    .service-body .service-one {
        width: calc(100% / 3);
    }
    .single-project .sedbar {
        width: 100%;
        position: static;
        padding-right: 0;
    }
    .single-project .main {
        width: 100%;
        position: static;
        padding-left: 0;
    }
}
@media screen and (max-width: 948px) {
    .form-search {
        width: 400px;
    }
    .service-page {
        display: block;
    }
    .service-page .main {
        width: 100%;
        position: static;
    }
    .service-page .sedbar {
        display: none;
    }
    .service-head1 {
        display: none;
    }
    .dashboard-page .d-page1 {
        width: 100%;
        padding-left: 0;
        position: static;
    }
    .dashboard-page .d-page2 {
        width: 100%;
        position: static;
    }
}
@media screen and (max-width: 864px) {
    .form-search {
        margin-right: 15px;
        width: 320px;
    }
    .single-blog {
        display: block;
        flex-wrap: wrap;
    }
    .single-blog .main {
        width: 100%;
        padding-left: 0;
        position: unset;
    }
    .single-blog .sedbar {
        width: 100%;
        padding-right: 0;
        position: unset;
    }
    .home-page .title {
        padding-top: 85px;
    }
    .services-page .hserv-one {
        width: calc(100% / 2);
    }
    .home-info .one-info {
        width: calc(100% / 2);
    }
    .footer .footer-layouts .footer1 {
        width: 40%;
    }
    .footer .footer-layouts .footer2 {
        width: 60%;
    }
    .footer .footer-layouts .footer3 {
        width: 100%;
    }
    .blog-articles .one-article {
        width: 50%;
    }
}
@media screen and (max-width: 780px) {
    .form-search {
        display: none;
    }
    .page-headbody {
        display: block;
    }
    .page-header .page-headright {
        width: 100%;
    }
    .page-header .page-headleft {
        width: 100%;
        text-align: center;
        padding-top: 16px;
    }
    .page-headbody {
        padding-top: 21px;
        padding-bottom: 21px;
    }
    .dashboard-page .edit-account .col {
        padding-left: 0;
        padding-right: 0;
    }
    .dashboard-page .edit-account .col:first-child {
        padding-left: 10px;
    }
    .dashboard-page .edit-account .col:last-child {
        padding-right: 10px;
    }
    .service-body .service-one {
        width: 50%;
    }
}
@media screen and (max-width: 767px) {
    .home-project .main .project-one .project-action .btn {
        display: none;
    }
    .page-header .head-content {
        display: block;
    }
    .page-header .head-action {
        text-align: center;
    }
    .page-header .head-action .row {
        justify-content: center;
    }
    .page-header .head-details {
        text-align: center;
        padding: 0 6px;
    }
    .page-header .head-details .row {
        justify-content: center;
    }
    .page-header .head-details h1 {
        font-size: 18px;
        line-height: 34px;
    }
    .single-project .wizardy .col-4 {
        width: 100%;
    }
    .single-project .wizardy .wizardy-label {
        text-align: right;
    }
    .single-project .wizardy .wizardy-shelf {
        display: none;
    }
}
@media screen and (max-width: 640px) {
    .home-page .title {
        line-height: 39px;
        font-size: 25px;
    }
    .home-page .desc {
        font-size: 15px;
        line-height: 33px;
    }
    .home-services .title-d,
    .home-info .title {
        font-size: 22px;
    }
    .register-sub h2 {
        font-size: 22px;
    }
    .footer .footer-layouts .footer1 {
        width: 100%;
    }
    .footer .footer-layouts .footer2 {
        width: 100%;
        padding: 0;
    }
    .dashboard-page .edit-account .col:first-child,
    .dashboard-page .edit-account .col:last-child {
        padding: 20px;
        width: 100%;
        flex: auto;
    }
    .page-header .head-details .profile-img {
        display: none;
    }
}
@media screen and (max-width: 560px) {
    .myAccount .dropcontent {
        position: unset;
    }
    .home-page {
        min-height: 434px;
    }
    .content {
        padding: 0;
    }
    .blog-articles .one-article {
        width: 100%;
    }
    .multi-page .section-search {
        margin-left: 10px;
        margin-right: 10px;
    }
}
@media screen and (max-width: 480px) {
    .myAccount .log {
        display: none;
    }
    .myAccount .log1 {
        display: block;
    }
    .home-page .title {
        font-size: 22px;
    }
    .home-page .desc {
        font-size: 14px;
    }
    .services-page .hserv-one {
        width: 100%;
    }
    .home-info .one-info {
        width: 100%;
    }
    .service-body .service-one {
        width: 100%;
    }
}
@media screen and (max-width: 426px) {
    .content {
        padding: 0;
    }
    .myAccount {
        margin-left: 0;
    }
    .button-menu {
        margin-right: 0;
    }
    .site-title {
        height: 60px;
        width: 50px;
        margin-right: 0;
    }
    .site-title a {
        height: 36px;
        width: 50px;
        margin-top: 12px;
    }
    .site-title a:before {
        height: 36px;
        width: 50px;
        background-position: -60px 0;
    }
    .dashboard-page .tablemoney1 {
        display: block;
    }
    .dashboard-page .edit-account .col:first-child,
    .dashboard-page .edit-account .col:last-child {
        padding: 0;
        width: 100%;
        flex: auto;
    }
}
@media screen and (max-width: 380px) {
    .myAccount .open .head-menu {
        width: 100%;
    }
    .home-services .title-d,
    .home-info .title {
        font-size: 19px;
    }
    .register-sub h2 {
        font-size: 19px;
    }
    .articleImg {
        padding: 14px;
    }
    .post-content {
        padding: 12px;
    }
}