/* ============================ cab booking code css ============================= */

.alScrollspyProduct .vendor-search-bar .radius-bar .search_form {
    border: 1px solid #e5e8eb;
    margin-right: 10px;
    display: inline-block;
    border-radius: 7px;
    overflow: hidden;
}

section#alTaxiBookingWrapper {
    padding-bottom: 00;
}

.cab-booking {
    height: 100vh;
    position: relative
}

.cab-booking iframe {
    height: 100vh
}

.booking-experience {
    height: calc(100vh - 50px);
    position: absolute;
    width: 400px;
    top: 50px;
    overflow: hidden;
    background: #fff;
    left: 10px
}

.gm-style-moc {
    background-color: rgba(0, 0, 0, .45);
    pointer-events: none;
    text-align: center;
    transition: opacity ease-in-out
}

.loader-outer .spinner-border {
    width: 150px;
    height: 150px
}

.location-box {
    background-color: var(--theme-deafult);
    position: relative;
    padding: 35px 24px 30px
}

.title-36 {
    font-size: 36px;
    line-height: 44px;
    font-weight: 500
}

.title {
    color: #fff
}

.location-inputs li {
    position: relative;
    min-height: 44px;
    margin: 0 0 10px
}

.location-inputs .title-24 {
    font-size: 16px;
    line-height: 30px;
    font-weight: 400
}

.location-inputs li i {
    color: #fff;
    cursor: pointer;
    margin-left: 10px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s
}

.add-more-location {
    color: #fff;
    margin-top: 14px
}

.location-container {
    height: calc(100vh - 340px);
    overflow-y: auto;
    overflow-x: hidden
}

.location-search {
    padding: 16px 14px 0;
    position: relative
}

.location-search i {
    position: absolute;
    padding: 16px 4px 16px 8px;
    width: 36px;
    font-size: 24px;
    color: rgba(0, 0, 0, .4)
}

.location-search .form-control {
    border: 0;
    border-bottom: 2px solid #f6f6f6;
    height: 56px;
    padding-left: 50px;
    background-color: #f6f6f6;
    font-size: 18px;
    border-radius: 0 !important
}

.scheduled-ride {
    padding: 16px 10px
}

.scheduled-ride button {
    background-color: #eee;
    padding: 10px 12px;
    border-radius: 50px;
    line-height: 16px;
    font-size: 14px;
    border: 0;
    font-weight: 600
}

.scheduled-ride button i {
    font-weight: 600
}

.loader {
    position: relative;
    width: 100%;
    min-height: 4px
}

.location-list {
    overflow-x: hidden
}

.active-location {
    background-color: var(--theme-deafult)
}

.round-shape {
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background-color: #77797a;
    color: #fff;
    line-height: 36px
}

.select-location h4 {
    margin-bottom: 2px
}

.text-color {
    color: var(--theme-deafult) !important
}

.search-location-result {
    padding: 0 16px 0 0;
    margin: 20px 0 0
}

.location-inputs li::before {
    height: calc(100% - 5px);
    background: #fff;
    border-left: 2px solid #fff;
    position: absolute;
    display: block;
    margin: auto;
    content: "";
    width: 2px;
    left: -19px;
    top: 24px
}

.dots::after {
    height: 8px;
    width: 8px;
    border: 2px solid #fff;
    background: #fff;
    position: absolute;
    display: block;
    margin: auto;
    content: "";
    left: 0;
    top: 6px;
    border-radius: 50px
}

.location-inputs .dots::after {
     top: 12px;
    left: -22px
}

.add-more-location::before {
    font-family: FontAwesome;
    content: "\f055";
    position: absolute;
    left: -14px;
    top: 50%;
    transform: translateY(-50%);
    color: #fff;
    font-size: 20px
}

a.vehical-view-box.row.no-gutters {
    padding: 0 10px
}

.vehicle-icon .img-fluid {
    width: 50px;
    padding-right: 0;
    border-radius: 50%;
    height: 50px;
}

a.vehical-view-box.d-flex.align-items-center.no-gutters.px-2 {
    padding: 5px 0;
}

a.vehical-view-box.d-flex.align-items-center.no-gutters.px-2:hover {
    background-color: #f5f5f5;
}

.vehical-container {
    overflow-y: auto;
    overflow-x: hidden;
    padding: 0 0 20px
}

.location-inputs li .fa-times {
    opacity: 0
}

.location-inputs li:hover .fa-times {
    opacity: 1
}

.cab-detail-box .cab-image-box {
    overflow: hidden
}

.cab-image-box {
    height: 300px
}

.cab-image-box img {
    max-width: 100%
}

.ling-throgh {
    text-decoration: line-through;
    color: #6c757d
}

.cab-amount-details.px-2 {
    background: #f6f6f6;
    border-top: 2px solid #e2e2e2;
    padding: 10px 0 5px
}

.coupon_box {
    background: #f3f9ff;
    padding: 5px 10px;
    width: 300px
}

.search-location-result h4,
.select-location h4 {
    font-size: 14px;
    font-weight: 400
}

.scheduled-ride-list {
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    padding: 0;
    height: 100%;
    display: none;
    z-index: 1
}

.scheduled-ride-list-heading {
    padding: 0 24px
}

.scheduled-ride-list-heading h3 {
    color: #000;
    font-size: 20px;
    font-weight: 600;
    margin: 23px 0
}

.skip-clear {
    cursor: pointer
}

.date-radio-list {
    height: calc(100% - 156px);
    overflow-y: auto
}

.date-radio-list .form-check {
    display: block;
    width: 100%;
    margin: 0;
    padding: 24px 0 24px 70px
}

.radio input[type=radio] {
    position: absolute;
    opacity: 0
}

.date-radio-list .form-check label {
    cursor: pointer;
    font-size: 18px;
    line-height: 24px;
    color: #000;
    font-weight: 600;
    margin: 0
}

.radio input[type=radio]:checked+.radio-label:before {
    background-color: #000;
    border-color: #000;
    box-shadow: inset 0, 0, 0 0 #f4f4f4
}

.radio input[type=radio]+.radio-label:before {
    content: "";
    background: 0 0;
    border-radius: 100%;
    border: 2px solid #757575;
    display: inline-block;
    width: 24px;
    height: 24px;
    position: absolute;
    left: 25px;
    top: 24px;
    margin-right: 1em;
    vertical-align: top;
    cursor: pointer;
    text-align: center;
    transition: all .4s ease;
    transition-duration: .25s;
    transition-timing-function: cubic-bezier(0.8, 0.2, 0.6, 1)
}

.radio input[type=radio]:checked+.radio-label::after {
    opacity: 1
}

.scheduleTime {
    margin: 15px 0 0
}

.date-radio-list .form-check::after {
    content: "";
    width: calc(100% - 70px);
    height: 1px;
    background-color: #ddd;
    display: block;
    position: absolute;
    bottom: 0;
    right: 0
}

.scheduleTime select {
    border: 0;
    border-radius: 50px;
    padding: 5px 10px;
    background: #fff;
    margin-right: 10px
}

.date-radio-list .form-check:active,
.date-radio-list .form-check:focus,
.date-radio-list .form-check:hover {
    background: #eef3fe
}

.date-radio-list:after {
    content: "";
    position: absolute;
    bottom: 88px;
    width: 100%;
    height: 239px;
    left: 0;
    background-image: linear-gradient(rgba(255, 255, 255, 0), #fff 90%)
}

.scheduled-footer {
    padding: 16px 24px
}

.scheduled-footer button {
    background-color: #f6f6f6;
    color: #77797a;
    border: 0;
    width: 100%;
    font-size: 20px;
    font-weight: 600;
    min-height: 56px
}

.booking-experience .address-form .where-to-go .title.title-36 {
    font-size: 24px;
}

@media (min-width: 1024px) {
    .ds {
        position: absolute;
        left: 24px;
    }
    .booking-experience {
        height: calc(100vh - 50px);
        position: absolute;
        width: 400px;
        top: 50px;
    }
}

@media (max-width: 991px) {
    body .cab-booking #booking-map {
        height: 50vh !important;
        position: relative !important;
        top: 0;
    }
    .title-36 {
        font-size: 24px;
        line-height: 34px;
    }
    body .booking-experience {
        height: 100%;
        position: relative;
        width: 100%;
        left: 0;
        top: 0;
        margin-bottom: 160px;
    }
    .cab-booking {
        height: 100%;
    }
}


/* ============================== cab booking code css =============================== */

.cart-main-box-inside ul,
.cart-main-box-inside li {
    display: block;
    width: 100%;
}


/* =============== hero area inner page =========================== */

.heroArea .slider.regular {
    height: 550px;
}


/* ============ inner page ========================= */

.product-wrapper-grid.alVender .img-outer-box {
    padding-bottom: 100%;
}

.product-wrapper-grid.alVender .img-outer-box img {
    position: absolute;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.displayCategories {
    padding: 0 12px;
}

.product-wrapper-grid.alVender p:empty {
    display: none;
}

.class_img.product_image {
    border-radius: 15px !important;
    overflow: hidden;
}

#cart_main_page .card-box {
    background-color: transparent;
    box-shadow: none;
}

#social-links li {
    margin-right: 20px;font-size: 20px;
}

.homepageSix {
    max-width: 1400px;
    margin: 0 auto;
}

.breadcrumb-section.bg-transparent .theme-breadcrumb {
    margin-top: 10px;
}

.breadcrumb-section.bg-transparent .theme-breadcrumb li {
    padding-left: 20px;
    padding-right: 10px;
}

.al_body_template_six.homeHeader .container {
    max-width: 100%;
}

.al_body_template_six.homeHeader .product-bottom-bar {
    padding: 20px 0;
    max-width: 1400px;
    margin: 20px auto 0;
    background-color: #fff;
    width: 100%;
    position: relative;
    border-radius: 20px 20px 0 0;
    box-shadow:  0 0 4px rgb(0 0 0 / 20%);
}

.al_body_template_six.homeHeader .container.homepageSix,
.al_body_template_six.homeHeader #footer .container {
    max-width: 1400px;
    margin: 0 auto;
}

.al_body_template_six.homeHeader .collection-wrapper .position-relative.container {
    max-width: 1370px;
    margin: 0 auto;
}

.common-banner img,
.product-banner-img img {
    width: 100%;
    object-fit: cover;
    height: 100%;
}

.scrollspy-menu li {
    width: 100%;
    display: block;
    line-height: 2;
}

.scrollspy-menu li:hover a,
.scrollspy-menu li.active a {
    color: var(--theme-deafult);
}

.product-banner-img {
    height: 550px;
    overflow: hidden;
    width: 100%;
}

.alScrollspyProduct .text-right span {
    display: none !important;
}

.alScrollspyProduct select#order_type {
    border: 1px solid #e5e8eb;
    color: #000000a1;
    height: 40px;
    border-radius: 10px;
    width: 100%;
}

.alScrollspyProduct h2.category-head {
    font-size: 18px;
    position: sticky;
    padding: 10px;
    background-color: #fff;
    top: 90px;
    z-index: 9;
}

.class_img.product_image img {
    width: 100%;
}

.member_no span {
    font-size: 14px;
    line-height: normal;
}

.customizable-text {
    font-size: 10px;
    padding-right: 15px;
}

.cart-box-outer:hover .add-cart-btn.add_vendor_product {
    opacity: 1;
    margin-top: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    overflow: visible;
}

.add-cart-btn.add_vendor_product {
    background-color: var(--theme-deafult);
    color: #fff!important;
    font-size: 14px;
    max-width: 100px;
    display: inline-block;
    width: 100px;
    text-align: center;
    border-radius: 40px;
    height: 40px;
    line-height: 40px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    position: relative;
    margin-top: 0px;
    opacity: 1;
}

.add-cart-btn.add_vendor_product:hover {
    background-color: var(--top-header-color);
}
.add-cart-btn.add_vendor_product_btn {
    background-color: #caae73;
    color: #fff;
    font-size: 14px;
    max-width: 100px;
    display: inline-block;
    width: 100px;
    text-align: center;
    border-radius: 40px;
    height: 40px;
    line-height: 40px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    position: relative;
    margin-top: 0px;
    opacity: 1;
}

.add-cart-btn.add_vendor_product_btn:hover {
    background-color: var(--top-header-color);
}

.product_variant_quantity_wrapper {
    text-align: right;
    position: relative;
    min-height: auto;
}

.categories-product-list .number {
    border: 0.5px solid var(--theme-deafult);
    border-radius: 8px;
}

.card-box.p-0.cart-main-box {
    background-color: var(--theme-deafult);
}

.cart-main-box-inside {
    background-color: #f5f5f5;
    display: block;
    overflow: hidden;
}

.cart-main-box h4.right-card-title {
    color: #fff;
}

.al_body_template_six.homeHeader .shopping-cart .col-12 {
    padding-left: 12px;
    padding-right: 12px;
}

.al_body_template_six.homeHeader .shopping-cart ul li {
    width: 100%;
    position: relative;
    cursor: pointer;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.al_body_template_six.homeHeader .shopping-cart ul li .action-icon {
    position: absolute;
    left: unset;
    top: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    opacity: 1;
    right: 0 ;
}

.al_body_template_six.homeHeader .shopping-cart ul {
    padding-top: 10px !important;
}


/* .al_body_template_six.homeHeader .shopping-cart ul h6,
.al_body_template_six.homeHeader .shopping-cart ul h5{margin: 0;} */

.al_body_template_six.homeHeader .shopping-cart ul li.alSixCart:hover .media-body h6 {
    padding-left: 0 !important;
}

.al_body_template_six.homeHeader .shopping-cart ul li:hover .media-body h6 {
    /* padding-left: 30px !important; */
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.al_body_template_six.homeHeader .shopping-cart ul li .media-body{
    padding-right: 30px;
}
.al_body_template_six.homeHeader .shopping-cart ul li:hover .action-icon {
    opacity: 1;
}

.al_body_template_six.homeHeader .container .vendor-products-wrapper .col-12 {
    padding: 0 15px;
}

.al_body_template_six .displayProducts .product-box .inner_spacing p {
    font-size: 14px;
    line-height: normal;
    font-weight: 300;
}

.alFourTemplateCartPage .product-img img {
    border-radius: 4px!important;
    object-fit: contain;
    height: 50px;
    margin: 10px 0;
}

.cart-page-layout .text-right p.total_amt {
    font-weight: 600;
}

.login-form.col.schedule_btn {
    position: relative;
}

.login-form.col.schedule_btn li.close-window {
    position: absolute;
    top: -18px;
}

.cart-box-outer.al_white_bg_round.product_row {
    background-color: #fff;
    box-shadow: 0 0 10px rgb(0 0 0 / 10%);
    padding: 10px !important;
    border-radius: 15px;
    -webkit-transition: 0.5s;
    transition: 0.5s;
    align-items: center;
}
.vendor-info li span{
    margin-left: 10px;
}
.cart-main-box .cart-sub-total {
    padding: 10px 12px;
    border-top: 1px solid #000;
}

.cart-main-box .checkout-btn {
    padding: 10px;
    background-color: var(--top-header-color);
    color: #fff!important;
}

.cart-main-box .checkout-btn:hover {
    background-color: #0c0c0c;
}
.add-on-main-div button.slick-prev{
    left: 0;
}
.add-on-main-div button.slick-next {
    right: 0;
}
.badge.badge-light {
    background-color: #0c0c0c;
    padding: 10px 0;
    color: #fff;
    font-size: 12px;
    margin-bottom: 10px !important;
}

.al_body_template_six .suppliers-img-outer {
    background-color: #f5f5f5;
    position: relative;
    padding-bottom: 100%;
    height: auto !important;
}

.al_body_template_six .suppliers-img-outer img {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    width: 100% !important;
}

.al_body_template_six .common-product-box,
.al_body_template_six .product-card-box {
    display: block;
    overflow: hidden;
    padding: 0 0 10px 0;
    background-color: #fff;
    border-radius: 15px;
}

.add-to-fav {
    display: none;
}

.al_body_template_six .product-card-box .rating-number {
    position: absolute;
    right: 10px;
    top: 10px;
}

.al_body_template_six .product-card-box h6 {
    font-size: 16px;
}

.al_body_template_six .product-card-box .vendor-cate {
    color: var(--theme-deafult);
    border-bottom: none !important;
    font-size: 12px;
}

.al_body_template_six .col-grid-box .common-product-box .media-body {
    padding: 0 10px;
}

a.media.flex-shrink-0 img.mr-2.blur-up.lazyloaded {
    border-radius: 10px;
}

.al_body_template_six .col-grid-box .common-product-box .media-body h4 {
    color: var(--theme-deafult);
    font-weight: 600;
}

.al_body_template_six .common-product-box a.row.w-100 {
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.al_body_template_six .common-product-box .product-description p {
    margin-bottom: 0;
}

.al_body_template_six .common-product-box .product-description p.pb-1 {
    font-size: 12px;
}

.al_body_template_six .common-product-box .product-description .card_title {
    margin-bottom: 0;
}

.al_body_template_six .common-product-box .product-description {
    padding-bottom: 7px;
}

.vendor_products_tr {
    overflow: hidden;
    border-radius: 20px;
}

.vendor_products_tr:hover {
    background-color: #f5f5f5;
}

a.action-icon.d-block.remove_product_via_cart {
    color: #f00;
    z-index: 9;
    cursor: pointer;
    position: absolute;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    /* right: -50px; */
    right: 10px;
}

.vendor_products_tr:hover a.action-icon.d-block.remove_product_via_cart {
    right: 10px;
}

.al_body_template_six .btn-solid {
    font-size: 14px;
    padding: 5px 12px;
    border-radius: 7px;
}

.box-account.box-info.order-address a.btn.btn-solid {
    font-size: 10px;
    padding: 4px 12px;
}


/*=================== single product page =============*/

.sold-by img {
    width: 40px;
    height: 40px;
    border-radius: 40px;
}


/*======================= order detail page map view =========================*/

.new-loader {
    color: currentcolor;
    position: relative;
    transform: translateZ(0);
    -webkit-animation-delay: -.16s;
    animation-delay: -.16s;
    top: -1em;
    margin: auto;
    display: block;
    width: 1em;
    height: 1em;
    pointer-events: none;
}

.new-loader:before,
.new-loader:after,
.new-loader {
    border-radius: 50%;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: new-loader 1.8s infinite ease-in-out;
    animation: new-loader 1.8s infinite ease-in-out
}

.new-loader:before,
.new-loader:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: inherit;
    height: inherit
}

.new-loader:before {
    right: 100%;
    -webkit-animation-delay: -.32s;
    animation-delay: -.32s
}

.new-loader:before,
.new-loader:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    width: inherit;
    height: inherit
}

.new-loader:after {
    left: 100%
}

.driver-profile-box {
    padding: 10px 0 10px 80px
}

.taxi-img {
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%)
}

.taxi-img img {
    width: 50px;
    height: 50px;
    border-radius: 50%
}

h4#driver_name {
    margin: 0
}

.product-rating-star li {
    margin-left: 2px
}

.product-rating-star i {
    color: #fdcc0d;
    font-size: 14px
}

@-webkit-keyframes new-loader {
    0%,
    80%,
    100% {
        box-shadow: 0 1em 0 -1em;
    }
    40% {
        box-shadow: 0 1em 0 -0.2em;
    }
}

@keyframes new-loader {
    0%,
    80%,
    100% {
        box-shadow: 0 1em 0 -1em;
    }
    40% {
        box-shadow: 0 1em 0 -0.2em;
    }
}

.dashboard-right .dashboard .page-title h2 {
    color: var(--theme-deafult)
}

.dashboard-right .dashboard {
    border: none;
    padding: 0 0 0 30px;
}

.page-title {
    margin-bottom: 40px
}

.common-banner {
    height: 400px
}

.sortingFilter.p-1 {
    color: #777;
    border-radius: 50px;
}


/* ============= wishlist page css ============== */

table.table.wishlist-table.border tr:hover {
    background-color: #f5f5f5;
}

tr.table-head th {
    font-size: 12px;
    font-weight: 400;
}

tr.wishlist-row h4,
tr.wishlist-row {
    font-size: 14px;
}

.wishlist-row .product-icon {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    overflow: hidden;
    background-color: #f5f5f5;
}


/* =========== MY LOYALTY page css ====================== */

.al_body_template_six .dashboard-right .al_inner_card .card-box.al_gold_box {
    padding: 0 0 20px;
    border-radius: 0 50px 10px 30px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .1)
}

.al_body_template_six .al_inner_card .point-img-box {
    position: relative;
    padding-bottom: 56%;
    border-radius: 0 40px 0 40px
}

.al_body_template_six .al_inner_card .point-img-box img {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    padding: 20px
}

.al_body_template_six .al_inner_card .col-md-4 .al_gold_box .point-img-box {
    background: linear-gradient(203.48deg, #C1903F -73.15%, #9F5E23 -10.36%, #221712 68.13%)
}

.al_body_template_six .al_inner_card .col-md-4:nth-child(2) .al_gold_box .point-img-box {
    background: linear-gradient(197.41deg, #FFD555 -64.41%, #AB7629 -40.46%, #FFD555 -16.51%, #FFD555 31.39%, #FFF4B3 79.29%, #FFD555 103.24%, #AB7629 127.19%, #FFD555 151.14%, #FFD555 175.09%)
}

.al_body_template_six .al_inner_card .col-md-4:nth-child(3) .al_gold_box .point-img-box {
    background: linear-gradient(197.41deg, #777 -64.41%, #FFF -40.46%, #777 -16.51%, #777 31.39%, #D9D9D9 79.29%, #777 103.24%, #FFF 127.19%, #777 151.14%, #777 175.09%)
}

.al_body_template_six .al_inner_card .col-md-4 .al_gold_box b {
    color: #9F5E23
}

.al_body_template_six .al_inner_card .col-md-4:nth-child(2) .al_gold_box b {
    color: #f09814
}

.al_body_template_six .al_inner_card .col-md-4:nth-child(3) .al_gold_box b {
    color: #777
}

.card-box.al_gold_box h4 b {
    font-weight: 400;
    font-size: 14px
}

.card-box.al_gold_box h4 span {
    display: block;
    font-size: 18px;
    line-height: 2;
    font-weight: 600
}

.medal-img img {
    width: 100%;
}

.points-title {
    color: var(--theme-deafult);
}

.ponits-heading {
    font-size: 12px;
    opacity: .5;
}


/* ============================== MY SUBSCRIPTIONS page css ====================*/

.pricingtable {
    position: relative;
    padding: 20px;
    border-radius: 0 50px 0 50px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    z-index: 1;
    background-color: #fff
}

.pricingtable::after {
    position: absolute;
    content: "";
    background: linear-gradient(203.48deg, var(--theme-deafult) -73.15%, var(--top-header-color) -10.36%, var(--theme-deafult) 68.13%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 0 50px 0 50px
}

.gold-icon.position-relative img {
    margin: 0 auto;
    display: block;
    border-radius: 50%
}

.pricingtable-header.position-absolute {
    left: -40px;
    padding: 20px;
    background: linear-gradient(100.48deg, var(--top-header-color) 10.36%, var(--theme-deafult) 73.15%, var(--theme-deafult) 68.13%);
    border-radius: 0 20px 0 20px;
    position: relative !important;
    margin: 15px 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .3)
}

.pricingtable-header.position-absolute .price-value {
    color: #fff;
    text-shadow: 2px 3px #000
}

.pricingtable .heading.mt-0.mb-2 {
    color: #fff;
    text-shadow: 3px 4px #000
}

.pricingtable ul li,
.pricingtable .pricing-content p {
    color: #fff
}

.pricingtable .p-2 {
    padding: 0 !important
}

.al_body_template_six .pricingtable .btn-solid {
    letter-spacing: 4px;
    text-shadow: 3px 3px #000;
    font-size: 16px
}

.al_body_template_six .pricingtable .btn-solid:hover {
    border: 2px solid transparent;
    background-color: transparent
}

.al_body_template_six .al_new_wrapper_design .vendor-description {
    padding: 10px 0px !important;
}

.al_body_template_six .displayProducts .product-box {
    overflow: hidden;
    padding: 0 0 10px;
    background-color: #fff;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
    border-radius: 15px;
    -webkit-transform: scale(.95);
    transform: scale(.95);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    display: block
}

.al_body_template_six .displayProducts .product-box:hover {
    -webkit-transform: scale(1);
    transform: scale(1)
}

/* .al_body_template_six .displayProducts .product-box .product-image {
    background-color: #f5f5f5;
    position: relative;
    padding-bottom: 100% !important;
    height: 100% !important
} */

.al_body_template_six .displayProducts .product-box .product-image img {
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.al_body_template_six .irs {
    width: 96%;
}

.al_body_template_six .displayProducts .product-box .media-body {
    padding: 0 10px
}

.al_body_template_six .displayProducts .product-box .media-body h6 b {
    font-weight: 400;
    color: var(--top-header-color)
}

.al_body_template_six .displayProducts .product-box .media-body h3 {
    font-size: 16px;
    margin-bottom: 0
}

.al_body_template_six .displayProducts .product-box .media-body h3 label,
.al_body_template_six .displayProducts .product-box .media-body h3 b {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.al_body_template_six .displayProducts .product-box .media-body .rating {
    position: absolute;
    top: 10px;
    right: 10px;
    color: var(--theme-deafult)
}

.al_body_template_six .displayProducts .product-box .media-body h4,
.al_body_template_six .displayProducts .product-box .media-body .rating i {
    color: var(--theme-deafult) !important
}

.al_body_template_six .collection-filter-block {
    padding:10px !important;
    background-color: #f5f5f5 !important;
    border-radius: 15px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
    border: none
}

.al_body_template_six .collection-collapse-block {
    padding-bottom: 10px;
    border-bottom: 1px solid #d2d2d2 !important
}

.al_body_template_six .collection-filter .theme-card .offer-slider img {
    width: 100%
}

.al_body_template_six .collection-collapse-block .collapse-block-title {
    font-size: 12px;
    font-weight: 400
}

.al_body_template_six .collection-collapse-block .collection-collapse-block-content .collection-brand-filter .collection-filter-checkbox label {
    font-weight: 400
}

.al_body_template_six .alSingleProducts {
    margin-top: 20px
}

.al_body_template_six .product-right.inner_spacing .rating i {
    color: var(--theme-deafult) !important
}

.al_body_template_six .product-right.inner_spacing .rating {
    position: absolute;
    right: 0;
    top: 0;
    color: var(--theme-deafult)
}

.al_body_template_six .product-right .org_price {
    color: red;
    font-size: 14px;
    text-decoration: line-through
}

.al_body_template_six .product-right h3 {
    font-size: 14px;
    /* color: var(--theme-deafult) */
    color: #000;
}

.al_body_template_six .order_detail_data .product_list label {
    font-size: 12px
}

.al_body_template_six .order_detail_data .product_list .alOrderImg {
    background-color: #f5f5f5;
    border-radius: 50%;
    height: 70px;
    width: 70px;
    margin-right: 10px;
    position: relative;
    overflow: hidden
}

.al_body_template_six .order_detail_data .product_list .alOrderImg img {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%
}

.al_body_template_six .progress-order {
    font-weight: 400
}

.al_body_template_six #active-orders .order_detail_data .product_list {
    vertical-align: bottom;
    display: flex;
    align-items: center
}

.al_body_template_six .order_detail_data .product_list .item_no {
    background-color: var(--top-header-color);
    height: 20px;
    width: 20px;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    line-height: 20px;
    top: 6px;
    right: 10px
}

.al_body_template_six .product-full-tab .nav-material.nav-tabs .nav-item .nav-link,
.al_body_template_six .tab-product .nav-material.nav-tabs .nav-item .nav-link {
    color: #777;
    text-align: center;
    padding: 0 15px 5px;
    text-transform: uppercase;
    border: 0;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 2px
}

.al_body_template_six .product-full-tab .nav-material.nav-tabs .nav-item .nav-link.active,
.al_body_template_six .tab-product .nav-material.nav-tabs .nav-item .nav-link.active {
    color: var(--top-header-color);
}

.price_box_bottom span,
.price_box_bottom label,
.order_head h4,
.alOrderStatus h4 {
    font-size: 12px
}

.order_head span,
.alOrderStatus span {
    font-size: 14px
}

.price_box_bottom span {
    color: var(--theme-deafult);
    font-weight: 600
}

.page-item.active .page-link {
    background-color: var(--theme-deafult);
    border-color: var(--theme-deafult)
}

.displayProducts {
    margin-top: 20px
}

.top-banner-content.small-section h4 {
    margin: 0;
    color: var(--top-header-color)
}
.al_body_template_six .dashboard-left .block-content {
    background-color: #fff;
    border: none;
    border-radius: 15px;
    box-shadow :0 0 10px rgb(0 0 0 / 20%);
}

.dark.al_body_template_six .dashboard-left .block-content {
    background-color: #232323;
}

.dark table.table.wishlist-table.border tr:hover {
    background-color: #232323;
}

.dark.al_body_template_six .dashboard-left .block-content ul li::before {
    color: #fff;
}

.dark.al_body_template_six .dashboard-left .block-content ul li:hover::before,
.dark.al_body_template_six .dashboard-left .block-content ul li.active::before {
    color: var(--theme-deafult);
}

.al_body_template_six .suppliers-box {
    -webkit-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: .5s;
    transition: .5s;
    background-color: #fff;
    padding: 0 0 10px;
    border-radius: 15px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden
}

.al_body_template_six .suppliers-box:hover {
    -webkit-transform: scale(1);
    transform: scale(1)
}

ul.timing-box li svg,
.product-timing small svg {
    fill: var(--top-header-color);
}

ul.timing-box li span,
.product-timing small {
    color: var(--theme-deafult);
}

ul.timing-box {
    display: flex;
    justify-content: space-between;
}


/*============================== MY SUBSCRIPTIONS page css ====================*/


/*====================== rating form ========================= */

.rating-form .form-group {
    position: relative;
    border: 0
}

.rating-form .form-legend+.form-item {
    padding-top: 10px
}

.rating-form .form-item {
    position: relative;
    width: 220px;
    direction: rtl
}

.rating-form input[type=radio] {
    position: absolute;
    left: -9999px
}

.rating-form label {
    display: inline-block;
    cursor: pointer;
    margin: 0
}

.rating-form input[type=radio]+label:before {
    content: attr(data-value);
    position: absolute;
    right: 30px;
    opacity: 0;
    direction: ltr
}

.rating-form input[type=radio]+label:after,
.rating-form input[type=radio]+label:before {
    top: 13px;
    font-size: 16px
}

.rating-form .rating-star {
    display: inline-block;
    position: relative
}

.rating-star {
    cursor: pointer;
    font-size: 16px
}

.rating-form label .fa {
    font-size: 30px;
    line-height: 30px
}

.rating-form .ir {
    position: absolute;
    left: -9999px
}

.rating-form input[type=radio]+label:after {
    content: "/ 5";
    position: absolute;
    right: 0;
    opacity: 0;
    direction: ltr
}

.rating_files .file--upload>label {
    width: 100%;
    display: inline-block;
    position: relative;
    height: 100px;
    border: 1px dashed #ddd
}

.rating-form label .fa-star {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0
}

.rating-form .form-output {
    display: none;
    position: absolute;
    right: 15px;
    bottom: -45px;
    font-size: 30px;
    font-size: 3rem;
    opacity: 0
}

.rating-form input[type=radio]:checked~.form-output {
    right: 5px;
    opacity: 1
}

.rating-form input[type=radio]:checked~label .fa-star-o,
.rating-form label:focus .fa-star-o,
.rating-form label:focus~label .fa-star-o,
.rating-form label:hover .fa-star-o,
.rating-form label:hover~label .fa-star-o {
    opacity: 0
}

.rating-form input[type=radio]:checked~label .fa-star {
    color: gold
}

.rating-form input[type=radio]:checked~label .fa-star,
.rating-form label:focus .fa-star,
.rating-form label:focus~label .fa-star,
.rating-form label:hover .fa-star,
.rating-form label:hover~label .fa-star {
    opacity: 1
}

.rating_files .file--upload>label {
    width: 100%;
    display: inline-block;
    position: relative;
    height: 100px;
    border: 1px dashed #ddd;
}

.file--upload>label .plus_icon {
    height: 33px;
    width: 33px;
    line-height: 36px;
    color: #fff;
    text-align: center;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0;
    border-radius: 50%;
    background-color: var(--theme-deafult);
    box-shadow: 0 2px 4px 0 rgb(63 159 255 / 40%);
    display: block;
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    bottom: 0;
    top: 0;
}

.file.file--upload i.fa {
    color: #fff;
}


/*====================== rating form ========================= */


/*========================== vendor page ===========================*/

.product-bottom-bar .vender-icon {
    position: relative;
}

.alProductCategories .product-bottom-bar .vendor-reviwes {
    position: absolute;
    top: -10px;
    right: -10px;
}

.product-bottom-bar .vendor-reviwes {
    position: absolute;
    top: 10px;
    right: 0;
}

.vendor-details-left h3,
.product-bottom-bar .vendor-reviwes .rating-text-box {
    color: var(--theme-deafult);
}

.file .update_pic {
    background-color: #eee;
    padding: 7px;
}


/*=================== new vendor page css ========================*/

.product-box .img-wrapper,
.product-wrap .img-wrapper {
    border-radius: 12px 12px 0 0;
}

.product-box .product-detail,
.product-box .product-info,
.product-wrap .product-detail,
.product-wrap .product-info {
    padding-left: 10px;
}

span.pagingInfo {
    position: absolute;
    top: -80px;
    right: 35px;
    color: #fff
}

ol.breadcrumb {
    background-color: transparent
}

.breadcrumb-item.active {
    color: #CAAE73
}

.breadcrumb-item {
    position: relative;
    font-size: 14px
}

.breadcrumb-item+.breadcrumb-item::before {
    border: solid #CAAE73;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    position: absolute;
    content: "";
    left: 0px;
    top: 7px
}

.alShareLink {
    color: #CAAE73;
    cursor: pointer
}

.productsPrice {
    font-size: 24px
}

.productDetails li {
    position: relative;
    width: 100%
}

.productDetails li:before {
    content: ".";
    position: absolute;
    font-size: 20px;
    left: 4px;
    top: 14px;
    line-height: 0
}

.productDetails {
    max-height: 160px;
    overflow-x: hidden;
    overflow-y: scroll;
    padding-bottom: 40px
}

.productBookingBtns:before {
    height: 70px;
    width: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 100%);
    position: absolute;
    content: "";
    top: -70px;
    z-index: 1
}

.alProductBtns {
    background-color: #CAAE73;
    padding: 12px 15px;
    border: 1px solid #CAAE73;
    color: #fff;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 30px
}

.alProductBtns:hover {
    background-color: #84571E;
    color: #fff
}

.outlineBtn {
    background-color: #fff;
    border: 1px solid #CAAE73;
    color: #CAAE73
}

.outlineBtn:hover {
    background-color: #84571E;
    color: #fff
}

.viewAllProductSec .card-body {
    border-radius: 10px;
    box-shadow: 0 1px 7px rgba(62, 62, 76, 12%)
}

.whyPeopleVisit {
    background-color: #FAF7F1;
    background-image: url(../spaimages/Vector_bg.png);
    background-repeat: no-repeat;
    background-position: right center
}

.whyPeopleVisit:nth-child(odd) {
    background: var(--top-header-color), 30%;
}

.SpasRelatedItems {
    background-color: #fff;
    border-radius: 16px;
    box-shadow: 0 0px 10px rgb(0 0 0 / 10%);
    overflow: hidden
}

.SpasRelated .slick-prev.slick-arrow {
    left: 0;
    z-index: 1
}

.SpasRelated .slick-arrow {
    font-size: 0;
    border: 0;
    background-color: #CAAE73;
    height: 50px;
    width: 50px;
    border-radius: 50px;
    position: absolute;
    bottom: 0
}

.SpasRelated .slick-list.draggable {
    padding: 10px 0
}

.SpasRelated .slick-next.slick-arrow {
    right: 0;
    z-index: 1
}

.SpasRelated .slick-next:after {
    position: absolute;
    content: "";
    right: 15px;
    top: 25px;
    height: 2px;
    width: 20px;
    background-color: #fff
}

.SpasRelated .slick-next:before {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 6px;
    transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    position: absolute;
    content: "";
    right: 15px;
    top: 19px
}

.SpasRelated .slick-prev:before {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 6px;
    transform: rotate(135deg) translateY(-50%);
    -webkit-transform: rotate(135deg) translateY(-50%);
    position: absolute;
    content: "";
    right: 25px;
    top: 30%
}

.SpasRelated .slick-prev:after {
    position: absolute;
    content: "";
    right: 15px;
    top: 26px;
    height: 2px;
    width: 20px;
    background-color: #fff
}

span.pagingInfo {
    position: absolute;
    top: -80px;
    right: 35px;
    color: #fff
}

ol.breadcrumb {
    background-color: transparent
}

.breadcrumb-item.active {
    color: #CAAE73
}

.breadcrumb-item {
    position: relative;
    font-size: 14px
}

.alShareLink {
    color: #CAAE73;
    cursor: pointer
}

.productsPrice {
    font-size: 24px
}

.productBookingBtns {
    position: relative;
    width: 100%
}

.productDetails p {
    line-height: 30px;
}

.productDetails p:empty {
    display: none;
}

.productDetails {
    max-height: 160px;
    overflow-x: hidden;
    overflow-y: auto;
    padding-bottom: 20px
}

.ac-royo-btn::before,
.productBookingBtns:before {
    left: 0;
    height: 50px;
    width: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 100%);
    position: absolute;
    content: "";
    top: -50px;
    z-index: 1
}

.alProductBtns {
    background-color: #CAAE73;
    padding: 12px 15px;
    border: 1px solid #CAAE73;
    color: #fff;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 30px
}

.alProductBtns:hover {
    background-color: #84571E;
    color: #fff
}

.outlineBtn {
    background-color: #fff;
    border: 1px solid #CAAE73;
    color: #CAAE73
}

.outlineBtn:hover {
    background-color: #84571E;
    color: #fff
}

.viewAllProductSec .card-body {
    border-radius: 10px;
    box-shadow: 0 1px 7px rgba(62, 62, 76, 12%)
}

.whyPeopleVisit {
    background-color: #FAF7F1;
    background-image: url(../spaimages/Vector_bg.png);
    background-repeat: no-repeat;
    background-position: right center
}

.SpasRelatedItems {
    background-color: #fff;
    border-radius: 16px;
    box-shadow: inset 0 0px 10px rgb(0 0 0 / 10%);
    overflow: hidden
}

.SpasRelated .slick-prev.slick-arrow {
    left: 0;
    z-index: 1
}

.SpasRelated .slick-arrow {
    font-size: 0;
    border: 0;
    background-color: #CAAE73;
    height: 50px;
    width: 50px;
    border-radius: 50px;
    position: absolute;
    bottom: 0
}

.SpasRelated .slick-list.draggable {
    padding: 10px 0
}

.SpasRelated .slick-next.slick-arrow {
    right: 0;
    z-index: 1
}

.SpasRelated .slick-next:after {
    position: absolute;
    content: "";
    right: 15px;
    top: 25px;
    height: 2px;
    width: 20px;
    background-color: #fff
}

.SpasRelated .slick-next:before {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 6px;
    transform: rotate(315deg);
    -webkit-transform: rotate(315deg);
    position: absolute;
    content: "";
    right: 15px;
    top: 19px
}

.SpasRelated .slick-prev:before {
    border: solid #fff;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 6px;
    transform: rotate(135deg) translateY(-50%);
    -webkit-transform: rotate(135deg) translateY(-50%);
    position: absolute;
    content: "";
    right: 25px;
    top: 30%
}

.SpasRelated .slick-prev:after {
    position: absolute;
    content: "";
    right: 15px;
    top: 26px;
    height: 2px;
    width: 20px;
    background-color: #fff
}

.productBookingBtns .number {
    display: inline-block;
    border: 1px solid var(--theme-deafult);
    color: var(--theme-deafult);
    border-radius: 30px;
    padding: 6px 10px;
}

.alFourTemplateCartPage .number .counter-container {
    border: none;
    border-radius: 0px;
}

.al_body_template_six section.section-b-space.ratio_asos {
    padding-bottom: 0;
}


/*================ thumbnail slider css start =================*/

.regular .slick-next,
.regular .slick-prev {
    z-index: 1
}

.regular .slick-next {
    right: 0
}

.regular .slick-prev {
    left: 0
}

.regular .slick-prev:before {
    content: '';
    background-image: url(../spaimages/arrowl.png);
    background-repeat: no-repeat;
    height: 50px;
    width: 50px;
    position: absolute;
    left: 50px
}

.regular .slick-next:before {
    content: '';
    background-image: url(../spaimages/arrowr.png);
    height: 50px;
    width: 50px;
    position: absolute;
    background-repeat: no-repeat;
    right: 50px
}

.regular-nav .slick-slide {
    margin: 0 20px
}

.regular {
    margin-bottom: 15px;
    width: 100%
}

.regular div {
    overflow: hidden;
    position: relative;
    min-height: 550px;
}

.regular img {
    width: 100%;
    height: 100%;
    position: absolute;
    object-fit: cover;
}

.regular-nav .slick-slide {
    opacity: 1;
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
}

.regular-nav .slick-slide.slick-active,
.regular-nav .slick-slide:hover {
    opacity: 1;
}

#product__slider {
    max-width: 100%;
    width: 100%;
    margin: 0 auto;
    padding-bottom: 50px;
}

.regular-nav {
    max-width: 1170px;
    overflow: hidden;
    margin: -100px auto 0;
    width: 100%;
}

.regular-nav div {
    min-height: 150px;
    border-radius: 20px;
    overflow: hidden;
    opacity: 1 !important;
    position: relative
}

.al_body_template_six {
    /* background-image: url(../spaimages/Vector_bg.png); */
    background-repeat: no-repeat;
    background-position: right top;
    background-size: 20%
}

.regular-nav div img {
    height: 100%;
    width: 100%;
    position: absolute;
    object-fit: cover;
}

.slick-initialized .slick-slide {
    overflow: hidden
}

.Spasslider {
    width: 100%
}


/*======================== thumbnail slider css end =================*/


/*==================== Home services page css ====================*/

.al_body_template_six #main-nav {
    top: 0;
    padding: 0;
    margin-bottom: 0;
}

.al_body_template_six #main-nav li {
    padding: 0 10px 10px;
    margin-right: 0;
}

.al_body_template_six #main-nav li a {
    font-size: 14px;
    font-weight: 400;
}

.al_body_template_six #main-nav li.current a {
    background-color: var(--theme-deafult);
    color: #fff;
}

.class_img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
}

.outter-scroller .classes_wrapper  .class_img img{
    width: 100%;
    height: 100%;
    object-fit: contain;
    position: relative;
    right: 0;
    top: 0;
    bottom: 0;
    left: 0;
    height: 130px;
}
.alScrollspyProduct .class_img img{
    position: unset;
}

.product-order {
    border-radius: 10px;
    box-shadow: 0 1px 7px rgb(62 62 76 / 12%);
    position: relative;
    margin-top: 0;
}

.product-order .total-sec {
    background-color: var(--theme-deafult);
    padding: 10px !important;
    border-radius: 10px 10px 0 0;
}

.service-img.mb-3 {
    border-radius: 0 0 10px 10px;
    overflow: hidden;
}

.service-img.mb-3 img {
    width: 100%;
}

.product-order .total-sec h5 {
    padding: 0 !important;
    margin: 0;
}

.date-items.radio-btns button.slick-arrow {
    top: 60px;
}

.radio-btns.long-radio input[type="radio"]+label .customCheckbox {
    width:100%;
    vertical-align: middle;
    white-space: normal;
    border-radius: 50px;
    height: auto;
    line-height: normal;
    padding: 10px 14px;
    font-size: 14px;
}

.radio-btns input[type="radio"] {
    display: none;
}

.radio-btns input[type="radio"]+label span {
    display: inline-block;
    box-sizing: border-box;
    position: relative;
    width: 49px;
    height: 49px;
    line-height: 49px;
    text-align: center;
    padding: 0;
    border-radius: 50%;
    z-index: 1;
    color: #1f2431;
    background: #f3f3f3;
    overflow: hidden;
    transition: all .5s;
    -webkit-transition: all .5s;
    cursor: pointer;
}

.booking-time-wrapper p {
    font-size: 12px;
    color: var(--theme-deafult);
}

.date-items.radio-btns,
.booking-time.radio-btns.long-radio {
    margin-bottom: 0;
    padding: 0 20px;
}

.radio-btns label {
    margin-bottom: 0;
}

#date_time_set_div1681 .radio-btns .slick-prev {
    left: 0px;
}

#date_time_set_div1681 .radio-btns .slick-next {
    right: 0px;
}

.alCustomHomeServiceRadio input[type="radio"]:checked+label span {
    background: var(--theme-deafult);
    color: #fff;
}

.radio-btns.long-radio input[type="radio"]:checked+label .customCheckbox {
    background: var(--theme-deafult);
    color: #fff;
}

.spinner-box {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #000;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
    opacity: .7;
}

.spinner-box .circle-border {
    width: 50px;
    height: 50px;
    padding: 3px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    background: var(--theme-deafult);
    background: linear-gradient(0deg, #f2f2f2 33%, var(--theme-deafult) 100%);
    animation: spin .8s linear 0s infinite
}

.spinner-box .circle-core {
    width: 100%;
    height: 100%;
    background-color: #fff;
    border-radius: 50%
}

.product-order .total-sec h5 {
    color: #fff;
}

.classes_wrapper {
    border-radius: 10px;
    box-shadow: 0 1px 7px rgb(62 62 76 / 12%);
    padding: 10px 20px;
    margin-bottom: 20px;
}

.ac-royo-btn {
    border-top: 1px solid #eee;
    padding-top: 10px;
}

.product-order .show-div.shopping-cart {
    padding: 0;
}

.product-order .show-div.shopping-cart .media-body span.ellips {
    font-size: 12px;
    font-weight: 400;
    max-width: 150px;
}

.product-order .show-div.shopping-cart span {
    font-weight: 600;
}

.product-order .show-div.shopping-cart li.alVendorProductTotals h6 {
    margin: 0;
}

.product-order .show-div.shopping-cart li h6 {
    margin: 0;
}

.product-order .show-div.shopping-cart li {
    display: flex;
    align-items: center;
    position: relative;
    overflow: hidden;
    padding: 0 10px;
}

.product-order .show-div.shopping-cart li:last-child {
    padding-bottom: 20px;
}

.product-order .show-div.shopping-cart li.alVendorProductDetails {
    -webkit-transition: 0.5s;
    transition: 0.5s;
}
.product-order .show-div.shopping-cart li.alVendorProductDetails .media-body {
    padding-right: 30px;
}
.product-order .show-div.shopping-cart li.alVendorProductDetails:hover .media-body {    
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.product-order .show-div.shopping-cart li.alVendorProductDetails:hover .close-circle .action-icon {
    right: 0;
    -webkit-transition: 0.5s;
    transition: 0.5s;
}

.classes_wrapper .alSixHomeServiceSteps p.mb-1 {
    max-height: 100px;
    overflow-y: scroll;
    position: relative;
    padding-bottom: 20px;
    font-size: 14px;
    line-height: 26px;
    font-weight: 300;
    padding-right: 10px;
}

.alSixHomeServiceSteps {
    position: relative;
}

.alSixHomeServiceSteps:before {
    height: 30px;
    width: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFF 100%);
    position: absolute;
    content: "";
    bottom: 0;
    z-index: 1;
}

section.home-serivces .card-box {
    background-color: transparent;
    padding: 0;
    box-shadow: none;
}

.product-order hr {
    display: none;
}

.ac-royo-btn h5 {
    font-size: 16px;
    font-weight: 600;
}

.ac-royo-btn .number {
    border: 2px solid var(--theme-deafult);
    border-radius: 50px;
    padding: 3px 10px;
}

/* .al_body_template_six .btn-solid {
    font-size: 12px !important;
    padding: 7px 12px !important;
    border-radius: 50px;
    font-weight: 300;
} */

.show-div.shopping-cart h4 {
    padding-bottom: 0 !important;
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 10px;
}

.show-div.shopping-cart h5 {
    padding-bottom: 0 !important;
    margin: 0;
    padding-left: 10px;
    padding-right: 10px;
}

.cart-main-box-inside .show-div.shopping-cart h5 {
    padding-left: 0px;
    padding-right: 0px;
}

.show-div.shopping-cart .total h5 {
    padding-left: 0;
}

.number {
    border: 1px solid #1f4377;
    border-radius: 50px;
    padding: 3px 10px;
    background: #1f4377;
}

#cart_table .number {
    border: none;
}

.alVendorName {
    margin-top: 10px;
}

#cart_table .number .counter-container {
    border: 1px solid var(--theme-deafult);
    border-radius: 4px;
    width: fit-content;
    border-radius: 50px;
    padding: 3px 10px;
}

.alSixHomeServiceSteps p:empty {
    display: none;
}

#alSixHomeServices hr {
    display: none;
}

#alSixHomeServices .shopping-cart hr {
    display: block;
    margin: 5px 0 !important;
}


/*===================== order page css =============================*/

.product-order .total-sec h5 {
    margin: 0;
    padding-bottom: 0 !important;
}

.step-indicator {
    margin-top: 50px;
    display: flex;
    align-items: center;
    padding: 0 15px;
}

.step {
    display: flex;
    align-items: center;
    flex-direction: column;
    position: relative;
    z-index: 1;
}

.step-indicator .step-icon {
    height: 50px;
    width: 50px;
    border-radius: 50%;
    background: #c2c2c2;
    font-size: 10px;
    text-align: center;
    color: #fff;
    position: relative;
    line-height: 50px;
    font-size: 20px;
}

.step p {
    text-align: center;
    position: absolute;
    bottom: -40px;
    color: #c2c2c2;
    font-size: 14px;
    font-weight: 400;
    width: 100px;
}

.step.active p {
    color: var(--theme-deafult);
}

.step.active .step-icon {
    background: var(--theme-deafult);
}

.indicator-line {
    width: 100%;
    height: 2px;
    background: #c2c2c2;
    flex: 1;
}

.step-indicator .step-icon-order img {
    height: 30px;
    width: 30px;
}

.class_img {
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    /* padding-bottom: 70%; */
    width: 100%;
}

.home-serivces .step-indicator {
    display: block;
    padding: 0;
    background-color: #eee;
    border-radius: 50px;
    margin: 40px auto 0;
    max-width: 630px;
    width: 100%;
}

.home-serivces .step {
    display: inline-block;
    position: relative;
    z-index: 1;
    padding-right: 70px;
}

.home-serivces .step p {
    margin: 0;
    display: inline-block;
    position: relative;
    bottom: 0;
    display: inline-block;
    width: auto;
}

.home-serivces .step-icon {
    background-color: #777;
    height: 50px;
    width: 50px;
    border-radius: 50px;
    text-align: center;
    color: #fff;
    line-height: 50px;
    margin-right: 10px;
    display: inline-block;
}

.home-serivces .step.active {
    background-color: var(--theme-deafult);
    border-radius: 50px;
    padding-right: 70px;
    color: #fff;
}

.cart-box-outer .row.price_head {
    overflow: hidden;
}

.home-serivces #step-2-ondemand {
    border-radius: 10px;
    box-shadow: 0 1px 7px rgb(62 62 76 / 12%);
    padding: 10px 20px;
    margin-bottom: 20px;
}

.booking-time-wrapper h4.mt-4.mb-2 {
    margin-top: 20px !important;
}

.booking-time-wrapper {
    margin-bottom: 20px;
}

.home-serivces .step.step2 {
    margin-left: -50px;
}

.home-serivces .step.step3 {
    margin-left: -50px;
}

.home-serivces .step.active .step-icon {
    background-color: var(--top-header-color);
}

.home-serivces .step.active p {
    color: #fff;
}


/* ============================== MY SUBSCRIPTIONS page css ====================*/

.pricingtable {
    position: relative;
    padding: 20px;
    border-radius: 0 50px 0 50px;
    box-shadow: 0 2px 10px rgba(0, 0, 0, .3);
    z-index: 1;
    background-color: #fff
}

.pricingtable::after {
    position: absolute;
    content: "";
    background: linear-gradient(203.48deg, var(--theme-deafult) -73.15%, var(--top-header-color) -10.36%, var(--theme-deafult) 68.13%);
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
    border-radius: 0 50px 0 50px
}

.gold-icon.position-relative img {
    margin: 0 auto;
    display: block;
    border-radius: 50%
}

.pricingtable-header.position-absolute {
    left: -40px;
    padding: 20px;
    background: linear-gradient(100.48deg, var(--top-header-color) 10.36%, var(--theme-deafult) 73.15%, var(--theme-deafult) 68.13%);
    border-radius: 0 20px 0 20px;
    position: relative!important;
    margin: 15px 0;
    box-shadow: 0 2px 5px rgba(0, 0, 0, .3)
}

.pricingtable-header.position-absolute .price-value {
    color: #fff;
    text-shadow: 2px 3px #000
}

.pricingtable .heading.mt-0.mb-2 {
    color: #fff;
    text-shadow: 3px 4px #000
}

.pricingtable ul li,
.pricingtable .pricing-content p {
    color: #fff
}

.pricingtable .p-2 {
    padding: 0!important
}

.al_body_template_six .pricingtable .btn-solid {
    letter-spacing: 4px;
    text-shadow: 3px 3px #000;
    font-size: 16px
}

.al_body_template_six .pricingtable .btn-solid:hover {
    border: 2px solid transparent;
    background-color: transparent
}

.al_body_template_six .al_new_wrapper_design .vendor-description {
    padding: 10px 0px !important;position: relative;
    z-index: 9;border: 1px solid#cccccc3d;
    border-radius: 10px;
}
.al_body_template_six .alVender .col-md-3.col-6.col-grid-box.mt-4 {
    margin-top: 0px !important;
    margin-bottom: 20px;
}
.al_body_template_six .displayProducts .product-box {
    overflow: hidden;
    padding: 0 0 10px;
    background-color: #fff;
    /* box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25); */
    box-shadow: rgb(28 28 28 / 12%) 0 0.4rem 1.8rem;
    border: 1px solid #e8e8e8;
    border-radius: 15px;
    -webkit-transform: scale(.95);
    transform: scale(.95);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    display: block
}
.al_body_template_six .displayProducts .product-box:hover {
    -webkit-transform: scale(1);
    transform: scale(1)
}

.al_body_template_six .displayProducts .product-box .product-image {
    /* background-color: #f5f5f5; */
    position: relative;
    padding-bottom: 0%!important;
    height: 100%!important;
    /* max-height: 250px;
    min-height: 250px; */
}

.al_body_template_six .displayProducts .product-box .product-image img {
    position: inherit;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}
.alSingleProducts .product-right .btn-wrapper .product-buttons {
    margin: 20px 0px;
}

.al_body_template_six .displayProducts .product-box .media-body {
    padding: 0 10px;
}

.al_body_template_six .displayProducts .product-box .media-body h6 b {
    font-weight: 400;
    color: var(--top-header-color)
}

.al_body_template_six .displayProducts .product-box .media-body h3 {
    font-size: 16px;
    margin-bottom: 0;
    margin-top: 0;
}

.al_body_template_six .displayProducts .product-box .media-body h3 label,
.al_body_template_six .displayProducts .product-box .media-body h3 b {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap
}

.al_body_template_six .displayProducts .product-box .media-body .rating {
    position: absolute;
    top: 10px;
    right: 10px;
    color: var(--theme-deafult)
}

.al_body_template_six .displayProducts .product-box .media-body h4,
.al_body_template_six .displayProducts .product-box .media-body .rating i {
    color: var(--theme-deafult)!important
}

.al_body_template_six .collection-filter-block {
    padding: 20px;
    background-color: #f5f5f5;
    border-radius: 15px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.25);
    border: none
}

.al_body_template_six .collection-collapse-block {
    padding-bottom: 10px;
    border-bottom: 1px solid #d2d2d2!important
}

.al_body_template_six .collection-filter .theme-card .offer-slider img {
    width: 100%
}

.al_body_template_six .collection-collapse-block .collapse-block-title {
    font-size: 14px;
    font-weight: 400
}

.al_body_template_six .collection-collapse-block .collection-collapse-block-content .collection-brand-filter .collection-filter-checkbox label {
    font-weight: 400
}

.al_body_template_six .alSingleProducts {
    margin-top: 20px
}

.al_body_template_six .product-right.inner_spacing .rating i {
    color: var(--theme-deafult)!important
}

.al_body_template_six .product-right.inner_spacing .rating {
    position: absolute;
    right: 0;
    top: 0;
    color: var(--theme-deafult)
}

.al_body_template_six .product-right .org_price {
    color: red;
    font-size: 14px;
    text-decoration: line-through
}

/* .al_body_template_six .product-right h3 {
    font-size: 20px;
    color: var(--theme-deafult)
} */

.al_body_template_six .order_detail_data .product_list label {
    font-size: 12px;
    padding-left: 10px;
}

.al_body_template_six .order_detail_data .product_list .alOrderImg {
    background-color: #f5f5f5;
    border-radius: 50%;
    height: 70px;
    width: 70px;
    margin-right: 10px;
    position: relative;
    /* overflow: hidden */
    overflow: visible;
}

.al_body_template_six .order_detail_data .product_list .alOrderImg img {
    position: absolute;
    margin: auto;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 100%;
    max-height: 100%
}

.al_body_template_six .progress-order {
    font-weight: 400;   
     width: calc(100% + 48px);
}
.al_body_template_six .progress-order span.badge{font-size: 10px;}
.al_body_template_six #active-orders .order_detail_data .product_list {
    vertical-align: bottom;
    display: flex;
    align-items: center
}

.al_body_template_six .order_detail_data .product_list .item_no {
    background-color: var(--top-header-color);
    height: 20px;
    width: 20px;
    border-radius: 50%;
    color: #fff;
    font-size: 10px;
    line-height: 20px;
    top: 6px;
    right: 37px
}

.al_body_template_six .product-full-tab .nav-material.nav-tabs .nav-item .nav-link,
.al_body_template_six .tab-product .nav-material.nav-tabs .nav-item .nav-link {
    color: #777;
    text-align: center;
    padding: 0 15px 5px;
    text-transform: uppercase;
    border: 0;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 2px
}

.al_body_template_six .product-full-tab .nav-material.nav-tabs .nav-item .nav-link.active,
.al_body_template_six .tab-product .nav-material.nav-tabs .nav-item .nav-link.active {
    color: var(--top-header-color);
}

.price_box_bottom span,
.price_box_bottom label,
.order_head h4,
.alOrderStatus h4 {
    font-size: 12px
}

.order_head span,
.alOrderStatus span {
    font-size: 14px
}

.price_box_bottom span {
    color: var(--theme-deafult);
    font-weight: 600
}

.page-item.active .page-link {
    background-color: var(--theme-deafult);
    border-color: var(--theme-deafult)
}

.displayProducts {
    margin-top: 20px
}

.top-banner-content.small-section h4 {
    margin: 0;
    color: var(--top-header-color)
}
.al_body_template_six section.section-b-space.ratio_asos .collection-filter.col-lg-3{
    padding:0px 0px;
}
.collection-filter .theme-card {
    position: relative;
    /* margin-top: 20px */
}

.al_body_template_six .dashboard-left .block-content {
    background-color: #fff;
    border: none;
    border-radius: 15px;
    box-shadow :0 0 10px rgb(0 0 0 / 20%)
}

.dark.al_body_template_six .dashboard-left .block-content {
    background-color: #232323;
}

.dark table.table.wishlist-table.border tr:hover {
    background-color: #232323;
}

.dark.al_body_template_six .dashboard-left .block-content ul li::before {
    color: #fff;
}

.dark.al_body_template_six .dashboard-left .block-content ul li:hover::before,
.dark.al_body_template_six .dashboard-left .block-content ul li.active::before {
    color: var(--theme-deafult);
}

.al_body_template_six .suppliers-box {
    -webkit-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: .5s;
    transition: .5s;
    background-color: #fff;
    padding: 0 0 10px;
    border-radius: 15px;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1);
    overflow: hidden
}

.al_body_template_six .suppliers-box:hover {
    -webkit-transform: scale(1);
    transform: scale(1)
}

ul.timing-box li svg,
.product-timing small svg {
    fill: var(--top-header-color);
}

ul.timing-box li span,
.product-timing small {
    color: var(--theme-deafult);
}

ul.timing-box {
    display: flex;
    justify-content: space-between;
}


/*============================== MY SUBSCRIPTIONS page css ====================*/

.home-serivces .step.active .step-icon-order-fill {
    background: var(--top-header-color);
}

.home-serivces .step-indicator .step-icon-order {
    height: 30px;
    width: 30px;
    border-radius: 50%;
    background: #c2c2c2;
    font-size: 10px;
    text-align: center;
    color: #fff;
    position: relative;
    line-height: 24px;
    font-size: 20px;
}

.home-serivces .step-indicator .step-icon-order img {
    height: 30px;
    width: 30px;
}

.home-serivces .indicator-line.active {
    background: var(--theme-deafult);
}

.home-serivces .indicator-line {
    display: none;
}

.tab-product .tab-content.nav-material p {
    padding: 0 10px;
    font-size: 12px;
    color: var(--top-header-color);
}

.order_detail.order_detail_data {
    margin-bottom: 20px !important;
    overflow: hidden;
}

.status_box i,
.status_box label {
    vertical-align: middle;
    display: inline-block;
}

.alOrderDetailsLink,
.status_box label {
    background: rgba(247, 184, 75, .25);
    color: #f7b84b;
    border-radius: 50px;
    padding: 2px 10px;
    font-size: 12px;
    overflow: hidden;
    margin-top: 2px;
}

.service-data h4 {
    margin: 0;
    padding: 12px 20px;
    background-color: var(--theme-deafult);
    border-radius: 10px 10px 0 0;
    color: #fff;
    font-weight: 100;
}

.service-data h4.mt-3.mb-3.text-center {
    background-color: transparent;
    color: #f00;
}

.home-serivces .service-data hr {
    display: none;
}


/* ==================== Home services page css ==================== */


/*===================== login page css start here ==================== */

.login-section {
    position: relative;
}

body.dark .iti--separate-dial-code .iti__selected-flag {
    background-color: #232323;
}

body .iti__country-list {
    max-width: 300px;
}

body.dark .iti__country-list {
    background-color: #232323;
}

body .flag-container li,
body .iti__flag-container li {
    display: block;
}

img.LoginAreaBG {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    top: 0;
    object-fit: cover;
    height: 100%;
    z-index: 0;
}

article.bgFourPage img.LoginAreaBG {
    opacity: .7;
}

#login-section {
    background-color: #fff;
    height: 100%;
    width: 100%;
    background-position: center;
    background-size: cover;
    border-radius: 50px;
    position: relative;
    overflow: hidden;
    box-shadow: 0 0 10px rgb(0 0 0 / 20%);
}

#login-section .LoginLogoBG {
    position: relative;
    z-index: 2;
    text-align: center;
}

#login-section::before,
#login-section::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 50%;
    top: 0;
    right: 0;
    background-color: #fff;
    z-index: 0;
}

.bgFourPage {
    background-color: var(--theme-deafult);
    height: 100vh;
    position: fixed;
    width: 100%;
    filter: blur(10px);
    top: 0;
}

#login-section::before,
#login-section::after {
    z-index: 1;
}

.dark #login-section::before {
    background-color: #232323;
}

#login-section::after {
    background-color: var(--theme-deafult);
    right: auto;
    left: 0;
    opacity: 0.7;
}

.LogoInArea label,
#register label {
    text-transform: capitalize;
    font-size: 12px;
    margin-top: 10px !important;
}

article.BGcenter {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100%;
}

.LogoInArea {
    z-index: 2;
}

.LogoInArea h3 {
    color: var(--theme-deafult);
    font-weight: 700;
}

span.fa.fa-eye-slash.toggle-password.eye::before {
    content: "\f06e";
}

.fa-eye-slash:before {
    font-family: 'FontAwesome';
}

span.fa.fa-eye-slash.toggle-password {
    position: absolute;
    bottom: 10px;
    right: 10px;
}

body.al_body_template_four .submitLogin,
body.al_body_template_four .login_continue_btn {
    font-weight: 700;
    font-size: 14px !important;
}

#password-wrapper a.font-14 {
    line-height: 30px;
    color: #777
}

#password-wrapper a.font-14:hover {
    color: var(--theme-deafult);
}

.registerLink a {
    font-weight: bold;
    color: var(--theme-deafult);
}

.ALdivider_line {
    height: 1px;
    width: 100%;
    opacity: 1;
    background-color: #ccc;
    position: relative;
    margin: 40px 0 !important;
}

.ALdivider_line span {
    height: auto;
    line-height: normal;
    border: 0;
    box-shadow: 0 0 4px 0 rgb(0, 0, 0 / 5%);
    font-size: 14px;
    font-weight: 400;
    border-radius: 0;
    text-align: center;
    display: inline-block;
    background: #fff;
    position: absolute;
    top: -10px;
    left: 0;
    right: 0;
    max-width: 130px;
    margin: 0 auto;
}

.dark .ALdivider_line span {
    background-color: #232323;
}

.LogoInArea .social-links li a {
    height: 50px;
    width: 50px;
    line-height: 50px;
    border-radius: 10px;
    display: block;
    background-color: #fff;
    box-shadow: 0 0 5px rgb(0 0 0 / 10%);
    margin: 0 4px;
}

.dark .LogoInArea .social-links li a {
    background-color: #323232;
}

.dark button.btn.btn-solid.w-100.login_continue_btn.my-2:hover {
    color: #fff !important;
}

.LogoInArea label {
    margin-bottom: 0;
    text-align: left;
}

.hide {
    display: none;
}

.checkbox-input label {
    position: relative;
    padding-left: 25px;
    font-size: 12px;
}

.checkbox-input input {
    position: absolute;
    left: 0;
    width: 18px;
    top: 0;
    height: 25px
}

#register .user-info.d-block.w-100 h2 {
    font-size: 18px;
    text-transform: capitalize;
    font-weight: 300;
    color: #777;
}

#register label.m-0 {
    text-transform: capitalize;
}

#register .file.file--upload {
    height: 80px;
}

#register .file.file--upload span {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

#register .file.file--upload label {
    width: 100%;
    height: 100%;
    padding: 0;
}

.is-invalid~.fa.fa-eye-slash.toggle-password {
    display: none;
}

.BGcenter .tab-content button {
    width: 100%;
    height: 37px;
}

.BGcenter .nav-tabs {
    border-bottom: 0;
}

.BGcenter .nav-tabs .nav-item.show .nav-link,
.BGcenter .nav-tabs .nav-link.active {
    color: var(--theme-deafult);
    background-color: #fff;
    border-color: var(--theme-deafult);
}
.product-right .border-product .product-icon ul li a span:before {
    font-family: 'FontAwesome';
}
.BGcenter .nav-tabs .nav-link {
    border-width: 0 0 2px 0;
    border-color: transparent;
    border-style: solid;
    border-radius: 0;
}

.BGcenter .alDocumentsSection {
    max-height: 150px;
    overflow-y: auto;
    position: relative;
    background-color: var(--theme-deafult) 1%;
    width: 100%;
}

.BGcenter .alDocumentsSection:before {
    position: absolute;
    width: 100%;
    height: 100%
}

.BGcenter .is-invalid~.fa.fa-eye-slash.toggle-password {
    display: none;
}

div#recent_orders5 .slick-list.draggable {
    padding: 20px;
}

.BGcenter .tab-content button {
    width: 100%;
    height: 37px;
}

ul.price_box_bottom li span {
    font-weight: 600;
}

.BGcenter a.alBtnGuestLink {
    color: var(--top-header-color);
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    margin: 20px auto;
    display: block;
    text-decoration: underline;
}

span.registerLink {
    text-align: center;
    width: 100%;
    margin-top: 10px;
    display: block;
    font-size: 12px;
}


/*================== login page css end here ====================== */

.SpasRelatedItemsImageBox {
    position: relative;
    padding-bottom: 100%;
}

.SpasRelatedItemsImageBox img {
    position: absolute;
    min-height: 100%;
    max-width: 100%;
    object-fit: cover;
}


/* ====================== mobile responsive css ======================================= */

.filter-main-btn {
    margin: 0;
}

.filter-main-btn span {
    border-radius: 35px;
    font-weight: 400;
}

#product_addon_modal .modal-footer input.addon-input-number {
    border-left: 1px solid var(--theme-deafult) !important;
    border-right: 1px solid var(--theme-deafult) !important;
}


/* ====================== mobile responsive css ======================================= */


/* ============== sticky menu or add to cart ================ */

.product-box {
    -webkit-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: .5s;
    transition: .5s;
    background-color: #fff;
    padding: 0 0 10px;
    border-radius: 15px;
    box-shadow: 0px 4px 10px rgb(0 0 0 / 10%);
    overflow: hidden;
}

.cart-main-box,
.scrollspy-menu {
    position: sticky;
    top: 90px;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform;
    -webkit-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    width: 100%;
    max-width: calc(350px - 50px);
}

.categories-product-list.fixed-bar .scrollspy-menu,
.categories-product-list.fixed-bar .cart-main-box {
    position: fixed;
}

.scrollspy-menu ul {
    padding-right: 30px;
}

.scrollspy-menu ul li.active,
.scrollspy-menu ul li:hover {
    background-color: #eee;
}

.scrollspy-menu ul li {
    padding: 6px 0 6px 20px;
    background-color: #fff;
    position: relative;
    border-radius: 7px 0 0 7px;
    margin-bottom: 5px;
}

.scrollspy-menu ul li a span {
    background-color: #eee;
    padding: 0;
    border-radius: 50px;
    height: 30px;
    width: 30px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    font-size: 14px;
    line-height: 30px;
}

.scrollspy-menu ul li.active a span,
.scrollspy-menu ul li:hover span {
    background-color: #fff;
}

.scrollspy-menu ul li:before {
    position: absolute;
    content: "";
    border-top: 22px solid transparent;
    border-left: 30px solid #eee;
    border-bottom: 22px solid transparent;
    right: -30px;
    top: 0;
    display: none;
}

.scrollspy-menu ul li.active:before,
.scrollspy-menu ul li:hover::before {
    display: block;
}

.search_form.d-flex.align-items-center.border {
    border-radius: 10px;
    overflow: hidden;
    height: 40px;
}

.search_form.d-flex.align-items-center.border button.btn {
    padding-right: 0;
}

.vendor-stories {
    background-color: #eee;
    border-radius: 50%;
    padding: 7px;
}

.al_body_template_six .dashboard-left .block-content ul li.active,
.al_body_template_six .dashboard-left .block-content ul li:hover {
    color: #000;
}

.al_body_template_six .dashboard-left .block-content ul li.active a,
.al_body_template_six .dashboard-left .block-content ul li:hover a {
    color: var(--theme-deafult);
}

.al_body_template_six .dashboard-left .block-content ul li {
    display: inline-block;
    position: relative;
    padding-left: 30px;
    width: 100%;
    margin-bottom: 10px;
}

.al_body_template_six .dashboard-left .block-content ul li::before {
    position: absolute;
    left: 0;
}

.tab-content.nav-material .tab-pane .row .col-12 {
    margin-bottom: 20px;
    padding-top: 10px;
}

.tab-content.nav-material .tab-pane .row .col-12:nth-child(even) {
    background-color: #f5f5f5;
    border-radius: 15px;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .1);
}

.tab-content.nav-material .tab-pane .row .col-12:nth-child(odd) {
    background-color: #fff;
    border-radius: 15px;
    box-shadow: 0 2px 7px rgba(0, 0, 0, .1);
}


/* ========= alFourTemplate Order Succes page ======== */

.alFourTemplateOrderSucces .product-order .total-sec {
    background-color: #fff;
    border-radius: 0;
    border: none;
}
.spa_order_detail_slot{
    padding-right: 22px;
}
.alFourTemplateOrderSucces .product-order  .final-total, .alFourTemplateOrderSucces .product-order .total-sec {
    padding: 0 22px!important;
    margin-bottom: 15px;
}
.alFourTemplateOrderSucces .product-order  .final-total h3{
    margin: 0;
}

.alFourTemplateOrderSucces .product-order {
    border-radius: 0;
    box-shadow: none;
    position: relative;
    margin-top: 0;
}

.alFourTemplateOrderSucces .product-order-detail .col-2 img {
    height: auto;
    width: 100%;
    border-radius: 20px;
}

.alFourTemplateOrderSucces .product-order .product-order-detail {
    margin-top: 15px;
    border-bottom: 1px solid #f5f5f5;
    padding-bottom: 10px;
}

.alFourTemplateOrderSucces .order-success-sec .order-detail li {
    color: #777;
    font-weight: 400;
    width: 100%;
    max-width: 100%;
    flex:100%;
    justify-content: space-between;
    display: flex!important
}
.alFourTemplateOrderSucces .order-success-sec .order-detail li span:first-child {
    margin-left: 0;
    width: 250px;
}
.alFourTemplateOrderSucces .order-success-sec .order-detail li span {
    /* color: var(--theme-deafult); */
    font-weight: 400;
    margin-left: 0;
    display: inline-block;
    width: 100%;
}

.al_body_template_six .categories-product-list .search_form {
    border-radius: 10px;
    overflow: hidden;
}

.al_body_template_six .categories-product-list .search_form button {
    background: #eee;
}

.al_body_template_six .categories-product-list .search_form input {
    background-color: #eee;
}


.al_body_template_six  .cart-design  #cart_template{

}
.al_body_template_six #cart_template p.total_amt {
    text-align: right;
    padding-right: 0px;
}

.homepageSix .w-100.row.mb-sm-5.mb-2.mt-5.ml-0 {
    margin-top: 0!important;
}


/* ================= dark css ================= */

.dark .tip_label {
    background: transparent;
}
.categories-product-list .vendor-products-wrapper {
    margin-top: 20px!important;
}
.singleProductContent  .row.py-5.border-bottom {
    padding: 0!important;
}
section.singleProductContent.pb-md-5.pb-2 {
    padding-bottom: 25px!important;
}
#heroMembershipPage{
    padding-bottom: 10px!important;
}
.singleProductContent  .alSpaListHead.text-center.text-lg-left.mb-md-4 {
    margin-bottom: 15px!important;
}
div#cart_template .shoping_cart .vendor_products_tr .row .col-10 h4 {
    float: left;
    width: 100%;
    text-align: left;
    padding-top: 5px;
}
.al_body_template_six.dark .alFourSpecificInstructions input#specific_instructions {
    color: #000;
}
.alSingleProducts .col-sm-12 .buy_details .product-right hr {
    display: none;
}
.alSingleProducts .product-right .btn-wrapper .product-buttons{
    margin: 0 0 10px;
}

/* new css */
#social-links ul li a:hover span{
    color: var(--theme-deafult);
}











@media(max-width:1600px) {
    .alFourTemplateCartPage .product-img:first-child {
        max-width: 20px;
        padding: 0;
        width: 20px;
        flex: unset;
    }
    .alFourTemplateCartPage .product-img {
        max-width: 90px;
    }
    .alFourTemplateCartPage .product-img img {
        min-width: 65px;
        object-fit: contain;
    }
}

@media(max-width:1430px) {
    .al_body_template_six #cart_template p.total_amt {
        text-align: right;
        padding-right: 0;
        padding-left: 14px;
    }
    .vendor_products_tr:hover a.action-icon.d-block.remove_product_via_cart{
        /* right: 20px; */
    }
    .al_body_template_six .btn-solid{
        font-size: 8px;
        padding: 5px 6px;
    }
    .product-right .product-buttons .btn-solid{
        font-size:12px ;
        padding:10px 12px;
    }
}
@media(max-width:1400px) {
    .pricingtable-header.position-absolute .price-value {
        font-size: 14px;
    }
    .al_body_template_six .product-right .product-buttons button{margin-bottom: 10px;}
    .al_body_template_six .product-right .product-buttons a{margin-bottom: 10px;}
    .shoping_cart > div .row.my-2 .col-lg-6 .row > div {
        padding: 0;
        text-align: right;
    }
}
@media (max-width: 1200px) {
    .alFourTemplateOrderSucces .order-success-sec .order-detail li{
        font-size: 14px;
    }
    .al_body_template_six #cart_template p.total_amt{
        padding-left: 26px;
    }
    .alFourTemplateCartPage .product-img {
        max-width: inherit;
    }
    .alFourTemplateCartPage .product-img img {
        min-width: inherit;
        object-fit: contain;
    }
    .product-right .product-buttons .btn-solid{
        padding: 8px;
        font-size: 10px;
    }
    .alSingleProducts .product-right .btn-wrapper .product-buttons{
        margin: 0 0 10px;
    }
}

@media (min-width: 1024px) {
    .ds {
        position: absolute;
        left: 24px;
    }
    .booking-experience {
        height: calc(100vh - 50px);
        position: absolute;
        width: 400px;
        top: 50px;
    }



}

@media (max-width: 991px) {
    body .cab-booking #booking-map {
        height: 50vh !important;
        position: relative !important;
        top: 0;
    }
    .title-36 {
        font-size: 24px;
        line-height: 34px;
    }
    body .booking-experience {
        height: 100%;
        position: relative;
        width: 100%;
        left: 0;
        top: 0;
        margin-bottom: 160px;
    }
    .cab-booking {
        height: 100%;
    }
    .al_body_template_six #cart_template p.total_amt {
        text-align: right;
        padding-right: 0;
        padding-left: 0;
    }
    
}

@media (max-width: 767px) {
    .al_body_template_six.homeHeader .product-bottom-bar {
        padding: 20px !important;
    }
    img#vendorStoriesImg {
        width: 60px;
    }
    body.al_body_template_six .order-success-sec .row li.col-4 {
        width: 100%;
        max-width: 100%;
        flex: 100%;
        display: block !important;
        margin-bottom: 10px;
    }
    body.al_body_template_six li.col-8 {
        width: 100%;
        max-width: 100%;
        flex: 100%;
        display: block !important;
    }
    body.al_body_template_six .order-success-sec .row {
        margin-bottom: 0;
    }
    body.al_body_template_six .alFourTemplateOrderSucces .order-success-sec .order-detail li span {
        font-weight: bold;
        margin-left: 5px;
        text-align: left;
        float: right;
        font-size: 12px;
    }
    /* body.al_body_template_six .alFourTemplateOrderSucces .order-success-sec .order-detail li {
        display: block !important;
        margin-bottom: 10px !important;
        font-size: 15px !important;
    } */
    body.al_body_template_six .alFourTemplateOrderSucces .order-success-sec .order-detail li {
        margin-bottom: 10px !important;
        font-size: 15px !important;
        justify-content: flex-start!important;
        width: 100%!important;
        max-width: 100%!important;
        flex: unset;
        display: block!important;
    }
    .alFourTemplateOrderSucces .order-success-sec .order-detail li span:first-child{
        width: 100%;
    }
    .al_body_template_six #cart_template p.total_amt {
        text-align: right;
        padding-right: 0;
        padding-left: 0;
    }
}

@media (max-width:576px) {
    .al_body_template_six .al_new_wrapper_design .vendor-description {
        padding: 20px 20px !important;
    }
    .mobile-searchbarr select {
        width: 100%;
    }
    .al_body_template_six #cart_template p.total_amt {
        text-align: right;
        padding-right: 0;
        padding-left: 0;
    }
}

body.al_body_template_six .outter-scroller.service-data-wrapper.al {
    height: 100vh;
    overflow-y: scroll;
    padding-right: 20px;
}

body.al_body_template_six .side-card {
    position: sticky;
    top: 100px;
}

body.al_body_template_six .alFourTemplateOrderSucces .product-order {
    height: auto;
    overflow-y: scroll;
    overflow-x: hidden;
}

.al_body_template_six.homeHeader .container .col-12.custom_filtter {
    padding: 0;
    text-align: right;
}

.al_body_template_six.homeHeader .container .col-12 .sortingFilter.p-1 {
    margin: 0px;
    width:100%;
}