html[dir="rtl"] {
    text-align: right;
}

html[dir="rtl"] .logo {
    float: right;
}

html[dir="rtl"] .titile-bg {
    float: right;
}

/*.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {*/
/*    float: right;*/
/*}*/

#services .pull-right h2 {
    float: right;
}

.col-padleft-none {
    padding-right: 0 !important;
}

.col-padright-none {
    padding-left: 0 !important;
}

.table > caption + thead > tr:first-child > th, .table > colgroup + thead > tr:first-child > th, .table > thead:first-child > tr:first-child > th, .table > caption + thead > tr:first-child > td, .table > colgroup + thead > tr:first-child > td, .table > thead:first-child > tr:first-child > td {
    text-align: right;
}

.submitbtn {
    width: 23%;
    margin: 0 auto 0;
    float: unset;
    text-align: center;
}

.img-right {
    float: left;
}

.img-left {
    float: right;
}

.gbg-white, .carousel-control {
    right: 0;
    left: unset;
}

.testimonilabg .carousel-control {
    right: unset;
}

.tbg-white {
    float: right;
}

.testimonilabg .carousel-control a {
    left: 0 !important;
    right: auto !important;
}

.d-block {
    display: block !important;
    margin: 0 auto 0 0;
}

.breadcrumb {
    float: right;
}

.listitem li {
    background: url(../images/bullet.png) no-repeat right 9px;
    padding-right: 20px;
}

.blogfull {
    padding: 0 0 40px;
}

.blogpost {
    padding: 0;
}

.blogimg img {
    width: 100%;
    height: auto;
    max-height: 80vh;
    object-fit: cover;
}

.time select {
    background-position: 8% center;
}

.time {
    width: unset;
    float: none;
    margin-bottom: 16px;
}

@media (min-width: 992px) {
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: right;
    }
}

.available-time {
    background: black;
    border-radius: 0.5em !important;
    padding: 0.5em 1em;
    font-size: 1.25em;
    transition: all 0.5s ease-in-out;
    border: 0;
    margin: 8px;
}

.available-time.bg-danger {
    background: red;
}

.available-time.added {
    background: #fff;
    color: #212121;
    box-shadow: 0 2px 4px -1px !important;
}

#available-times-wrapper {
    display: flex;
    flex-wrap: wrap;
    height: 100%;
    background: #ececec;
    border-radius: 12px 12px 0 0;
    color: #212121;
    font-weight: 700;
    justify-content: center;
    align-items: center;
}

#basketItems {
    display: none;
    line-height: 3;
}

.buttons-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-top: auto;
    width: 100%;
    justify-content: space-between;
}

.buttons-wrapper button {
    color: #212121;
    padding: 0.75em 1.5em;
    outline: none;
    margin: 0;
    border: 0;
    border-radius: 0 0 12px 12px !important;
}

.reserve-form {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}


.available-times {
    display: flex;
    flex-direction: column;
}

.ui-datepicker {
    width: 100%;
}

.user-should-login {
    position: absolute;
    z-index: 40;
    width: 100%;
    height: 100%;
    background: #f0f8ff54;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    backdrop-filter: blur(3px);
}

.user-should-login button {
    border-radius: 8px !important;
}


#payBasket {
    background: #000000;
    color: #fcfcfc;
    padding-left: 2em;
    padding-right: 2em;
}

.error {
    margin: 1em 0;
}

.order-summery {
    background: #212121;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 10000;
    left: 0;
    top: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.order-summery-content {
    overflow-x: hidden;
    overflow-y: auto;
    border-radius: 1em;
    background: #fcfcfc;
    width: 90%;
    max-width: 600px;
}

.order-summery-content .title {
    padding: 1.5em 3em;
    text-align: center;

}

.order-user-info {
    background: #eee;
    padding: 1.5em 0.75em;
    justify-content: space-between;
}

.d-flex {
    display: flex;
}

.flex-wrap {
    flex-wrap: wrap;
}

.order-user-info p {
    margin-left: 0.35em;
}

.order-user-info > div {
    margin: 0.5em;
}

.order-summery-content .pay-order {
    width: 80%;
    border: 0;
    background: #388e3c;
    color: white;
    font-weight: 700 !important;
    border-radius: 10px !important;
    box-shadow: 0px 10px 20px 0px #388e3c7d !important;
    cursor: pointer;
    margin: 24px auto;
    display: block;
    padding: 1em;
    transition: all 0.33s ease-in-out;
}

.order-summery-content .pay-order:hover {
    box-shadow: 0px 10px 0px -20px #388e3c7d !important;
}

.order-summery-content .cancel-order {
    margin: 12px auto;
    display: block;
    border: 0;
    outline: 0;
    color: #111;
    padding: 6px;
    background: transparent;
}

.order-summery-detail {
    width: 95%;
    margin: 2em auto;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
}

.order-summery-detail-table {
    width: 100%;
    text-align: right;
    border-collapse: collapse;
    font-size: 1em;
}


.order-summery-detail-table thead tr {
    background-color: #9e9e9e;
}

.order-summery-detail-table th {
    font-weight: 500;
}

.order-summery-detail-table th, .order-summery-detail-table td {
    text-align: center;
    padding: 0.5em 0.35em 0.5em 0;
}

.order-summery-detail-table tbody tr:nth-child(even) {
    background: #eee;
}

.order-summery-detail-cell p {
    margin: 0.5em;
    font-size: 1em;
}

.order-summery-content strong {
    padding: 0.5em;
}

.order-summery h6 {
    font-size: 17px;
}

.blogpost .row {
    margin-top: 60px;
}

.blog-search {
    display: flex;
}

.blog-search input {
    flex: auto;
    background: #f4f4f4;
    padding: 0.5em;
    margin: 0 0.5em;
}

.listbg img {
    max-height: 250px;
    object-fit: cover;

}

.services {
    margin-top: 50px;
}

.services h2 {
    margin: 0 0 2em;
}

.services .service {
    text-align: center;
}

.services .service img {
    width: 120px;
    border-radius: 1em;
}

.services .service h3 {
    margin: 0.5em 0 0;
    text-align: center;
}

.services .service p {
    padding: 8px;
}


.articles {
    margin-top: 50px;
}

.articles h2 {
    margin: 0 0 2em;
}

.articles .article {
    text-align: center;
}

.articles .article img {
    width: 100%;
    border-radius: 1em;
}

.articles .article h3 {
    margin: 1em 0 0.5em;
    font-size: 1.4em;
}

.articles .article p {
    padding: 8px;
}

.mm-toggle-wrap {
    float: left;
    margin: 6px;
}

#mobile-menu {
    position: fixed;
    height: 100% !important;
}

.mobile-menu {
    width: inherit;
}

#page {
    position: initial;
}

@media (max-width: 767px) {
    .col-padright-none {
        padding-right: 0;
    }

    .col-padleft-none {
        padding-left: 0;
    }

    .col-sm-12 {
        width: 100% !important;
    }
}

.contactmap .row {
    margin: 0 !important;
}

#appoinment .col-lg-12 {
    padding: 0 !important;
}

.services .row {
    justify-content: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

html {
    scroll-behavior: smooth;
}

.about-us {
    margin-top: 48px;
    padding: 24px 6px 12px;
}

.about-us .p2 {
    padding: 0.5em;
}

.about-us .my-5 {
    margin: 1.5em 0;
}

.position-absolute {
    position: absolute !important;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.position-relative {
    position: relative;
}

#orderSummery .response {
    text-align: center;
}

#orderSummery .response.error {
    color: red;
}

#orderSummery .response.success {
    color: green;
}

.order-summery-content.w-100 {
    max-width: 100%;
    margin: 2em auto;
}

.order-summery-content.w-100 .pay-status {
    background: #212121;
    padding: 1em;
    color: #fcfcfc;
    text-align: center;
}

.order-summery-content.w-100 .pay-status.success {
    background: #388e3c;
}

.article-slider-wrapper {
    margin: 3em 0;
}

.article-slider-wrapper h2 {
    text-align: center;
}

.article-slider-item {
    border-radius: 1em;
    box-shadow: 0 0 19px -13px #010101;
    margin: 1em;
    padding: 0;
}

.article-slider-item img {
    width: 100%;
    height: 225px;
    object-fit: cover;
    border-radius: 1em 1em 0 0;
}

.article-slider-item h3 {
    margin: 0.5em 0 0 0;
    padding: 12px;
}

.article-slider-item p {
    padding: 1em;
}

.blogfull ul, .blogfull ol {
    list-style: initial !important;
}

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

.comments {
    padding: 24px;
}

.comments .form-group {
    margin-right: 0;
    margin-bottom: 15px;
    position: relative;
    z-index: 20;
    float: right;
}

.comments .textarea {
    width: 100%;
}

.comments .form-control {
    color: #111;
    border-color: #212121;
}

.comments .form-control::placeholder {
    color: #212121;
}

.comments .btn-default {
    color: #fcfcfc;
    background: #212121;
    border-color: #212121;
    width: 100%;
}

.comments .button-wrapper {
    float: none;
    margin: auto;
    z-index: 10;
}

.form-loading-button {
    position: relative
}

.form-loading-button svg {
    width: 16px;
    height: 16px;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -8px 0 0 -8px;
    fill: none;
    stroke: currentColor;
    stroke-linecap: round;
    stroke-width: 1.5;
    opacity: var(--svg-o, 0);
    transform: translateY(var(--svg-y, -16px)) rotate(-90deg) scale(var(--svg-s, 0.7)) translateZ(0);
    transition: transform 0.3s, opacity 0.3s;
}

.form-loading-button svg circle:first-child {
    stroke-opacity: 0.25;
}

.form-loading-button svg circle:last-child {
    stroke-dasharray: 38px;
    stroke-dashoffset: 114px;
}

.form-loading-button span {
    display: inline-block;
    vertical-align: top;
    line-height: 16px;
    opacity: var(--span-o, 1);
    transform: translateY(var(--span-y, 0)) scale(var(--span-s, 1)) translateZ(0);
    transition: transform 0.3s, opacity 0.3s;
}

.form-processing button {
    --svg-y: 0;
    --svg-s: 1;
    --svg-o: 1;
    --span-y: 16px;
    --span-s: 0.7;
    --span-o: 0;
}

.form-processing button svg circle:last-child {
    animation: load 1.2s linear 0.3s infinite;
}

@keyframes load {
    from {
        stroke-dashoffset: 114px;
    }

    to {
        stroke-dashoffset: 38px;
    }
}

.comments .container {
    max-width: 90%;
}

@media (min-width: 1440px) and (max-width: 1599px) {
    .form-group {
        width: 50%;
    }
}

#ContactSuccessMessage, #ContactErrorMessage {
    position: initial;
    text-align: center;
    font-size: 1em;
    color: green;
    margin-bottom: 2em;
    width: 100%;
    font-weight: 800;
}

#ContactErrorMessage {
    color: red;
}

.m-0 {
    margin: 0 !important;
}

.order-user-info * {
    line-height: 1;
    font-size: 16px;
}

.user-nav {
    padding: 6px 0;
    margin: 0 6px;
    float: left;
}

.user-nav img.rounded-circle {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    object-fit: cover;
    margin-left: 4px;
}

.user-nav .mx-2 {
    margin: 0 6px;
}

.user-info {
    background: #e6e6e6;
    border-radius: 60px;
    padding: 2px 0 2px 8px;
}

.user-info-header {
    align-items: center;
}

.user-nav .dropdown-menu {
    text-align: right !important;
}

.user-authenticate {
    background: #e6e6e6;
    border-radius: 60px !important;
    color: #212121;
    border: none;
    padding: 6px 12px;
}

.user-authenticate:hover {
    color: inherit !important;
}

.font-weight-normal {
    font-weight: 400;
    font-variation-settings: "wght" 400;
}
.mb-0{
    margin-bottom: 0 !important;
}