.card {
    display: flex;
    flex-direction: column;
    cursor: pointer;
    height: 100%;
    background-color: #fff;
    display: -webkit-flex;
    border-radius: 8px;
    border: 1px solid #e9e9eb;
    transition: .5s;
}

.card:hover {
    box-shadow: 0 4px 10px #53535329;
    border: 1px solid var(--theme);
    transition: .5s;
}

.card:focus {
    box-shadow: 0 4px 10px #53535329;
    border: 1px solid var(--theme);
    transition: .5s;
}

.card .card_inner {
    position: relative;
    padding: 9px 10px;
    display: flex;
    flex-direction: row;
    display: -webkit-flex;
    height: 100%
}

.card .card_inner .card_image {
    flex: 30%;
    flex-grow: 1;
    display: flex;
    align-items: flex-start;
    position: relative;
}

.card .card_inner .card_image img.card_image_view {
    height: 112px;
    min-width: 112px;
    max-width: 112px;
    object-fit: cover;
    border-radius: 6px;
}

.card .card_inner .card_image .closedView {
    position: absolute;
    top: 10px;
    width: 70px;
    height: 20px;
    border-radius: 1px;
    background-color: transparent;
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    letter-spacing: normal;
    color: #fff;
    text-align: center;
    line-height: 20px;
}

.card .card_inner .card_image .closedView .closed {
    width: 70px;
    height: 20px;
    background-color: #d63230;
    margin-bottom: 5px;
}

.card .card_inner .card_image .closedView .preorder {
    width: 80px;
    height: 20px;
    background-color: #ba68c8;
    margin-bottom: 5px;
}

.card .card_inner .card_right {
    flex-grow: 1;
    flex: 70%;
    overflow: hidden;
    margin: 0 8px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.card .card_inner .card_right .card_heading {
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    line-height: 1.2;
    letter-spacing: .5px;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    display: inline-block;
    width: calc(100% - 20px);
    white-space: nowrap;
    font-weight: 600;
    font-size: 16px !important;
    color: #2a3b56 !important;
    text-transform: capitalize;
}

.card .card_inner .card_right .card_description {
    height: auto;
    display: block;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    font-size: 14px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: inline-block;
    width: 100%;
    white-space: nowrap;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: var(--show_rating_font_color);
}

.card .card_inner .card_right .card_distance {
    font-size: 14px;
    line-height: 1.5;
    letter-spacing: normal;
    color: #8a94a3;
    word-wrap: break-word;
    -webkit-line-clamp: 2;
    color: var(--show_location_font_color);
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    max-height: 36px;
    display: block;
    text-transform: capitalize;
}

.card .card_inner .card_right .card_address {
    height: auto;
    display: block;
    font-size: 14px;
    -webkit-line-clamp: 2;
    width: auto;
    text-align: left;
    color: #939395;
}

.card .card_inner .card_right .card_order_prep {
    height: auto;
    display: block;
    font-size: 11px;
    text-align: left;
    width: auto;
    background-color: #000;
    border-radius: 5px;
    color: #fff !important;
    margin-right: 10px;
    padding: 0 15px;
}

.card .card_inner .card_right .viewMenu {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #0a9e44;
    text-align: right;
    position: absolute;
    margin-bottom: 2px;
    right: 30px;
    bottom: 8px;
}

.card .card_inner .card_right .viewMenu:hover {
    color: #ba2824;
    transition: .5s;
}

.no-restaurants-map {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 3% 0;
    display: -webkit-flex;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    padding-bottom: 40px;
}

.no-restaurants-map h3 {
    color: #fff;
}

@media only screen and (max-width: 1024px) and (min-width: 768px) {
    .card_image {
        flex: 8% !important;
    }

    .card_image .closedView {
        width: 55px !important;
        height: 20px !important;
        font-size: 12px !important;
    }

    .card_image .closedView .closed {
        width: 55px !important;
        height: 20px !important;
    }

    .card_image .closedView .preorder {
        width: 60px !important;
        height: 20px !important;
    }
}

@media only screen and (max-width: 767px) {
    .card_image_view {
        height: 114px !important;
        min-width: 114px !important;
        max-width: 114px !important;
    }

    .card_heading {
        font-size: 18px !important;
    }

    .card_description,
    .card_distance,
    .card_address,
    .card_order_prep {
        font-size: 12px !important;
    }

    .viewMenu {
        font-size: 11px !important;
    }
}

.bottom-div {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.top-div {
    display: flex;
    flex-direction: column;
}

.store_rating {
    width: auto;
    display: flex;
    align-items: center;
    line-height: 20px;
}

.star-red {
    color: red;
    margin-right: 5px;
}

.star-yellow {
    color: #facd5d;
    margin-right: 5px;
}

.star-green {
    color: #65d035;
    margin-right: 5px;
}

.d-flex-center {
    display: flex !important;
    align-items: center;
}

.bottom-div1 {
    display: flex;
    flex-direction: row;
    align-items: center;
    color: #8a94a3;
    margin: 8px 0;
    font-size: 12px;
}

.card_image_view-hybrid {
    height: 85px !important;
    min-width: 85px !important;
    max-width: 85px !important;
    border-radius: 8px;
}

.hide-lg-view {
    display: none !important;
}

.mrlft1 {
    margin-left: 9px;
    margin-right: unset !important;
}

.pdrgt2 {
    padding-right: 5px !important;
    padding-left: unset !important;
}

.mrgt1 {
    margin-right: 5px !important;
    margin-left: unset !important;
}

.txtrt1 {
    left: 23px;
    right: unset !important;
}

.txtrtrt {
    padding-left: 1.5rem !important;
    padding-right: 0 !important;
}

.mult-banner-mobile {
    position: absolute !important;
    top: 0 !important;
}

.mat-checked .mat-slide-toggle-bar {
    background-color: #43a834 !important;
}

.mat-ripple-element {
    background-color: transparent !important;
}

.mat-slide-toggle-thumb {
    background-color: #fff !important;
}

.phone-locaion-div {
    display: flex;
    justify-content: space-evenly;
    padding: 1rem 0;
}

.links {
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

.phone-icon {
    position: absolute;
    right: 15px;
}

.new-banner-footer .fa-search,
.hide-lg-view .fa-search,
.new-banner-footer .fa-times,
.hide-lg-view .fa-times {
    color: var(--theme);
    margin-right: 1.5rem;
    margin-left: 1.5rem;
    font-size: 18px;
}

:host bs-tooltip-container ::ng-deep .tooltip {
    z-index: 1004 !important;
}

.new-main-banner {
    display: flex;
    height: 22vw;
    position: relative;
    margin: 0 auto 20px;
    justify-content: center;
    padding: 0rem 0rem 0rem 0;
    align-items: center;
    background-color: #1b1b1b;
}

.new-main-banner .new-logo-banner {
    bottom: 0;
}

.new-main-banner .new-logo-banner .new-logo-content {
    transition: all .4s ease-out;
    display: flex;
    overflow: hidden;
    align-items: flex-end;
    position: absolute;
    width: 100%;
    padding: 8px 4px;
    background-image: linear-gradient(to top, rgba(0, 0, 0, .568627451), rgba(0, 0, 0, .24) 40%, rgba(0, 0, 0, 0));
    bottom: 0;
    border-radius: 0;
}

.new-main-banner .new-logo-banner .new-logo-content .new-logo-div {
    padding: 0 15px;
}

.new-main-banner .new-logo-banner .new-logo-content .new-content-text .new-time-rate,
.new-main-banner .new-logo-banner .new-logo-content .new-content-text .new-time-rate div {
    display: flex;
}

.new-main-banner .new-logo-banner .new-logo-content .new-content-text h4 {
    font-size: 22px;
    font-weight: 600;
    text-transform: capitalize;
    font-stretch: normal;
    font-style: normal;
    line-height: normal;
    letter-spacing: normal;
    margin: 0;
    color: #fff;
    word-break: break-word;
}

.new-main-banner .new-logo-banner .new-logo-content div .store-logo-img {
    height: 120px;
    width: 120px;
    object-fit: cover;
    border-radius: 6px;
}

.new-main-banner .new-logo-banner div .new-logo-div img {
    transition: all .8s ease;
}

.new-main-banner .new-logo-banner div .new-logo-div img:hover {
    transform: scale(1.15);
}

.new-main-banner .new-background-image {
    z-index: 1;
    height: 100%;
    position: relative !important;
    width: 100%;
    border-radius: 10px;
    background-position: top;
    display: flex;
    background-repeat: no-repeat;
    background-size: contain;
    align-items: flex-start;
}

.new-main-banner .new-background-image .carouselDiv {
    /* position: absolute; */
    position: relative;
    width: 100%;
    height: 100%
}

.new-main-banner .new-background-image .carouselDiv:hover .carousel-control {
    opacity: 1 !important;
}

.new-main-banner .new-background-image .carouselDiv .carousel,
.new-main-banner .new-background-image .carouselDiv .carousel .carousel-inner {
    height: 100%
}

.new-main-banner .new-background-image .carouselDiv .carousel .carousel-inner .item {
    height: 100%;
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;
}

.new-main-banner .new-background-image .carouselDiv .carousel .carousel-inner .item img {
    min-height: 100%;
    cursor: pointer;
}

.new-main-banner .new-background-image .carouselDiv .carousel-indicators li {
    background-color: #d2d2d2 !important;
    border-color: #d2d2d2 !important;
    width: 8px !important;
    height: 8px !important;
    margin-left: 10px;
}

.new-main-banner .new-background-image .carouselDiv .carousel-indicators .active {
    background-color: #fff !important;
    border-color: #fff !important;
    width: 10px !important;
    height: 10px !important;
}

.new-main-banner .new-background-image .carouselDiv .carousel-control {
    opacity: 0 !important;
}

.new-main-banner .new-background-image .carouselDiv .carousel-control .fa.fa-angle-left {
    width: 46px;
    height: 45px;
    margin-top: -10px;
    font-size: 30px;
    background-color: #fff;
    border-radius: 50%;
    padding-top: 5px;
    padding-right: 5px;
    color: var(--theme);
    left: 20%;
    position: absolute;
    top: 46%;
    z-index: 5;
    display: inline-block;
}

.new-main-banner .new-background-image .carouselDiv .carousel-control .fa.fa-angle-right {
    width: 46px;
    height: 45px;
    font-size: 30px;
    background-color: #fff;
    border-radius: 50%;
    padding-top: 5px;
    padding-left: 5px;
    color: var(--theme);
    right: 5%;
    position: absolute;
    top: 43%;
    z-index: 5;
    display: inline-block;
}

.new-main-banner .new-background-image .carouselDiv .carousel-control.left,
.new-main-banner .new-background-image .carouselDiv .carousel-control.right {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), to(transparent)) !important;
}

.new-main-banner .new-background-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    border-radius: 0;
}

.new-main-banner .new-background-image .new-banner-footer {
    position: absolute;
    width: 70%;
    bottom: -20px;
    display: flex;
    left: 0rem;
}

.new-main-banner .new-background-image .new-banner-footer .btn-bars .store-detail__search__bar {
    flex-grow: 1;
}

.new-main-banner .new-background-image .new-banner-footer .fa .fa-search,
.new-main-banner .new-background-image .new-banner-footer .fa .fa-times {
    color: gray;
    font-size: 15px;
    line-height: 0;
    padding: 0 1rem;
}

.closedMobileRestro {
    z-index: 12;
    width: 100%;
    background: #c7c7c7;
    color: #fff;
    padding: 4px 0;
    justify-content: center;
    align-items: center;
    display: flex;
}

.closedMobileRestro span {
    right: 1%;
    position: absolute;
}

.closedRestro {
    position: absolute;
    top: 0;
    margin-bottom: 2rem;
    z-index: 12;
    width: 100%;
    background: #c7c7c7;
    color: #fff;
    height: 4rem;
    justify-content: center;
    align-items: center;
    display: flex;
}

.closedRestro img {
    margin-right: 1rem;
}

.closedRestro span {
    right: 1%;
    position: absolute;
}

.hide-icon ::ng-deep app-autocomplete .glyphicon-map-marker {
    display: none !important;
}

app-category {
    flex: 1 1 25%;
    max-width: 25%
}

.categoryFlex {
    flex: 1 1 25%
}

#general_background {
    margin-top: 0;
}

.select_category {
    padding-bottom: 20px;
    height: auto;
}

.old_ui_select_category {
    min-height: 100vh !important;
}

.select_category .padding_35 {
    padding: 0 35px;
    margin-top: 20px;
}

.select_category .fix_search_div {
    box-shadow: 0 5px 15px #0000001a;
}

.select_category .fix_search_div hr {
    display: none;
}

.search_div {
    z-index: 1;
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    background-size: cover;
    background-repeat: no-repeat;
    display: table;
    background-color: #0000004d;
}

.search_div div.inner-search-div {
    height: 240px;
    background-color: #00000059;
    align-items: center;
    justify-content: center;
    -webkit-justify-content: center;
    -webkit-align-items: center;
    padding-top: 30px;
    position: absolute;
    width: auto;
    top: 0;
    pointer-events: none;
}

.search_div div.inner-search-div display:none div span {
    font-size: 50px;
    font-weight: 300;
    letter-spacing: .5px;
    color: #fff;
}

.search_div div.inner-search-div display:none div hr {
    width: 50px;
    margin-bottom: 0;
    border-top: solid 2px;
}

div.heading_cvr {
    margin: 25px auto;
}

div.heading_cvr .name {
    font-size: 36px;
    letter-spacing: .3px;
    margin-top: .4rem;
    text-align: center;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

div.heading_cvr .old-ui-names {
    font-size: 36px;
    font-weight: 600;
    margin-bottom: 2rem;
    letter-spacing: .3px;
    text-align: center;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
}

div.heading_cvr .description {
    font-size: 30px;
    letter-spacing: .2px;
    text-align: center;
    color: #fff;
}

div.heading_cvr .card_description {
    font-size: 20px;
    font-weight: 300;
    letter-spacing: .3px;
    text-align: center;
    color: #fff;
}

div.heading_cvr .addressDetails {
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .3px;
    text-align: center;
    color: #fff;
}

span.ratingCount {
    opacity: .9;
    background-color: #fff;
    font-size: 20px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    display: inline-block;
    padding: 5px;
}

div.customRatingDivCat1 {
    position: absolute;
    border-radius: 5px;
    display: inline-block;
    margin-right: 8px;
    padding: 4px 6px;
    height: 35px;
    font-size: 21px !important;
    text-align: center;
    color: #fff !important;
    font-weight: 500 !important;
    margin-left: 0;
    pointer-events: all;
    line-height: 20px;
    margin-top: 45px;
    background: #ffc058;
    cursor: pointer;
}

@supports (-ms-ime-align: auto) {
    div.customRatingDivCat1 {
        margin-top: 100px;
    }
}

div.customRatingDivCat1.rateNow {
    background: #5ba829 !important;
    color: #fff;
    cursor: pointer;
}

.averageRating {
    background-color: #f27d3a !important;
}

.goodRating {
    background-color: #31b744 !important;
}

.select_category_cover {
    margin: 0 auto;
}

.select_category .search_div img {
    margin-top: -10px;
    margin-right: 10px;
}

.magic_search {
    border-radius: 10px;
    width: 30px;
    border: 0;
    outline: 0;
    box-shadow: 0;
    height: 30px;
    position: relative;
    float: right;
    padding: 5px 35px 5px 5px;
    transition: all .5s ease;
}

.magic_search_expanded {
    width: 300px;
    border: 2px solid #858585;
}

.magic_search_shrinked {
    width: 30px;
    border: 0;
}

.cls-cntn-catalog {
    clear: both;
    margin-top: 150px;
    padding: 51px 90px 20px;
}

.list-image {
    width: 90px;
    height: 90px;
}

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

.list-catalog {
    height: 131px;
    margin-bottom: 30px;
}

.cls-list-view {
    float: left;
    width: 100%;
    position: relative;
    padding: 20px;
    margin: 5px 0;
    cursor: default;
    background-color: #fff;
    border: 1px solid #efefef;
}

.cls-list-view:hover {
    box-shadow: 0 5px 20px #0000001a;
    transition: all .35s;
}

.cls-arrow {
    text-align: right;
    font-size: 18px;
}

.cls-cate-info {
    flex: 1 1 0;
    padding-left: 20px;
    text-align: left;
    padding-right: 20px;
    word-break: break-word;
    width: 100%
}

.cls-cmn {
    display: inline-block;
    float: left;
}

.cls-cntn-banner {
    clear: both;
    margin-top: 240px;
    padding: 36px 15px 20px;
}

.banner_cover {
    max-width: calc(100% - 60px);
    margin: 0 auto;
    padding: 0;
}

.select_category .content-card {
    display: inline-block;
    border-radius: 10px;
    vertical-align: top;
    width: 240px;
    padding: 10px 10px 0;
    margin: 10px 10px 0;
    border: 2px solid #efefef;
    background-color: #fff;
}

.select_category .content-card:hover {
    box-shadow: 0 10px 20px #0000001a;
    transition: all .35s;
}

.select_category .img_div {
    width: 100%;
    height: 220px;
    overflow: hidden;
    object-fit: contain;
    display: grid;
    text-align: center;
    background: #fff;
    justify-content: center;
    align-content: center;
}

.select_category .img_div img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 220px;
}

.select_category .img_div:before {
    content: ""
}

.select_category .tag_div {
    margin-top: 15px;
    margin-bottom: 20px;
    padding: 0 7px;
}

.select_category .tag_div p {
    font-size: 16px;
    letter-spacing: .5px;
    text-align: left;
    color: #333;
    margin: 0;
    word-wrap: break-word;
}

.select_category .tag_div i {
    float: right;
    color: #e13d36;
    margin-bottom: 20px;
}

.cls-pro-parent {
    max-width: 1230px;
    margin: 0 auto;
    text-align: center;
}

.cls-pro-parent div.text-center {
    width: 604px;
    padding: 0 15px;
    display: inline-block;
}

.center-arrow {
    position: relative;
    right: 0;
    top: 35px;
}

.catloop {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.cat-list-view {
    float: right;
    max-width: 589px;
}

.cat-list-view-even {
    max-width: 589px;
}

.cls-home-cat {
    display: flex;
    margin: 15px auto 0;
}

.cls-home-cat-laundry {
    display: flex;
    margin: 15px auto 0;
    justify-content: center;
}

.cat-menu {
    background-color: #fff;
    margin: 0;
    position: relative;
}

.cat-menu div.cls-menu-text {
    font-size: 24px !important;
    text-align: left;
    padding: 10px 15px;
    border-bottom: 1px solid #e9e9eb;
}

.cls-cat-list div {
    position: relative;
    padding-top: 2px;
}

.cls-cat-list div.cls-hover-cat {
    padding: 15px;
    word-wrap: break-word;
    font-size: 14px;
    font-style: normal;
    line-height: normal;
    font-weight: 400;
    letter-spacing: normal;
    color: #1b1b1b;
}

.cls-cat-list div.cls-hover-cat.active {
    /* border-left: 3px solid var(--theme);
    padding-left: 13px;
    font-size: 14px;
    font-weight: 600; */
}

.cls-cat-list div.cls-hover-cat:hover {
    /* border-bottom: 1px solid #28662c !important;
    border-radius: 10px 10px 0 0;
    background: #f3f5f2; */
}

.cls-cat-list div.cls-cat-sub-list p {
    margin-bottom: 10px;
}

.cls-cat-list div.cls-cat-sub-list span.sub-active {
    width: 10px;
    height: 10px;
    position: absolute;
    margin-right: 10px;
    top: -6px;
    font-size: 30px;
    color: #e13d36;
    padding: 0;
}

.cls-cat-list div.cls-cat-sub-list span.sub-active span {
    padding: 0;
}

.cls-cat-list div.cls-cat-sub-list span {
    padding-left: 12px;
}

.green-bold {
    background-color: #94c965;
}

.red-bold {
    background-color: #f03c56 !important;
}

.product-app {
    flex: 0 0 75%;
    max-width: 75%;
    width: auto;
}

.product-app-old-ui {
    flex: 0 0 70%;
    max-width: 70%;
    width: auto;
}

.product-app_without_product {
    padding: 0 30px;
    flex: 0 0 75%;
    max-width: 100%
}

.product-app_without_product--old-ui {
    padding: 0 30px;
    flex: 0 0 70%;
    max-width: 100%
}

.cart-app {
    flex: 0 0 25%;
    max-width: 25%
}

.cart-app-old-ui {
    flex: 0 0 30%;
    max-width: 30%
}

.fixed-bottom {
    bottom: -20px;
    position: fixed;
    z-index: 1008;
}

.loader {
    display: block !important;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    animation: spin 1s linear infinite;
    width: 50px;
    height: 50px;
    position: relative;
    border-top: 5px solid rgba(0, 0, 0, .03);
    border-right: 5px solid rgba(0, 0, 0, .03);
    border-bottom: 5px solid #fff;
    border-left: 5px solid #fff;
    transform: translateZ(0);
}

@keyframes spin {
    0% {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

@-moz-document url-prefix() {
    div.customRatingDivCat1.rateNow {
        margin-top: 90px;
    }
}

.search-bar {
    margin-top: 8px;
    display: flex;
    display: -webkit-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
}

.search-bar .location-search {
    width: 20%
}

.search-bar .location-search .form-control {
    background-color: #efefef;
    border-left: none;
}

.search-bar .location-search .btn {
    border-right: none;
    background-color: #efefef;
}

.search-bar .location-search .form-control {
    height: 33px;
}

.search-bar .text-search {
    width: 70%
}

.search-bar .text-search .form-control {
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    height: 33px;
}

.prodSearch {
    margin: 20px auto;
    display: flex;
    max-width: 745px;
}

.prodSearch form,
.prodSearch form .input-group {
    width: 100%
}

.prodSearch form .input-group input {
    height: 40px;
    font-size: 16px;
    border-right: 0px;
}

.prodSearch form .input-group input:focus {
    border-color: #ccc;
}

.prodSearch form .input-group .input-group-addon {
    background-color: #fff;
}

.search-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.search-container__form__input {
    border-right: none;
}

.search-container__form__addon {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .8rem;
    border: 1px solid #ccc;
    border-left: none;
    background: #eee;
}

.search-container__order {
    justify-content: center;
}

.search-container__order .pre-order-btn {
    margin-left: 1rem;
}

.search-container ::ng-deep .mat-slide-toggle.mat-checked .mat-slide-toggle-thumb {
    background: white;
}

.search-container ::ng-deep .mat-slide-toggle-thumb {
    width: 22px;
    height: 25px;
    object-fit: contain;
    border-radius: 11px;
    box-shadow: 0 2px 3px #0000001a;
    background-color: #fff;
}

.search-container ::ng-deep .mat-slide-toggle.mat-checked .mat-slide-toggle-bar {
    background-color: #43a834;
}

.search-container ::ng-deep .mat-slide-toggle-bar {
    width: 37px;
    height: 22px;
    object-fit: contain;
    border-radius: 10.8px;
}

.search-container ::ng-deep .mat-slide-toggle-thumb-container {
    top: -2px !important;
    left: -1px !important;
    z-index: 0;
}

.reverse-order .search-container__veg-check {
    order: 1;
}

.reverse-order .search-container__form {
    order: 0;
}

.reverse-order .search-container__form div {
    border-radius: 5px;
}

.reverse-order .search-container__order {
    order: 2;
}

.marginZero {
    margin: 0;
}

.paddingZero {
    padding: 0;
}

.bannerDivMain .bannerDiv {
    z-index: 1;
    position: relative;
    width: 100%;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    overflow: hidden;
}

.bannerDivMain .bannerDiv-old-ui {
    z-index: 1;
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
    background-size: 100% 100% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    /* min-height: 250px; */
}

@media screen and (min-width: 768px) {
    .bannerDivMain .icon-img {
        margin-right: 0;
    }

    .bannerDivMain .bannerDiv {
        height: 350px;
    }

    .bannerDivMain div.heading_cvr .description {
        max-width: 95%
    }

    .bannerDivMain .store-detail__search__button {
        color: #fff !important;
        background-color: #203e6c !important;
        margin-right: 0;
        padding: 5px;
    }

    .bannerDivMain .icons-margin {
        width: 18%
    }

    .bannerDivMain .clock-icon {
        font-size: 21px !important;
    }

    .bannerDivMain .bannerDiv {
        height: 260px;
    }

    .bannerDivMain .new-main-banner {
        display: none !important;
    }

    .bannerDivMain .bannerDiv-old-ui {
        min-height: 30vw;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .bannerDivMain div.heading_cvr .description {
        max-width: 90% !important;
    }
}

.bannerDivMain .storeLogo {
    z-index: 2;
    position: absolute;
    left: 105px;
    bottom: -60px;
}

.bannerDivMain .storeLogo .storeLogoBend {
    box-shadow: 0 2px 15px #0000001a;
    height: 150px;
    width: 150px;
    object-fit: cover;
    background-repeat: no-repeat;
    border: 2px solid #fff;
}

.bannerDivMain .ratingView {
    padding: 15px 15px 0 270px;
}

.bannerDivMain .ratingView .storeBasicInfo {
    display: inline-flex;
    width: 100%;
    padding-bottom: 5px;
}

.bannerDivMain .ratingView .storeBasicInfo .storeName {
    font-size: 24px;
    width: 100%
}

.bannerDivMain .ratingView .storeBasicInfo .storeName .starRating {
    display: inline-flex;
    width: 100%
}

.bannerDivMain .ratingView .storeBasicInfo .storeName .starRating .stars {
    padding-left: 10px;
    padding-top: 5px;
}

.bannerDivMain .ratingView .storeBasicInfo .storeName .reviewButton {
    text-align: right;
    width: 30%
}

@media only screen and (max-width: 991px) {
    @-moz-document url-prefix() {
        .bannerDivMain .storeLogo {
            position: unset;
        }
    }

    @-moz-document url-prefix() {
        .bannerDivMain div.customRatingDivCat1.rateNow {
            margin-top: 60px;
        }
    }

    .bannerDivMain .ratingView {
        padding: 15px 15px 0;
    }

    .bannerDivMain .storeLogo {
        bottom: 10px;
        left: 0;
        text-align: center;
        width: 100%
    }

    .bannerDivMain .storeLogo .storeLogoBend {
        height: 110px;
        width: 110px;
    }

    .bannerDivMain .banner-storeLogo {
        bottom: 22px;
        pointer-events: none;
    }
}

.w-50 {
    width: 50%
}

.rating-div {
    display: flex;
    align-items: center;
    margin-top: -10px;
}

.rating-bigtext {
    font-size: 4rem;
}

.rating-address-bar {
    background: var(--rating-bar-color);
    display: flex;
    color: #fff;
}

.rating-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.addr-border {
    border-left: solid 1px #fff;
}

.rating-outoftext {
    line-height: 1;
    margin-left: .3rem;
    font-size: 1.2rem;
    display: flex;
    flex-direction: column;
}

.inner-search-div {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    position: relative;
    align-items: center;
}

.store-logo-img {
    height: 120px;
    width: 120px;
    object-fit: cover;
    border-radius: 6px;
}

.heading_cvr {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.rate-now-btn {
    text-decoration: underline;
    margin-top: .4rem;
    font-size: 1.4rem;
    cursor: pointer;
}

.star-container-bar {
    position: relative;
}

.star-container-bar .filled-stars {
    z-index: 2;
    display: flex;
    color: #f8ce0b;
    overflow: hidden;
    font-size: 3rem;
}

.star-container-bar .unfilled-stars {
    z-index: 1;
    display: flex;
    position: absolute;
    color: #f8cd0b33;
    left: 0;
    top: 0;
    font-size: 3rem;
}

.withoutAppCategory {
    flex: 1 1 25%;
    max-width: 25%
}

.veg_only_check {
    height: 40px;
    display: flex;
    align-items: center;
}

#banner-parent {
    position: relative;
    top: 0;
    z-index: 100;
}

#banner-footer {
    transition: all .4s ease-out;
}

.banner-heading {
    z-index: 1;
    color: #fff;
    font-size: 24px;
    margin-left: 10rem;
    margin-right: 10rem;
    display: none;
    font-weight: 500;
    text-align: center;
    align-items: baseline;
    align-self: center;
    text-shadow: 0px 1px 5px #1b1b1b;
}

.banner-transition {
    padding: 0 !important;
    width: 100%
}

.banner-transition .new-logo-banner .new-logo-content {
    width: 100% !important;
}

.banner-transition .new-background-image {
    align-items: flex-start;
}

@keyframes fadeIn {
    0% {
        opacity: 1;
        background-color: #d6d2d2;
    }

    25% {
        opacity: .75;
        background-color: #5a5959;
    }

    50% {
        opacity: .5;
        background-color: #5d5959;
    }

    to {
        opacity: 0;
        background-color: #000;
    }
}

@keyframes fadeOut {
    0% {
        opacity: 0;
        color: #5d5959;
    }

    25% {
        opacity: .25;
        color: #5a5959;
    }

    50% {
        opacity: .5;
        color: #d6d2d2;
    }

    to {
        opacity: 1;
        color: transparent;
    }
}

.m0 {
    margin: 0;
}

.p0 {
    padding: 0;
}

.preorder-btn-cvr {
    position: relative;
    text-align: center;
    display: flex;
}

.preorder-btn-cvr .preorder-popover {
    position: absolute;
    top: 40px;
    left: -50px;
    color: #000;
    background: #fff;
    border-radius: 6px;
    box-shadow: 0 1px 15px #00000021;
    z-index: 21;
    width: 200px;
    padding: 10px 15px;
}

.preorder-btn-cvr .preorder-popover p.preorder-time {
    margin-bottom: 5px;
}

.preorder-btn-cvr .preorder-popover p.instant {
    margin-bottom: 0;
}

.preorder-btn-cvr .preorder-popover p.instant a {
    color: var(--theme);
    cursor: pointer;
}

.preorder-btn-cvr .preorder-popover .caret-icon {
    position: absolute;
    font-size: 30px;
    color: #fff;
    transform: rotate(-90deg);
    top: -18px;
    left: 85px;
    transform: rotate(0);
}

.category-shimmer {
    flex: 1 1 25%;
    margin-top: 20px;
}

.product-app-shimmer {
    margin: 20px 0 0;
}

.cart-shimmer {
    margin-top: 20px;
}

.rate-now-star {
    font-size: 19px;
}

.rate-now {
    padding-left: 0;
}

.mt-50 {
    margin-top: 50px;
}

.mt-10 {
    margin-top: 10px;
}

.locationColor {
    color: var(--theme);
    font-size: 24px;
}

.displayFlex {
    display: flex;
    align-items: center;
    justify-content: center;
}

.new-search {
    display: flex;
    justify-content: center;
}

.new-search .input-group {
    width: 100%
}

.new-search .input-group input {
    height: 40px;
    font-size: 16px;
    border-right: 0px;
}

.new-search .input-group input:focus {
    border-color: #ccc;
}

.new-search .input-group .input-group-addon {
    background-color: #fff;
}

.pad-left-0 {
    padding-left: 0;
}

.new-search div.new-box {
    display: flex;
    width: 56%
}

.pad-search-0 {
    padding-left: 0 !important;
}

.bannerComponent1 .marginZero {
    margin: 0;
}

.bannerComponent1 .paddingZero {
    padding: 0;
}

.bannerComponent1 .multiBanners {
    padding: 0;
    margin-top: 0;
    display: flex;
    justify-content: center;
    background-color: #ececec;
    height: 100%;
    position: relative;
}

.bannerComponent1 .multiBanners .carouselDiv {
    width: 100%;
    height: 100%
}

.bannerComponent1 .multiBanners .carouselDiv .carousel {
    height: 100%
}

.bannerComponent1 .multiBanners .carouselDiv .carousel:hover .carousel-control {
    opacity: 1 !important;
}

.bannerComponent1 .multiBanners .carouselDiv .carousel .carousel-inner {
    height: 100%
}

.bannerComponent1 .multiBanners .carouselDiv .carousel .carousel-inner .item {
    height: 100%;
    text-align: center;
    text-align: -webkit-center;
    text-align: -moz-center;
}

.bannerComponent1 .multiBanners .carouselDiv .carousel .carousel-inner .item img {
    min-height: 100%;
    cursor: pointer;
}

.bannerComponent1 .multiBanners .carouselDiv .carousel .carousel-inner .item:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: inline-block;
    background: linear-gradient(to bottom, rgba(0, 0, 0, .08) 0%, rgba(0, 0, 0, .08) 100%);
}

.bannerComponent1 .multiBanners .carouselDiv .carousel-indicators {
    /* bottom: 0!important; */
}

.bannerComponent1 .multiBanners .carouselDiv .carousel-indicators2 {
    bottom: 15px !important;
}

.bannerComponent1 .multiBanners .carouselDiv .carousel-indicators li {
    background-color: #d2d2d2 !important;
    border-color: #d2d2d2 !important;
    width: 8px !important;
    height: 8px !important;
    margin-left: 10px;
}

.bannerComponent1 .multiBanners .carouselDiv .carousel-indicators .active {
    background-color: #fff !important;
    border-color: #fff !important;
    width: 10px !important;
    height: 10px !important;
}

.bannerComponent1 .multiBanners .carouselDiv .carousel-control {
    opacity: 0 !important;
}

.bannerComponent1 .multiBanners .carouselDiv .carousel-control .fa.fa-angle-left {
    width: 46px;
    height: 45px;
    margin-top: -10px;
    font-size: 30px;
    background-color: #fff;
    border-radius: 50%;
    padding-top: 5px;
    padding-right: 5px;
    color: var(--theme);
    left: 10%;
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}

.bannerComponent1 .multiBanners .carouselDiv .carousel-control .fa.fa-angle-right {
    width: 46px;
    height: 45px;
    margin-top: -10px;
    font-size: 30px;
    background-color: #fff;
    border-radius: 50%;
    padding-top: 5px;
    padding-left: 5px;
    color: var(--theme);
    right: 5%;
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}

.bannerComponent1 .multiBanners .carouselDiv .carousel-control.left,
.bannerComponent1 .multiBanners .carouselDiv .carousel-control.right {
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0, transparent), to(transparent)) !important;
}

.pb-0 {
    padding-bottom: 0 !important;
}

.tapri-class {
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.no-prod-text {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.no-prod-text .font-20 {
    font-size: 20px;
    padding: 17px;
}

.no-prod-text .font-18 {
    font-size: 18px;
}

.no-prod-text .custom-order-but {
    margin-top: 15px;
    padding: 10px;
    border: 1px solid var(--theme);
    background-color: var(--theme);
    color: #fff !important;
    border-radius: 5px;
}

.no-prod-text .custom-order-but a {
    font-size: 16px;
    color: #fff;
}

.no-prod-text .custom-order-but:hover {
    background-color: #fff;
    border: 1px solid var(--theme);
}

.no-prod-text .custom-order-but:hover a {
    color: var(--theme);
}

.searchProduct {
    display: flex;
}

.positionOffer {
    position: relative;
}

.d-flex {
    display: flex;
}

.flex-column {
    flex-direction: column;
}

.justify-content-center {
    justify-content: center;
}

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

.justify-content-between {
    justify-content: space-between;
}

.justify-content-around {
    justify-content: space-around;
}

.mb-1 {
    margin-bottom: 1rem;
}

#cat-fix,
#cart-fix {
    position: sticky;
    top: 7vw !important;
    z-index: 10;
    border-radius: 8px;
    box-shadow: 0 4px 10px #53535329;
    overflow: hidden;
}

.basket-app {
    flex: 0 0 25%;
    max-width: 25%;
}

#basket-fix {
    position: sticky;
    top: 7vw !important;
    z-index: 10;
    border-radius: 8px;
    box-shadow: 0 4px 10px #53535329;
    border: 0px solid #e7e7e7;
}

.ol_ui_veg_only {
    margin-left: 2rem;
}

.cls-home-cat-laundry {
    display: flex;
    margin: 15px auto 0;
}

.restaurnat-close-popup {
    font-size: 17px;
    text-align: center;
}

.restaurnat-close-popup .home-btn-close {
    color: var(--white);
    background-color: var(--theme);
    transition: .5s;
    border: 1px solid var(--theme);
    border-radius: 4px !important;
    line-height: 15px;
    display: inline-block;
    margin-top: 10px;
    text-align: center;
    padding: 10px;
    text-decoration: none !important;
    cursor: pointer;
}

.restaurnat-close-popup .home-btn-close:hover {
    color: var(--theme);
    background-color: var(--white);
    border: 1px solid var(--theme);
}

.new-ui-banner {
    display: flex;
    width: 100%;
    height: 350px;
    max-height: 350px;
}

.store-detail-card {
    display: flex;
    width: 100%;
    height: 350px;
    border-radius: 10px;
    padding-top: 3rem;
    padding-right: 2rem;
    justify-content: flex-end;
    position: relative;
}

.store-banner-div {
    background: white;
    flex-direction: column;
    width: 100%;
    width: 29%;
    position: absolute;
    left: 0;
    top: 6.5rem;
    border-radius: 15px;
    left: 3rem;
    max-width: 29%;
    display: flex;
    padding: 4rem 1rem 1rem 3rem;
    height: 246px;
    max-height: 246px;
}

.store-new-logo-ui {
    background: white;
    width: 31%;
    top: 6.5rem;
    padding-bottom: 0 !important;
    border-radius: 15px;
    padding: 4rem;
    display: flex;
}

.new-ui-name {
    font-weight: 600;
    margin-right: 20px;
    margin-bottom: 0;
    text-transform: capitalize;
    font-size: 27px;
    padding-top: 2rem;
}

.store-detail__card__row__phone {
    opacity: 1;
    font-size: 15px;
    margin-bottom: 0;
}

.store-detail__card__row__address {
    opacity: 1;
    font-size: 14px;
    margin-bottom: 0;
    color: #fff;
    font-weight: 300;
    white-space: nowrap;
    overflow: hidden;
    text-transform: capitalize;
    text-overflow: ellipsis;
}

.store-detail__card__row__address:hover,
a:hover {
    color: var(--theme);
}

a:focus {
    text-decoration: none !important;
    color: inherit !important;
}

.main-ui {
    display: flex;
    flex-direction: column;
    margin-left: 2rem;
    max-width: 60%
}

.mg-0 {
    margin: 0;
}

.store-detail__card__row__rating-container {
    display: flex;
    align-items: center;
    padding-left: 0;
    font-size: 17px;
}

.store-detail__card__row__rating-container span {
    text-decoration: none;
    font-size: 12px;
}

.store-detail__card__row__rating-container span:hover {
    color: var(--theme);
}

.store-detail__card__row__rating-container p {
    padding-top: 1px;
    padding-left: 5px;
}

.store-detail__card__row__rating-container__rating {
    font-size: 15px;
    margin: 0;
    padding-left: 1rem;
    padding-top: 1rem;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    cursor: pointer;
}

.store-detail__card__row__rating-container__divider {
    display: none;
}

.store-detail__card__row__rating-container__rate-now {
    font-size: 15px;
}

.icon-img {
    max-width: 25px;
    max-height: 25px;
    object-fit: contain;
}

.phone-location {
    display: flex;
    align-items: center;
    color: inherit;
    font-size: 14px;
    color: #7e808c;
    font-weight: 300;
}

.hv-ud:hover {
    text-decoration: underline;
}

.delivery-time {
    display: flex;
    width: 200px;
    width: 230px;
    box-shadow: 0 2px 9px #0000003b;
    height: 51px;
    border-radius: 4px;
    bottom: 0;
    margin: auto;
    margin-top: 3rem;
    background-color: #fff;
}

.clock-icon {
    font-size: 21px;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.Line-Copy-4 {
    width: 1px;
    height: 32px;
    opacity: .1;
    border: solid .5px #000000;
    background: black;
    margin: 1rem;
}

.custom-order-ui {
    position: absolute;
    right: 0;
    bottom: -10px;
    display: flex;
    width: 57%
}

.btn-bars {
    display: flex;
}

.store-detail__search__bar {
    min-height: 40px;
    margin-right: 1.5rem;
    border-radius: 4px;
    width: 100%;
    min-width: 100%;
    box-shadow: 0 4px 10px #53535329;
    background-color: #fff;
    display: flex;
    align-items: center;
    color: #1b1b1b;
}

.search-input-bar {
    border: 0;
    width: 100%;
    outline: none;
    padding-left: 1rem;
    padding-right: 1rem;
}

.store-detail__search__button {
    color: #fff !important;
    display: flex;
    align-items: center;
    margin-right: 1.5rem;
    padding: 1rem;
    border: none;
    font-weight: 500;
    outline: none;
    border-radius: 24px;
    box-shadow: 0 4px 10px #53535329;
    background-color: var(--theme) !important;
}

.checkbox-label {
    display: inline-block;
    position: relative;
    margin-bottom: 2px;
    margin-right: 5px;
    margin-left: 5px;
    cursor: pointer;
    font-size: 22px;
    line-height: 15px;
    height: 15px;
    width: 15px;
    clear: both;
}

.veg-product {
    color: #fff;
    margin-left: 5px;
    margin-bottom: 0;
    font-weight: 500;
}

.checkbox-custom-rectangle {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: transparent;
    border-radius: 3px;
    transition: all .3s ease-out;
    -webkit-transition: .3s ease-out;
}

.checkbox-label .checkbox-custom-rectangle:after {
    position: absolute;
    content: "";
    left: 12px;
    top: 12px;
    height: 0px;
    width: 0px;
    border-radius: 3px;
    border: solid #009BFF;
    border-width: 0 3px 3px 0;
    transform: rotate(0) scale(0);
    opacity: 1;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
}

.checkbox-label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
}

.checkbox-label .checkbox-custom-rectangle:after {
    transform: rotate(45deg) scale(1);
    opacity: 1;
    left: 3px;
    top: 0;
    width: 5px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    background-color: transparent;
    border-radius: 0;
    font-size: 15px;
    opacity: .9;
    line-height: 1.2;
    font-weight: 500;
}

.checkbox-label .checkbox-custom-rectangle {
    position: absolute;
    top: 0;
    left: 0;
    height: 15px;
    width: 15px;
    background-color: transparent;
    border-radius: 3px;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out;
    -moz-transition: all .3s ease-out;
    -ms-transition: all .3s ease-out;
    -o-transition: all .3s ease-out;
    border: 2px solid #ccc8c8;
}

.checkbox-label input:checked~.checkbox-custom:after {
    transform: rotate(45deg) scale(1);
    opacity: 1;
    left: 3px;
    top: 0;
    width: 5px;
    height: 9px;
    border: solid #fff;
    border-width: 0 2px 2px 0;
    background-color: transparent;
    border-radius: 0;
    font-size: 15px;
    opacity: .9;
    line-height: 1.2;
    font-weight: 500;
}

.checkbox-label input:checked~.checkbox-custom-rectangle {
    background-color: #41913f;
    border-radius: 3px;
    transform: rotate(0) scale(1);
    opacity: 1;
    border: 2px solid #41913f;
}

.mobile-store-ui {
    font-size: 24px;
    text-align: center;
    font-weight: 500;
}

.store-detail__card__row__phone {
    font-size: 15px !important;
}

.div-store-name {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 100%;
    width: 100%
}

.Line-Copy-4 {
    width: 2px;
    height: 22px;
    opacity: .2;
    border: .5px solid;
    border: .5px solid white;
    background: white;
}

.rate-box {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.phone-number-ui {
    display: flex;
    justify-content: center;
    padding: 5px 5px 0;
    font-size: 15px;
    opacity: 5rem;
}

.store-detail__card__row__rating-container__rating {
    font-size: 15px !important;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
}

.preorder-btn {
    padding-right: 1rem;
    height: auto;
    padding: 5px;
    margin-right: 1rem;
    border-radius: 5px;
    text-align: center;
    background-color: var(--theme);
}

.store-detail__card__row__phone {
    margin: 0;
}

.custom-order-btn {
    padding-left: 1rem;
    padding-right: 1rem;
    height: auto;
    padding: 5px;
    border-radius: 5px;
    text-align: center;
    background-color: var(--theme);
    font-weight: 600;
}

.bannerDiv {
    padding-bottom: 1rem;
}

.mobile-view-div {
    display: flex;
    flex-direction: column;
    width: 100%
}

.cat-menu {
    margin: 0 !important;
}

.search-container {
    justify-content: space-around !important;
}

.search-container__form__addon {
    border: none;
    border-radius: 0 5px 5px 0 !important;
    background: white;
}

.search-container__form__addon i {
    font-size: 17px;
    color: gray;
}

.fa .fa-search,
.fa .fa-times {
    color: var(--theme);
}

.inner-search-div {
    height: 100%;
    width: 100%;
    flex-direction: column;
    padding-top: 5px;
    display: flex;
    align-items: center;
    color: #fff;
    text-transform: capitalize;
    padding-left: 5rem;
    padding-right: 5rem;
}

.cls-cat-list div.cls-hover-cat {
    padding: 10px 25px;
    word-wrap: break-word;
    font-size: 20px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    font-family: 'Bauhaus Std';
    color: #535862;
    letter-spacing: 0.3px;
    cursor: pointer;
}

.cls-cat-list div.cls-hover-cat.active {
    /* border-left: 6px solid var(--theme)!important;
    border-radius: 0;
    background-color: #fff; */
}

.search-container__form__input {
    border: none;
    border-radius: 5px 0 0 5px !important;
}

.search-container__form {
    width: 67%;
    margin-right: 9px;
}

.delivery-rate {
    padding-top: 1px;
    text-transform: lowercase;
    padding-left: 3px;
    margin: 0;
    font-size: 17px;
}

.header-size {
    height: 70px;
    padding: 0;
}

.right-set {
    left: -3rem !important;
    right: unset !important;
}

@media screen and (max-width: 1400px) {
    .new-main-banner .new-background-image .new-banner-footer {
        left: 4rem;
    }
}

@media screen and (max-width: 1240px) {
    .banner-heading {
        margin-left: 8rem !important;
    }

    .new-main-banner {
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
    }

    .new-main-banner .new-logo-banner .new-logo-content .new-content-text {
        width: 65%
    }

    .new-main-banner .new-logo-banner .new-logo-content .new-content-text h4 {
        font-size: 24px;
    }

    .new-main-banner .new-logo-banner .new-logo-content .new-content-text .store-detail__card__row__address {
        font-size: 14px;
        width: 60%
    }

    .new-main-banner .new-logo-banner .new-logo-content .new-content-text .phone-location,
    .new-main-banner .new-logo-banner .new-logo-content .new-content-text .store-detail__card__row__phone {
        font-size: 14px;
    }

    .new-main-banner .new-logo-banner .new-logo-content div .store-logo-img {
        height: 100px;
        width: 100px;
        object-fit: cover;
        border-radius: 6px;
    }

    .new-main-banner .new-background-image {
        width: 75%;
        border-radius: 10px;
        background-position: top;
        display: flex;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .new-main-banner .new-background-image .new-banner-footer {
        left: 8rem;
    }

    .banner-heading {
        margin-top: 2rem !important;
    }

    .banner-transition .new-logo-banner .new-logo-content {
        top: 0% !important;
    }

    .store-detail__card__row__address {
        font-size: 14px;
    }
}

@media screen and (max-width: 1240px) {
    .header-size {
        height: 109px;
    }

    .select_category .select_category_cover {
        width: 100%
    }

    .phone-location .icon-img {
        height: 18px;
        width: 18px;
    }

    .new-main-banner .new-logo-banner .new-logo-content .new-content-text {
        margin-right: 2rem;
        width: 55%
    }

    .new-main-banner .new-logo-banner .new-logo-content .new-content-text .store-detail__card__row__address {
        font-size: 12px;
        width: 80%
    }

    .clock-icon {
        width: 25px;
        height: 25px;
    }

    .new-banner-footer {
        width: 85% !important;
    }

    #banner-footer {
        font-size: 12px;
    }

    .mg-t35 {
        margin-top: 35px;
    }

    .btn-bars {
        max-width: 395px !important;
    }

    .new-main-banner .new-logo-banner .new-logo-content .new-content-text h4 {
        font-size: 15px;
    }

    .icon-img {
        height: 20px;
        width: 20px;
    }

    .clock-icon {
        height: 20px !important;
        width: 20px !important;
        font-size: 18px !important;
    }

    .new-banner-footer {
        width: 90% !important;
    }
}

@media only screen and (max-width: 992px) {
    #banner-parent {
        position: relative;
    }

    .select_category .search_div {
        right: 0%
    }

    .cls-cat-list div.cls-hover-cat.active {
        /* border-radius: 0;
    color: #fff;
    padding-right: 2rem!important;
    padding-left: 2rem!important;
    border-bottom: 0px!important;
    padding: 1rem;
    background-color: #2a3b56;
    font-weight: 500;
    font-size: 15px; */
    }

    .newhybriduiapp .cls-cat-list div.cls-hover-cat.active {
        background-color: #fff;
        font-size: 14px;
        font-weight: 600;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: left;
        color: #2a3b56;
        border-bottom: 2px solid var(--theme) !important;
        border-left: none !important;
    }

    app-category {
        flex: 0;
        max-width: 100%
    }

    .name {
        font-size: 24px;
        letter-spacing: .3px;
        text-align: center;
        color: #1b1b1b;
    }

    .old-ui-names {
        font-size: 24px;
        font-weight: 600;
        letter-spacing: .3px;
        margin-bottom: 4rem;
        text-align: center;
        color: #fff;
    }

    .description {
        font-size: 18px;
        margin-bottom: 2px;
        letter-spacing: .2px;
        text-align: center;
        color: #fff;
    }

    #cat-fix,
    #cart-fix {
        position: sticky;
        top: 12vw !important;
        display: inline-block;
        z-index: 10;
    }

    #cat-fix-oldUI {
        position: sticky;
        top: 100px !important;
        display: inline-block;
        z-index: 50;
    }

    #cat-fix-newUI {
        position: sticky;
        top: 50px !important;
        display: inline-block;
        z-index: 50;
    }

    .new-main-banner .new-logo-banner .new-logo-content .new-content-text h4 {
        font-size: 18px !important;
    }

    .banner-heading {
        margin-top: 1rem !important;
    }

    .icon-img {
        height: 18px;
        width: 18px;
    }

    .c-res-cat {
        white-space: nowrap;
        overflow-y: hidden;
        overflow-x: auto;
        width: 100%;
        padding-bottom: 0;
        display: inline-flex;
    }

    .newhybriduiapp .c-res-cat::-webkit-scrollbar {
        width: 0px;
        background: transparent;
        display: none;
    }

    .newhybriduiapp .c-res-cat {
        margin-left: 11px;
    }

    .cls-home-cat {
        display: block;
        max-width: 1240px;
        margin: 0 auto;
    }

    .cls-home-cat-laundry {
        display: block !important;
        max-width: 100%;
        margin: 20px auto 0;
        justify-content: center;
    }

    .select_category .select_category_cover {
        padding: 0 0 35px;
    }

    .cat-menu {
        border: none;
    }

    .cls-cat-list {
        display: inline-block;
    }

    .cls-cat-list div {
        position: relative;
        padding-top: 2px;
    }

    .cls-cat-list div.cls-hover-cat {
        /* padding: 10px 15px;
    word-wrap: break-word; */
    }

    .cls-cat-list div.cls-hover-cat.active {
        /* border-bottom: 2px solid;
    border-left: none; */
    }

    .cls-cat-list div.cls-hover-cat:hover {
        border-bottom: 2px solid;
        border-left: none;
        cursor: pointer;
    }

    .cls-cat-list div.cls-cat-sub-list p {
        margin-bottom: 10px;
    }

    .cls-cat-list div.cls-cat-sub-list span.sub-active {
        width: 10px;
        height: 10px;
        position: absolute;
        margin-right: 10px;
        top: -6px;
        font-size: 30px;
        color: #e13d36;
        padding: 0;
    }

    .cls-cat-list div.cls-cat-sub-list span.sub-active span {
        padding: 0;
    }

    .cls-cat-list div.cls-cat-sub-list span {
        padding-left: 12px;
    }

    .product-app {
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-top: 5px;
        position: relative;
        left: 0;
        width: 100% !important;
    }

    .product-app_without_product {
        padding: 0 30px;
        flex: 0 0 100% !important;
        max-width: 100% !important;
        margin-top: 15px;
        position: relative;
        left: 0;
        width: 100% !important;
    }

    .select_category .select_category_cover {
        width: 100%
    }

    div.heading_cvr {
        margin: 15px auto;
    }

    div.heading_cvr .name {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .mt-50 {
        margin-top: 35px !important;
    }

    div.customRatingDivCat1 {
        position: absolute;
        border-radius: 5px;
        display: inline-block;
        margin-right: 8px;
        padding: 4px 6px;
        height: 28px;
        font-size: 15px !important;
        text-align: center;
        color: #fff !important;
        font-weight: 500 !important;
        margin-left: 0;
        line-height: 11px;
        margin-top: 25px;
        background: #ffc058;
        cursor: pointer;
    }

    span.ratingCount {
        opacity: .9;
        background-color: #fff;
        font-size: 14px !important;
        font-weight: 700 !important;
        letter-spacing: 1px !important;
        -webkit-text-fill-color: transparent;
        -webkit-background-clip: text;
        display: inline-block;
        margin-left: 3px;
        padding: 5px;
    }

    .clock-icon {
        margin-right: 0 !important;
    }

    .container {
        /* padding-right: 0;
    padding-left: 0; */
        margin-right: auto;
        margin-left: auto;
        width: 100%
    }

    .old-ui-name-margin {
        margin-bottom: 10rem !important;
    }

    .name {
        font-size: 24px;
        letter-spacing: .3px;
        text-align: center;
        color: #fff;
    }

    .old-ui-names {
        font-size: 17px;
        font-weight: 600;
        letter-spacing: .3px;
        margin-bottom: 4rem;
        text-align: center;
        color: #fff;
    }

    .description {
        font-size: 12px;
        margin-bottom: 2px;
        letter-spacing: .2px;
        text-align: center;
        color: #fff;
    }

    .addressDetails {
        font-size: 10px;
    }

    .locationColor {
        font-size: 16px;
    }

    .new-search {
        padding: 0;
        margin-left: 50px;
    }

    .new-search.pad-mobile .pad-left-0 {
        padding-left: 15px;
    }

    .new-search div.new-box {
        display: flex;
        width: 90% !important;
    }

    .cls-home-cat {
        padding: 0 0rem;
    }

    .header-size {
        height: 85px;
        padding: 0;
    }

    :host ::ng-deep app-header .top-header {
        position: relative !important;
    }

    .reverse-order {
        margin: 1rem 1rem 0rem !important;
    }

    .reverse-order .search-container__order {
        justify-content: flex-start !important;
    }

    .rating-address-bar {
        padding: 1.7rem;
    }

    .location-addr {
        font-size: 1.8rem;
    }

    .search-container {
        margin: 1rem;
    }

    .search-container__veg-check {
        width: max-content;
    }

    .search-container__form {
        /* flex: 67%;
    margin-right: 1rem;
    box-shadow: 0 4px 10px #53535329; */
    }

    .search-container__order {
        flex: 35%
    }

    .new-main-banner {
        display: none !important;
    }

    .mg-t20 {
        margin-top: 20px;
    }

    .hide-closed-mobile {
        display: none !important;
    }

    .closedRestro {
        top: 65px !important;
        position: fixed !important;
    }

    .hide-lg-view {
        display: flex !important;
    }

    .inner-search-div {
        height: 100%;
        width: 100%;
        flex-direction: column;
        padding-top: 48px;
        display: flex;
        align-items: center;
        color: #fff;
        text-transform: capitalize;
        padding-left: 3rem;
        padding-right: 3rem;
        pointer-events: none;
    }

    .inner-search-div>* {
        pointer-events: auto;
    }

    .search-container__order {
        width: 100%;
        margin-top: 1rem;
    }

    .rating-address-bar {
        padding: 1rem;
    }

    .location-addr {
        font-size: 1.2rem;
    }

    .tapri-class {
        padding-bottom: 85px !important;
    }

    .product-app {
        margin: 0;
    }

    .carouselDiv {
        width: 100%
    }

    .carouselDiv:hover .carousel-control {
        opacity: 1 !important;
    }

    .carouselDiv .carousel .carousel-inner .item {
        text-align: center;
        text-align: -webkit-center;
    }

    .carouselDiv .carousel .carousel-inner .item img {
        cursor: pointer;
    }

    .carouselDiv .carousel-indicators {
        margin-bottom: 0 !important;
    }

    .no-prod-text {
        padding: 0 12px;
    }

    .no-prod-text .font-20 {
        font-size: 16px;
    }

    .no-prod-text .font-18 {
        font-size: 15px;
    }

    .no-prod-text .custom-order-but {
        padding: 9px;
        display: flex;
    }

    .no-prod-text .custom-order-but a {
        font-size: 14px;
    }
}

@media only screen and (max-width: 576px) {
    .mg-t20 {
        margin-top: 20px !important;
    }

    .mg-t5 {
        margin-top: 5px !important;
    }

    .bannerDiv-old-ui,
    .newhybriduiapp .bannerDiv-old-ui {
        /* min-height: 55vw!important; */
        padding: 0 0 10px;
        overflow: hidden;
        /* height: 55vw!important; */
    }

    .store-detail__card__row__address,
    .store-detail__card__row__phone {
        font-size: 12px !important;
    }

    .mobile-store-ui {
        font-size: 20px;
        font-weight: 600;
    }

    .clock-icon {
        margin-top: 4px;
        font-size: 18px !important;
    }

    .custom-order-btn {
        font-size: 12px;
    }

    .store-detail__search__button {
        font-size: 12px !important;
    }

    .store-detail__card__row__rating-container__rating {
        font-size: 14px !important;
        margin-top: 5px;
    }

    .search-mobileView {
        /* margin: 0!important;
    width: 90% */
    }

    .search-container__order {
        margin-top: 0 !important;
    }

    .mt-5 {
        margin-top: 5px;
    }

    .icons-margin {
        width: 40% !important;
    }

    .mobile-search {
        border-radius: 8px;
        box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.02);
        border: solid 1px #ebebed;
        background-color: #fff;
    }
}

.BannerDivmargin {
    margin-top: 40px;
}

.h-270 {
    height: 270px;
}

.preoder-cls {
    justify-content: center;
    margin-top: 5px;
}

.often-bought-heading {
    margin-top: 10px;
    margin-left: 10px;
}

@media screen and (max-width: 991px) {
    .often-bought-heading {
        margin-top: 52px;
    }
}

.chatIcon {
    fill: var(--theme);
    max-width: 20px;
    height: 20px !important;
    position: static !important;
}

.chat-div {
    margin: 0 14px;
    min-width: 61px;
    font-size: 15px;
    cursor: pointer;
    order: 2;
    font-family: Inter, sans-serif;
}

.chat-div span {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

:host ::ng-deepapp-mobile-top-navigation .back-btn {
    position: fixed;
    top: 0;
    z-index: 2;
    background: var(--theme);
    margin: 0 0 0 8px;
    height: 46px;
    padding: 7px;
    width: 100%
}

.newhybridui {
    padding: 0 0 -15px;
}

.newhybriduiapp .c-res-cat {
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    width: 100%;
    padding-bottom: 0;
    display: inline-flex;
}

.newhybriduiapp .c-res-cat::-webkit-scrollbar {
    width: 0px;
    background: transparent;
    display: none;
}

.newhybriduiapp .newhybriduiapp .c-res-cat {
    margin-left: 11px;
}

.newhybriduiapp .bannerDiv-old-ui {
    min-height: 55vw !important;
    padding: 0 0 10px;
    overflow: hidden;
    height: 55vw !important;
}

.newhybriduiapp .cls-cat-list div.cls-hover-cat.active {
    background-color: #fff;
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #2a3b56;
    border-bottom: 2px solid var(--theme) !important;
    border-left: none !important;
}

.newhybriduiapp .hide-lg-view {
    padding: 0 15px !important;
}

.newhybriduiapp .search-container__form {
    width: 100%;
    margin-right: 0;
    padding: 0 0 0 7px;
    border-radius: 8px;
    border: solid 1px #e5e5e5;
    background-color: #fff;
    box-shadow: none;
}

.newhybriduiapp .search-container__form .fa.fa-search,
.newhybriduiapp .search-container__form .fa .fa-times {
    margin-right: 10px;
}

.newhybriduiapp .search-container__form .search-container__form__input {
    border: none !important;
    height: auto !important;
    border-radius: 5px 0 0 5px !important;
    box-shadow: none !important;
}

.newhybriduiapp .div-store-name {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    max-width: 100%;
    width: calc(100% - 60px);
    position: absolute;
    bottom: 1rem;
}

.newhybriduiapp .phone-locaion-div {
    display: flex;
    justify-content: space-evenly;
    padding: 0rem 0;
    flex-direction: row;
}

.newhybriduiapp .rate-box {
    padding-left: 0;
    padding-right: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
}

.newhybriduiapp .links.chat {
    background: white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    margin-bottom: 10px;
}

.newhybriduiapp .links.chat img {
    height: 24px !important;
}

.newhybriduiapp .links.map {
    background: var(--theme);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

.newhybriduiapp .links.map img {
    height: 24px !important;
}

.newhybriduiapp .links.calls {
    background: #31f05e;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50%;
    width: 30px;
    height: 30px;
}

.newhybriduiapp .links.calls img {
    height: 24px !important;
}

.newhybriduiapp #cat-fix,
.newhybriduiapp #cart-fix,
.newhybriduiapp #cat-fix-oldUI {
    box-shadow: none;
}

.newhybriduiapp .newhybriduiapp .search-container__form:focus {
    box-shadow: 0 1px 1px #00000013 inset, 0 0 8px #18cce499 !important;
    outline: 0 none;
}

.newhybriduiapp .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-slider {
    background-color: var(--theme) !important;
}

.newhybriduiapp .ui-inputswitch.ui-inputswitch-focus .ui-inputswitch-slider {
    box-shadow: none;
}

.newhybriduiapp .store-detail__card__row__rating-container span:hover {
    color: #fff;
}

@media only screen and (max-width: 992px) {
    .newhybriduiapp .cls-cat-list div.cls-hover-cat {
        font-size: 14px;
        font-weight: 400;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: left;
        color: #8a94a3;
    }

    .newhybriduiapp .cls-cat-list div.cls-hover-cat .active {
        border-radius: 0;
        padding-right: 2rem !important;
        padding-left: 2rem !important;
        border-bottom: 0px !important;
        padding: 1rem;
        background-color: none;
        font-weight: 500;
        font-size: 15px;
        font-size: 14px;
        font-weight: 600;
        background-color: none !important;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: left;
        color: #2a3b56;
        border-bottom: 2px solid #ef4c00 !important;
    }
}

.select_category_cover_hybrid {
    padding-bottom: 55px;
}

.select_category_cover_hybrid_d2c_dlow {
    padding-bottom: 105px;
}

.newhybriduiapp .break {
    margin-left: 5px;
    border-left: 1px solid #fff;
}

.newhybriduiapp .instantOrder {
    position: absolute;
    left: 0;
}

.hybrid_empty_container {
    margin-left: 15px;
    margin-right: 15px;
    padding: 20px;
}

.m-r-search {
    margin-right: 1.5rem;
    flex: 0 0 25%;
}

.mrlft {
    margin-left: 1.5rem;
}

.mrlf {
    margin-right: 5px;
}

.glyphicon-heart,
.glyphicon-heart-empty {
    font-size: 19px;
}

.img-blur-remove {
    image-rendering: pixelated;
}

@media (max-width: 992px) {
    .newhybriduiapp .bannerDiv-old-ui {
        margin-top: 7rem;
        margin-left: 2.5rem;
        margin-right: 2.5rem;
        border-radius: 10px;
    }

    .hybrid-app {
        height: 10.23rem;
    }
}

.loader-popup .modal-content {
    background: none;
    border: none;
    box-shadow: none;
}

#AI-loader {
    display: flex;
    justify-content: center;
    align-items: center;
    height: calc(100vh - 120px);
    flex-direction: column;
    width: 100%
}

#AI-loader #loader-img {
    width: 250px;
    position: relative;
    bottom: 50px;
}

.typewriter {
    width: 100%;
    height: 50px;
}

#typewriter-text {
    color: #fff;
    font-size: 17px;
}

.typewriter h1 {
    font-family: Inter, sans-serif;
    overflow: hidden;
    border-right: .15em solid #000;
    white-space: nowrap;
    margin: 0 auto;
    letter-spacing: .15em;
    animation: typing 3s steps(40, end), blink-caret .75s step-end infinite;
}

@media only screen and (min-width: 820px) {
    #AI-loader {
        text-align: center;
        width: 100%;
        margin: 0 auto;
    }

    #AI-loader #loader-img {
        width: 70%;
        bottom: 65px;
    }
}

@media only screen and (max-width: 1180px) {
    .typewriter h1 {
        white-space: normal;
        border-right: none;
        animation: none;
    }
}

.slideshow-container {
    position: relative;
    bottom: 100px;
}

@media only screen and (min-width: 1024px) {
    #typewriter-text {
        height: 28px;
        font-size: 22px;
    }

    .slideshow-container {
        bottom: 130px;
    }
}

.fa-times {
    cursor: pointer;
    -webkit-text-stroke: 1.3px #fff;
}

.cross-icon {
    width: 44px;
}

.menu-button {
    height: 40px;
    border-radius: 8px;
    box-shadow: 0 4px 20px #00000005;
    border: solid 1px #ebebed;
    background-color: #fff;
    padding: 7px;
    width: 110px;
}

.menu-button-search {
    border: solid 1px #d7d7d7;
}

.menu-dropdown {
    width: 200px;
    position: absolute;
    right: 0;
}

.hidden {
    display: none;
}

.p-dropdown .p-dropdown-label.p-placeholder {
    color: #000 !important;
    font-size: 14px;
    display: flex;
    align-items: center;
}

.p-dropdown .p-dropdown-trigger {
    color: #000 !important;
}

.selectedMenuName {
    margin-bottom: 5px;
    font-size: 17px;
    font-weight: 800;
}

.menu-class {
    display: flex;
    flex-direction: row;
    margin-bottom: 8px;
    background: white;
    padding: 7px;
    border-radius: 8px;
    box-shadow: 0 4px 10px #53535329;
}

.menu_dropdown-div {
    margin-right: 10px;
}

.menu-class-mobile {
    max-width: 100%;
    display: flex;
    margin: 8px;
    background: white;
    padding: 7px 18px;
    border-radius: 8px;
    box-shadow: 0 4px 10px #53535329;
}

.menu-image-div {
    width: 50px;
    height: 50px;
    border-radius: 5px;
    margin-right: 10px;
}

#mobile_menu_dropdown {
    width: 100%
}

@media screen and (max-width: 768px) {
    .menu-button {
        width: 100%;
        height: 37px !important;
        padding: 3px !important;
    }

    .menu-dropdown {
        width: -webkit-fill-available;
    }

    .menu_dropdown-div {
        margin: 10px 20px;
    }
}

.font-14 {
    font-size: 14px;
}

.mar-bottom-10 {
    margin-bottom: 5px;
}

.flex-centre {
    display: flex;
    align-items: center;
}

.min-ht-40 {
    min-height: 40px;
}

.menu-img {
    width: 40px !important;
    height: 40px !important;
    border-radius: 5px !important;
    margin-right: 10px !important;
}

.pad-left-60 {
    padding-left: 60px;
}

.mar-0 {
    margin: 0;
}

.flex-grow-1 {
    flex-grow: 1;
}

@media (min-width: 1200px) {
    .container-2 {
        width: 100%;
        padding-left: 20px;
        padding-right: 30px;
    }
}

:host ::ng-deep .primary .p-inputswitch.p-component.p-inputswitch-checked {
    background-color: #000;
}

.p-inputswitch.p-inputswitch-checked:not(.p-disabled):hover .p-inputswitch-slider {
    background-color: #18c323;
}

.p-inputswitch.p-inputswitch-checked .p-inputswitch-slider {
    background-color: #18c323;
}

.web-rectangle {
    width: 2px;
    height: 34px;
    flex-grow: 0;
    background-color: #fff9;
}

.stickySet {
    position: fixed;
    top: 7.5rem;
    height: 7rem;
    display: flex;
    align-items: center;
    width: 100%;
    padding-left: 3rem;
    padding-right: 3rem;
    background-color: #fff;
    z-index: 101;
    gap: 10px;
    justify-content: space-between;
    transform: translateY(-100%);
    transition: transform .5s ease-in-out;
    box-shadow: 0 8px 20px #0000001a;
}

@media only screen and (max-width: 1090px) {
    .stickySet {
        top: 11.2rem;
    }
}

.showSearch {
    transform: translate(0) !important;
}

@media screen and (max-width: 768px) {
    .stickySet {
        display: none !important;
    }
}


[_ngcontent-ng-c1533978190]:root {
    --blue: #1394ff;
    --black: #282828;
    --gray: #e2e4e6;
    --dark-gray: gray;
    --white: #ffffff;
    --light-gray: #d3d3d3;
    --orange: #ff8f00;
    --bg-color: var(--white);
    --header_height: 60px;
    --header_bg_color: var(--black);
    --header_font_color: white;
    --autocomplete_btn_search_bg_color: var(--blue);
    --autocomplete_btn_search_font_color: white;
    --autocomplete_box_height: 40px;
    --theme: var(--blue);
    --rating-bar-color: #3c3b3b;
    --btn-color: var(--black);
    --address_desc_color: #afafaf;
    --address_title_color: #333;
    --address_bg_color: white;
}

.heading[_ngcontent-ng-c1533978190] {
    text-align: center;
    padding: 20px 0;
}

.no-orders-text[_ngcontent-ng-c1533978190] {
    margin: 0 20px;
    text-align: center;
}

@media (max-width: 767px) {
    .rt[_ngcontent-ng-c1533978190] {
        right: 210px !important;
    }
}

@media (min-width: 768px) {
    .flttt[_ngcontent-ng-c1533978190] {
        float: left !important;
    }

    .flst[_ngcontent-ng-c1533978190] {
        float: unset !important;
    }
}

.wd[_ngcontent-ng-c1533978190] {
    max-width: 100% !important;
}

.mrlft[_ngcontent-ng-c1533978190] {
    margin-left: 20px;
}

.txtrgt[_ngcontent-ng-c1533978190] {
    text-align: right !important;
}

@media (min-width: 768px) {
    .rt[_ngcontent-ng-c1533978190] {
        right: 235px !important;
    }
}

.txtlft[_ngcontent-ng-c1533978190] {
    text-align: left !important;
}

.txtrt[_ngcontent-ng-c1533978190] {
    float: right !important;
}

.pdlft[_ngcontent-ng-c1533978190] {
    padding-left: 0 !important;
}

.flft[_ngcontent-ng-c1533978190] {
    float: left !important;
}

.tx[_ngcontent-ng-c1533978190] .title[_ngcontent-ng-c1533978190] {
    text-align: center;
    color: #858585;
    display: inline-block;
    font-size: 25px;
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333;
}

.containerOrder[_ngcontent-ng-c1533978190] {
    max-width: 1400px;
    margin: auto;
}

.line[_ngcontent-ng-c1533978190] {
    margin: 0 auto;
    width: 50px;
}

.order-ecom[_ngcontent-ng-c1533978190] img[_ngcontent-ng-c1533978190] {
    height: 64px;
    float: right;
}

.pad-0[_ngcontent-ng-c1533978190] {
    padding: 0;
}

@media (max-width: 1200px) {
    .order-heading[_ngcontent-ng-c1533978190] {
        /* display: none; */
    }
}

.cards[_ngcontent-ng-c1533978190] {
    margin: 0;
    height: 100%;
    background-color: #fff;
    padding: 15px;
    cursor: pointer;
    border: 1px solid #e9e9eb;
    border-radius: 8px;
}

.cards[_ngcontent-ng-c1533978190]:hover {
    box-shadow: 0 4px 10px #53535329;
    border: 1px solid var(--theme);
    transition: .5s;
}

.cancel-dropdown[_ngcontent-ng-c1533978190] {
    font-size: 12px;
}

.add-category-input[_ngcontent-ng-c1533978190] {
    resize: none;
    width: 100%;
    height: 40px;
    margin-bottom: 10px;
    opacity: 1;
    font-size: 14px;
    color: #333;
    background-color: #fff;
}

.orderIDDiv[_ngcontent-ng-c1533978190] {
    display: flex;
    justify-content: space-between;
    padding: 0 0 5px;
    font-weight: 600;
    border-bottom: 1px dashed #e5e5e5 !important;
}

.orderIDDiv[_ngcontent-ng-c1533978190] div.orderStatusWrapper[_ngcontent-ng-c1533978190] {
    display: flex;
    width: 65%;
    justify-content: flex-end;
    align-items: center;
}

.orderIDDiv[_ngcontent-ng-c1533978190] div.orderStatusWrapper[_ngcontent-ng-c1533978190] div.orderIdOnly[_ngcontent-ng-c1533978190] {
    float: left;
    padding: 5px 0;
}

.orderIDDiv[_ngcontent-ng-c1533978190] div.orderStatusWrapper[_ngcontent-ng-c1533978190] div.orderIdOnly[_ngcontent-ng-c1533978190] .idText[_ngcontent-ng-c1533978190] {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
    color: #333;
    padding-top: 5px;
}

.orderIDDiv[_ngcontent-ng-c1533978190] div.orderStatusWrapper[_ngcontent-ng-c1533978190] div.orderIdOnly[_ngcontent-ng-c1533978190] .idNumber[_ngcontent-ng-c1533978190] {
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    padding-left: 12px;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -.3px;
    color: #333;
}

.orderIDDiv[_ngcontent-ng-c1533978190] div.orderStatusWrapper[_ngcontent-ng-c1533978190] .orderStatusOnly[_ngcontent-ng-c1533978190] {
    padding: 5px 0;
    margin-right: 10px;
}

.orderIDDiv[_ngcontent-ng-c1533978190] div.orderStatusWrapper[_ngcontent-ng-c1533978190] .orderStatusOnly[_ngcontent-ng-c1533978190] .statusText[_ngcontent-ng-c1533978190] {
    font-size: 15px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: 1;
    letter-spacing: normal;
}

textarea[_ngcontent-ng-c1533978190] {
    resize: vertical;
}

.otherDetailsDiv[_ngcontent-ng-c1533978190] {
    position: relative;
    padding: 1.5rem 0px;
    min-height: 140px;
}

.otherDetailsDiv[_ngcontent-ng-c1533978190] .orderAmount[_ngcontent-ng-c1533978190] .orderAmountText[_ngcontent-ng-c1533978190] {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -.1px;
    text-align: left;
    color: #333;
}

.otherDetailsDiv[_ngcontent-ng-c1533978190] .orderAmount[_ngcontent-ng-c1533978190] .orderAmountNumber[_ngcontent-ng-c1533978190] {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: -.1px;
    text-align: right;
    color: #333;
}

.ratingReviewAndTrack[_ngcontent-ng-c1533978190] {
    padding: 0 20px;
}

.button-carrier[_ngcontent-ng-c1533978190] {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 0 !important;
}

.ratingDivOrder[_ngcontent-ng-c1533978190] {
    top: 21px;
    right: 20px;
    color: #fff;
    padding: 2px 7px;
    font-size: 12px;
    width: 67px;
    height: 22px;
    border-radius: 17px;
    background-color: #ffab30;
}

.ratingCountOrder[_ngcontent-ng-c1533978190] {
    opacity: .9;
    background-color: #fff;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: -.4px;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
    display: inline-block;
    margin-left: 3px;
}

.green-bold[_ngcontent-ng-c1533978190] {
    background-color: #94c965;
}

.yellow-bold[_ngcontent-ng-c1533978190] {
    background-color: #ffc058 !important;
}

.red-bold[_ngcontent-ng-c1533978190] {
    background-color: #f03c56 !important;
}

.sidenav[_ngcontent-ng-c1533978190] {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 1000000;
    top: 0;
    right: 0;
    background-color: #fff;
    overflow-x: hidden;
    margin-top: 70px;
}

.sidenav[_ngcontent-ng-c1533978190] p[_ngcontent-ng-c1533978190],
h4[_ngcontent-ng-c1533978190] {
    padding: 8px 8px 8px 4px;
    margin-bottom: 0 !important;
    text-decoration: none;
    font-size: 15px;
    color: #313131;
    display: block;
}

.sidenav[_ngcontent-ng-c1533978190] p[_ngcontent-ng-c1533978190] span[_ngcontent-ng-c1533978190],
h4[_ngcontent-ng-c1533978190] span[_ngcontent-ng-c1533978190] {
    float: right;
}

.sidenav[_ngcontent-ng-c1533978190] .closebtn[_ngcontent-ng-c1533978190] {
    position: absolute;
    top: 0;
    right: 25px;
    font-size: 36px;
    margin-left: 50px;
}

.close[_ngcontent-ng-c1533978190] {
    opacity: .5;
}

.close[_ngcontent-ng-c1533978190]:hover {
    opacity: 1;
}

.side-card[_ngcontent-ng-c1533978190] {
    border: solid 1px #e4e4ed;
    display: flex;
    margin: 0;
    height: 75px;
    flex-direction: column;
}

.cust-card[_ngcontent-ng-c1533978190] {
    border: solid 1px #e4e4ed;
    margin: 24px;
}

.total-card[_ngcontent-ng-c1533978190] {
    border: none;
}

#main[_ngcontent-ng-c1533978190] {
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
    background-color: #000;
    opacity: .7;
    width: 100vw;
}

.order-id[_ngcontent-ng-c1533978190] {
    color: #fff;
    font-size: 18px;
    padding: 8px 8px 8px 32px;
}

.order-id[_ngcontent-ng-c1533978190] span[_ngcontent-ng-c1533978190] {
    float: right;
}

.side-card[_ngcontent-ng-c1533978190] p[_ngcontent-ng-c1533978190] {
    padding: 8px 0 2px;
    margin-bottom: 0 !important;
}

.total-card[_ngcontent-ng-c1533978190] p[_ngcontent-ng-c1533978190] {
    padding: 8px 0 4px;
    font-weight: bolder;
}

.total-card[_ngcontent-ng-c1533978190] p[_ngcontent-ng-c1533978190] span[_ngcontent-ng-c1533978190] {
    float: right;
}

.main-c[_ngcontent-ng-c1533978190] {
    height: auto;
    /* min-height: calc(100vh - 180px); */
    padding-bottom: 20px;
}

.no-orders[_ngcontent-ng-c1533978190] {
    height: 80vh;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    -webkit-justify-content: center;
    align-items: center;
}

.pg-ldr-prt[_ngcontent-ng-c1533978190] {
    position: relative;
    inset: 0;
    width: 100%;
    height: 100%;
    z-index: 100000;
    text-align: center;
}

.pg-ldr-cld[_ngcontent-ng-c1533978190] {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pg-ldr-ctr[_ngcontent-ng-c1533978190] {
    background-color: #f5f5f5;
    margin: 0 auto;
    border-radius: 10px;
}

.pg-ldr-ctr[_ngcontent-ng-c1533978190] {
    padding: 8px;
}

.pg-loader[_ngcontent-ng-c1533978190] {
    width: 35px;
    height: 35px;
    position: relative;
    border-top: 5px solid rgba(0, 0, 0, .03);
    border-right: 5px solid rgba(0, 0, 0, .03);
    border-bottom: 5px solid transparent;
    border-left: 5px solid transparent;
    transform: translateZ(0);
    animation: load8 1.1s infinite linear;
}

.pg-loader[_ngcontent-ng-c1533978190],
.pg-loader[_ngcontent-ng-c1533978190]:after {
    border-radius: 50%
}

.pg-loader[_ngcontent-ng-c1533978190] {
    -webkit-animation: gl-loader .5s linear infinite;
}

.pg-loader[_ngcontent-ng-c1533978190] {
    display: block !important;
    border: 16px solid #f3f3f3;
    border-radius: 50%;
    animation: _ngcontent-ng-c1533978190_spin 1s linear infinite;
    width: 35px;
    height: 35px;
    position: relative;
    border-top: 5px solid rgba(0, 0, 0, .03);
    border-right: 5px solid rgba(0, 0, 0, .03);
    border-bottom: 5px solid #c4253a;
    border-left: 5px solid #c4253a;
    transform: translateZ(0);
}

@keyframes _ngcontent-ng-c1533978190_spin {
    0% {
        transform: rotate(0);
    }

    to {
        transform: rotate(360deg);
    }
}

.order_loader[_ngcontent-ng-c1533978190] {
    display: none;
}

.starContainer[_ngcontent-ng-c1533978190] {
    height: 40px;
}

.starContainer[_ngcontent-ng-c1533978190] div[_ngcontent-ng-c1533978190] {
    outline: none !important;
}

.paZero[_ngcontent-ng-c1533978190] {
    padding-bottom: 0;
    margin-bottom: 0;
}

star-rating[_ngcontent-ng-c1533978190]>div[_ngcontent-ng-c1533978190] {
    outline: none !important;
}

.parent-dialog[_ngcontent-ng-c1533978190] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #000000b3;
    z-index: 1007;
    margin: 5px;
}

.parent-dialog[_ngcontent-ng-c1533978190] div.content-dialog[_ngcontent-ng-c1533978190] {
    width: 500px;
    position: absolute;
    top: 40%;
    left: 50%;
    background-color: #fff;
    border-radius: 5.3px;
    padding: 20px 30px;
    transform: translate(-50%, -50%);
}

.parent-dialog[_ngcontent-ng-c1533978190] div.content-dialog[_ngcontent-ng-c1533978190] div.dialog-title[_ngcontent-ng-c1533978190] {
    padding-bottom: 10px;
    height: 40px;
}

.parent-dialog[_ngcontent-ng-c1533978190] div.content-dialog[_ngcontent-ng-c1533978190] div.dialog-title[_ngcontent-ng-c1533978190] span[_ngcontent-ng-c1533978190] {
    font-size: 18px;
}

.parent-dialog[_ngcontent-ng-c1533978190] div.content-dialog[_ngcontent-ng-c1533978190] div.dialog-msg[_ngcontent-ng-c1533978190] {
    font-size: 20px;
    color: #333;
    letter-spacing: .5px;
    line-height: 24px;
}

.parent-dialog[_ngcontent-ng-c1533978190] div.content-dialog[_ngcontent-ng-c1533978190] div.dialog-msg[_ngcontent-ng-c1533978190] input[_ngcontent-ng-c1533978190] {
    outline: none;
}

.parent-dialog[_ngcontent-ng-c1533978190] div.content-dialog[_ngcontent-ng-c1533978190] div.dialog-msg[_ngcontent-ng-c1533978190] input[_ngcontent-ng-c1533978190]:focus {
    outline: none;
}

.parent-dialog[_ngcontent-ng-c1533978190] div.content-dialog[_ngcontent-ng-c1533978190] div.dialog-action[_ngcontent-ng-c1533978190] {
    display: flex;
    justify-content: flex-end;
    padding-top: 10px;
    line-height: 1px;
}

.parent-dialog[_ngcontent-ng-c1533978190] div.content-dialog[_ngcontent-ng-c1533978190] div.dialog-action[_ngcontent-ng-c1533978190] div[_ngcontent-ng-c1533978190] {
    font-size: 14px;
    background-color: transparent;
    color: #fff;
    border: 1px solid;
    border-radius: 2px;
    padding: 7px 20px;
}

.parent-dialog[_ngcontent-ng-c1533978190] div.content-dialog[_ngcontent-ng-c1533978190] div.dialog-action[_ngcontent-ng-c1533978190] div.dialog-cancel[_ngcontent-ng-c1533978190] {
    border-radius: 2px;
    border: solid 1px #b2b2b2;
    font-size: 15px;
    font-weight: 700;
    text-align: center;
    color: #b2b2b2;
    margin-right: 20px;
}

.parent-dialog[_ngcontent-ng-c1533978190] div.content-dialog[_ngcontent-ng-c1533978190] div.dialog-action[_ngcontent-ng-c1533978190] div[_ngcontent-ng-c1533978190]:hover {
    transform: scale(1);
}

.parent-dialog[_ngcontent-ng-c1533978190] div.content-dialog[_ngcontent-ng-c1533978190] hr.p-hr[_ngcontent-ng-c1533978190] {
    margin: 30px 0 0;
    background-color: #c1c1c1;
}

.promo-pay-div[_ngcontent-ng-c1533978190] {
    max-height: 245px;
    overflow: auto;
    padding-right: 25px;
}

.card-dialog[_ngcontent-ng-c1533978190] {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #000000b3;
    z-index: 904;
    width: 100%;
    height: 100%
}

.servicesHeight[_ngcontent-ng-c1533978190] {
    min-height: 240px;
}

.clickableText[_ngcontent-ng-c1533978190] {
    color: #337ab7;
}

.clickableText[_ngcontent-ng-c1533978190]:hover {
    color: #23527c;
    cursor: pointer;
    text-decoration: underline;
}

#orderDetails[_ngcontent-ng-c1533978190] .headerBgColor[_ngcontent-ng-c1533978190],
#orderDetailsFreelancer[_ngcontent-ng-c1533978190] .headerBgColor[_ngcontent-ng-c1533978190] {
    background-color: var(--blue);
}

#orderDetails[_ngcontent-ng-c1533978190] .headerBgColor[_ngcontent-ng-c1533978190] .titleColor[_ngcontent-ng-c1533978190],
#orderDetailsFreelancer[_ngcontent-ng-c1533978190] .headerBgColor[_ngcontent-ng-c1533978190] .titleColor[_ngcontent-ng-c1533978190] {
    font-size: 18px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    padding: 0 !important;
}

#orderDetails[_ngcontent-ng-c1533978190] .textStyle[_ngcontent-ng-c1533978190],
#orderDetailsFreelancer[_ngcontent-ng-c1533978190] .textStyle[_ngcontent-ng-c1533978190] {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #333;
}

#orderDetails[_ngcontent-ng-c1533978190] .showText[_ngcontent-ng-c1533978190],
#orderDetailsFreelancer[_ngcontent-ng-c1533978190] .showText[_ngcontent-ng-c1533978190],
#orderDetails[_ngcontent-ng-c1533978190] .showTextTime[_ngcontent-ng-c1533978190],
#orderDetailsFreelancer[_ngcontent-ng-c1533978190] .showTextTime[_ngcontent-ng-c1533978190] {
    text-align: right;
}

#orderDetails[_ngcontent-ng-c1533978190] .summary[_ngcontent-ng-c1533978190],
#orderDetailsFreelancer[_ngcontent-ng-c1533978190] .summary[_ngcontent-ng-c1533978190] {
    font-size: 16px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    text-align: left;
    color: #e13d36;
    margin: 15px 0 !important;
    padding: 0 !important;
}

#orderDetails[_ngcontent-ng-c1533978190] .repeatProduct[_ngcontent-ng-c1533978190],
#orderDetailsFreelancer[_ngcontent-ng-c1533978190] .repeatProduct[_ngcontent-ng-c1533978190] {
    border: 1px solid #e4e4ed;
    padding: 10px;
    margin-bottom: 8px;
}

#orderDetails[_ngcontent-ng-c1533978190] .quantityDiv[_ngcontent-ng-c1533978190],
#orderDetailsFreelancer[_ngcontent-ng-c1533978190] .quantityDiv[_ngcontent-ng-c1533978190] {
    width: 23.4px;
    height: 23.4px;
    object-fit: contain;
    border-radius: 3.6px;
    background-color: #fff;
    padding: 5px 10px;
    border: solid .9px #dddddd;
    font-size: 12.6px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: .2px;
    text-align: left;
    color: #333;
}

#orderDetails[_ngcontent-ng-c1533978190] .cancelButton[_ngcontent-ng-c1533978190],
#orderDetailsFreelancer[_ngcontent-ng-c1533978190] .cancelButton[_ngcontent-ng-c1533978190] {
    font-size: 16px;
    color: #fff;
}

#orderDetails[_ngcontent-ng-c1533978190] .mainCus[_ngcontent-ng-c1533978190],
#orderDetailsFreelancer[_ngcontent-ng-c1533978190] .mainCus[_ngcontent-ng-c1533978190] {
    margin: 0;
    display: inline-block;
    white-space: nowrap;
    overflow-y: hidden;
    overflow-x: auto;
    width: 100%
}

#orderDetails[_ngcontent-ng-c1533978190] .makeCustom[_ngcontent-ng-c1533978190],
#orderDetailsFreelancer[_ngcontent-ng-c1533978190] .makeCustom[_ngcontent-ng-c1533978190] {
    display: inline-flex;
    width: 100%
}

#orderDetails[_ngcontent-ng-c1533978190] .makeCustom[_ngcontent-ng-c1533978190] .makeCustomWidth[_ngcontent-ng-c1533978190],
#orderDetailsFreelancer[_ngcontent-ng-c1533978190] .makeCustom[_ngcontent-ng-c1533978190] .makeCustomWidth[_ngcontent-ng-c1533978190] {
    width: 50%
}

#orderDetails[_ngcontent-ng-c1533978190] .makeCustom[_ngcontent-ng-c1533978190] .makeCustomWidth[_ngcontent-ng-c1533978190] p[_ngcontent-ng-c1533978190],
#orderDetailsFreelancer[_ngcontent-ng-c1533978190] .makeCustom[_ngcontent-ng-c1533978190] .makeCustomWidth[_ngcontent-ng-c1533978190] p[_ngcontent-ng-c1533978190] {
    width: 100%;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

#orderDetails[_ngcontent-ng-c1533978190] .orderScroll[_ngcontent-ng-c1533978190],
#orderDetailsFreelancer[_ngcontent-ng-c1533978190] .orderScroll[_ngcontent-ng-c1533978190] {
    max-height: 550px;
    overflow-y: auto;
    overflow-x: hidden;
}

#orderDetails[_ngcontent-ng-c1533978190] .topMargin[_ngcontent-ng-c1533978190],
#orderDetailsFreelancer[_ngcontent-ng-c1533978190] .topMargin[_ngcontent-ng-c1533978190] {
    margin-top: 80px;
}

.of-auto[_ngcontent-ng-c1533978190] {
    overflow: auto;
}

.nav-tabs[_ngcontent-ng-c1533978190] a[_ngcontent-ng-c1533978190] {
    cursor: pointer;
}

.Paid[_ngcontent-ng-c1533978190] {
    color: green !important;
}

.Unpaid[_ngcontent-ng-c1533978190],
.Hold[_ngcontent-ng-c1533978190] {
    color: #e13d36 !important;
}

.Partial[_ngcontent-ng-c1533978190] {
    color: #bd6616 !important;
}

.Released[_ngcontent-ng-c1533978190] {
    color: #e13d36 !important;
}

[_nghost-ng-c1533978190] .ui-overlaypanel {
    z-index: 1;
    padding: 0 0 0 10px;
    min-width: 220px;
    right: 0;
}

.price-list[_ngcontent-ng-c1533978190] {
    padding: 0;
    list-style-type: none;
    justify-content: flex-start !important;
}

[_nghost-ng-c1533978190] .btn-cursor {
    cursor: pointer;
}

[_nghost-ng-c1533978190] .ui-overlaypanel {
    left: -80px !important;
    top: auto !important;
    margin-bottom: 30px;
}

ol[_ngcontent-ng-c1533978190] {
    padding-left: 5px !important;
}

.cancelPolicy[_ngcontent-ng-c1533978190] {
    padding: 20px 10px 10px;
}

.tk-link[_ngcontent-ng-c1533978190] {
    color: #f55b02;
}

.fa-close[_ngcontent-ng-c1533978190] {
    font-size: 14px;
    color: --var(gray) !important;
    cursor: pointer;
}

.heading-popup[_ngcontent-ng-c1533978190] {
    font-size: 18px;
}

.cancel-popup[_ngcontent-ng-c1533978190] {
    flex-wrap: nowrap;
    display: flex;
    justify-content: space-between;
}

.refund-detail[_ngcontent-ng-c1533978190] {
    display: flex;
    flex-direction: column;
}

.label-heading[_ngcontent-ng-c1533978190] {
    font-size: 16px;
    line-height: 20px;
    font-weight: inherit !important;
}

.label-value[_ngcontent-ng-c1533978190] {
    font-size: 16px !important;
    font-weight: 500;
}

.padding-bottom[_ngcontent-ng-c1533978190] {
    padding-bottom: 10px;
}

.min-height[_ngcontent-ng-c1533978190] {
    height: 85px !important;
}

.max-height[_ngcontent-ng-c1533978190] {
    height: 125px !important;
}

.def-height[_ngcontent-ng-c1533978190] {
    height: 40px !important;
}

.m0[_ngcontent-ng-c1533978190] {
    margin: 0 !important;
}

.m_t-2[_ngcontent-ng-c1533978190] {
    margin-top: 2rem;
}

.m_t-2[_ngcontent-ng-c1533978190] p[_ngcontent-ng-c1533978190] {
    padding: 0;
}

.orderId[_ngcontent-ng-c1533978190] {
    margin-bottom: 1rem;
}

.pd_t[_ngcontent-ng-c1533978190] {
    padding-top: .4rem;
}

.amountDiv[_ngcontent-ng-c1533978190] {
    margin-top: 2rem;
}

.amountDiv[_ngcontent-ng-c1533978190] p[_ngcontent-ng-c1533978190] {
    padding: 0 0 5px !important;
    margin: 0;
}

[_nghost-ng-c1533978190] .ui-breadcrumb ul li .ui-menuitem-link {
    cursor: default;
}

[_nghost-ng-c1533978190] .ui-menuitem-text {
    font-size: 15px;
    color: #585858;
}

[_nghost-ng-c1533978190] .ui-breadcrumb {
    background: #fff;
    border: 0;
    padding: 0;
    margin: 0 0 10px -.25em;
    font-size: 15px;
    color: #585858;
}

.row-eq-height[_ngcontent-ng-c1533978190] {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

.row-eq-height[_ngcontent-ng-c1533978190] .row-col-eq[_ngcontent-ng-c1533978190] {
    margin-bottom: 20px;
}

.mb-0[_ngcontent-ng-c1533978190] {
    margin-bottom: 0;
}

.promo-applied[_ngcontent-ng-c1533978190] {
    margin-bottom: 10px;
    color: #63d436;
    font-size: 12px;
    position: relative;
    top: -3px;
    max-width: 80%
}

.p-0[_ngcontent-ng-c1533978190] {
    padding: 0 !important;
}

.m-t-10[_ngcontent-ng-c1533978190] {
    margin-top: 10px;
}

.pr-2[_ngcontent-ng-c1533978190] {
    padding-right: 10px;
}

.payment-status[_ngcontent-ng-c1533978190] {
    margin-bottom: 10px !important;
}

.pay-btn[_ngcontent-ng-c1533978190] {
    background: var(--theme) !important;
    border: 1px solid var(--theme) !important;
    color: #fff;
    border-radius: 5px !important;
    padding: 0 10px;
}

.pay-btn[_ngcontent-ng-c1533978190]:hover {
    background: white !important;
    color: var(--theme);
}

.autoCompleteGoogle[_ngcontent-ng-c1533978190] .autoComplete {
    padding: 0;
    margin: auto;
    display: inline-flex;
    width: 100%;
    justify-content: center;
    align-items: center;
}

.locateStyle[_ngcontent-ng-c1533978190] {
    color: var(--theme);
}

agm-map[_ngcontent-ng-c1533978190] {
    height: 400px;
}

.locateDiv[_ngcontent-ng-c1533978190] {
    text-align: center !important;
}

.click-style[_ngcontent-ng-c1533978190] {
    color: #474747;
    text-decoration: none;
}

.button-style[_ngcontent-ng-c1533978190] {
    width: 100% !important;
    font-size: 16px;
}

.popup-div[_ngcontent-ng-c1533978190] {
    margin-top: 20px;
    margin-right: 20px;
    margin-left: 20px;
}

a[data-toggle=collapse][_ngcontent-ng-c1533978190]>.collapse-cat-arrow[_ngcontent-ng-c1533978190] {
    position: relative;
}

a[aria-expanded=false][_ngcontent-ng-c1533978190]>.collapse-cat-arrow[_ngcontent-ng-c1533978190]:before,
a[aria-expanded=true][_ngcontent-ng-c1533978190]>.collapse-cat-arrow[_ngcontent-ng-c1533978190]:before {
    content: "\e259";
    display: block;
    position: absolute;
    right: -13px;
    top: 4px;
    font-family: Glyphicons Halflings;
    font-size: .6em;
}

a[aria-expanded=true][_ngcontent-ng-c1533978190]>.collapse-cat-arrow[_ngcontent-ng-c1533978190]:before {
    content: "\e260"
}

a[_ngcontent-ng-c1533978190],
a[_ngcontent-ng-c1533978190]:hover,
a[_ngcontent-ng-c1533978190]:focus {
    text-decoration: none;
    transition: all .3s;
}

.collapse-hover-none[_ngcontent-ng-c1533978190] {
    cursor: unset !important;
}

.d-flex[_ngcontent-ng-c1533978190] {
    background-color: var(--theme);
    padding: 7px;
}

.agent-detail[_ngcontent-ng-c1533978190] {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
    padding-top: 20px;
    border: solid 1px #e4e4ed;
    overflow-x: inherit !important;
    white-space: normal !important;
}

.agent-info-btn[_ngcontent-ng-c1533978190] {
    padding: 15px 15px 15px 0;
}

.chatIcon[_ngcontent-ng-c1533978190] {
    color: var(--theme);
    height: 25px;
    width: auto;
    enable-background: new 0 0 489.3 489.3;
    fill: var(--theme);
}

.imgforChat[_ngcontent-ng-c1533978190] {
    width: 30px;
}

.reOrderStatus[_ngcontent-ng-c1533978190] {
    display: flex;
    justify-content: flex-end;
    margin-right: 3rem;
}

.reorder-color[_ngcontent-ng-c1533978190] {
    color: var(--theme);
}

.editButton[_ngcontent-ng-c1533978190] {
    font-size: 16px;
    background: var(--theme) !important;
    color: #fff;
}

.editButton[_ngcontent-ng-c1533978190]:hover {
    background: white !important;
    color: var(--theme) !important;
    border: 1px solid var(--theme);
}

.pickup-detail[_ngcontent-ng-c1533978190] {
    margin-bottom: 13px;
}

.pickup-detail[_ngcontent-ng-c1533978190] p[_ngcontent-ng-c1533978190] {
    padding-left: 16px;
    margin: 0;
    font-size: 18px;
    font-weight: 700;
}

.merchant-name-div[_ngcontent-ng-c1533978190] {
    display: flex;
    justify-content: space-between;
    padding-top: 1.5rem;
}

.paddingLeft[_ngcontent-ng-c1533978190] {
    padding-left: 15px;
}

.pt-08[_ngcontent-ng-c1533978190] {
    padding-top: 1.5rem;
}

.text-grey[_ngcontent-ng-c1533978190] {
    color: #6c757d !important;
}

.custom-btn[_ngcontent-ng-c1533978190] {
    width: 100%;
    color: var(--white);
    border: 2px solid var(--theme);
    background-color: var(--theme);
    border-radius: 1rem !important;
    font-size: 14px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    margin-bottom: 20px;
    transition: .3s all;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 10px 20px !important;
    font-weight: 500;
}

.custom-btn[_ngcontent-ng-c1533978190]:hover,
.reorder[_ngcontent-ng-c1533978190] {
    background-color: var(--white);
    color: var(--theme);
}

.reorder[_ngcontent-ng-c1533978190]:hover {
    background-color: var(--theme);
    color: var(--white);
}

.header-ht[_ngcontent-ng-c1533978190] {
    height: 85px;
    padding: 0;
}

.white-fill[_ngcontent-ng-c1533978190] {
    fill: #fff;
}

.hr-color[_ngcontent-ng-c1533978190] {
    border-color: #ddd;
}

.sc-time-ht[_ngcontent-ng-c1533978190] {
    height: 20px;
}

.error-msg[_ngcontent-ng-c1533978190] {
    font-size: 14px;
    color: red;
    letter-spacing: .5px;
    line-height: 24px;
}

.ht-150[_ngcontent-ng-c1533978190] {
    height: 150px;
}

.c-blue[_ngcontent-ng-c1533978190] {
    color: #166bd3;
}

.commenting-icon[_ngcontent-ng-c1533978190] {
    font-size: 15px;
    padding-right: 8px;
    color: #1f8ceb;
    margin-top: -63px;
}

.position-relative[_ngcontent-ng-c1533978190] {
    position: relative;
}

.o-border-btn[_ngcontent-ng-c1533978190] {
    width: 100%;
    color: var(--black);
    border: 2px solid var(--theme);
    background-color: #fff;
    border-radius: 1rem !important;
    font-size: 18px;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    margin-bottom: 0;
    transition: .3s all;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    padding: 10px 20px !important;
    font-weight: 500;
}

.o-border-btn[_ngcontent-ng-c1533978190]:hover,
.o-border-btn[_ngcontent-ng-c1533978190]:active,
.o-border-btn[_ngcontent-ng-c1533978190]:focus {
    color: #fff;
    background-color: #f55b02;
}

.p-t-8[_ngcontent-ng-c1533978190] {
    padding-top: 8px;
}

.p-25-50[_ngcontent-ng-c1533978190] {
    padding: 15px;
}

.p-25-30[_ngcontent-ng-c1533978190] {
    padding: 25px 30px;
}

.fw-bold[_ngcontent-ng-c1533978190] {
    font-weight: 500;
}

.cursor-text[_ngcontent-ng-c1533978190] {
    cursor: text;
}

@media only screen and (max-width: 767px) {
    .modal-dialog[_ngcontent-ng-c1533978190] {
        width: auto !important;
    }

    .showTextTime[_ngcontent-ng-c1533978190] {
        text-align: left;
    }

    .limiter[_ngcontent-ng-c1533978190] .showTextTime[_ngcontent-ng-c1533978190] {
        font-size: 12px !important;
        font-weight: 400 !important;
        font-stretch: normal;
        font-style: normal;
        line-height: 1.5;
        letter-spacing: normal;
        text-align: left !important;
        color: #8a94a3 !important;
    }

    .topMargin[_ngcontent-ng-c1533978190] {
        margin-top: 30px;
    }

    .makeCustomWidth[_ngcontent-ng-c1533978190] {
        width: 450px;
    }

    div.content-dialog[_ngcontent-ng-c1533978190] {
        width: 350px;
    }

    .limiter[_ngcontent-ng-c1533978190] .content-dialog[_ngcontent-ng-c1533978190] {
        width: 100% !important;
        border-radius: 8px !important;
        padding: 15px !important;
    }

    .parent-dialog[_ngcontent-ng-c1533978190] div.content-dialog[_ngcontent-ng-c1533978190] {
        width: 90%
    }
}

@media screen and (max-width: 320px) {
    .min-height[_ngcontent-ng-c1533978190] {
        min-height: 100px !important;
    }
}

@media screen and (max-height: 575px) {
    .sidenav[_ngcontent-ng-c1533978190] {
        padding-top: 15px;
    }

    .sidenav[_ngcontent-ng-c1533978190] a[_ngcontent-ng-c1533978190] {
        font-size: 18px;
    }
}

.limiter#orderDetails[_ngcontent-ng-c1533978190] {
    top: 0 !important;
}

.limiter[_ngcontent-ng-c1533978190] #orderDetails[_ngcontent-ng-c1533978190] .textStyle[_ngcontent-ng-c1533978190],
.limiter[_ngcontent-ng-c1533978190] #orderDetailsFreelancer[_ngcontent-ng-c1533978190] .textStyle[_ngcontent-ng-c1533978190] {
    font-size: 14px;
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    line-height: normal;
    letter-spacing: normal;
    color: #2a3b56;
}

.limiter[_ngcontent-ng-c1533978190] .nav-tabs[_ngcontent-ng-c1533978190]>li.active[_ngcontent-ng-c1533978190]>a[_ngcontent-ng-c1533978190],
.limiter[_ngcontent-ng-c1533978190] .nav-tabs[_ngcontent-ng-c1533978190]>li.active[_ngcontent-ng-c1533978190]>a[_ngcontent-ng-c1533978190]:focus,
.limiter[_ngcontent-ng-c1533978190] .nav-tabs[_ngcontent-ng-c1533978190]>li.active[_ngcontent-ng-c1533978190]>a[_ngcontent-ng-c1533978190]:hover {
    background-color: #fff;
    border: none;
    border-bottom-color: transparent;
    padding: 0 20px 10px;
    text-align: center;
    border-radius: 0;
    cursor: pointer;
    border-bottom: 2px solid var(--theme);
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    color: #2a3b56;
}

.limiter[_ngcontent-ng-c1533978190] .nav-tabs[_ngcontent-ng-c1533978190] {
    border-bottom: none;
}

.limiter[_ngcontent-ng-c1533978190] .nav[_ngcontent-ng-c1533978190]>li[_ngcontent-ng-c1533978190]>a[_ngcontent-ng-c1533978190]:focus,
.limiter[_ngcontent-ng-c1533978190] .nav[_ngcontent-ng-c1533978190]>li[_ngcontent-ng-c1533978190]>a[_ngcontent-ng-c1533978190]:hover {
    text-decoration: none;
    background-color: #fff;
}

.limiter[_ngcontent-ng-c1533978190] .nav-tabs[_ngcontent-ng-c1533978190]>li[_ngcontent-ng-c1533978190]>a[_ngcontent-ng-c1533978190] {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid transparent;
    border-radius: 4px 4px 0 0;
    padding: 0 20px 10px;
    text-align: center;
    color: #8a94a3;
    font-size: 14px;
    cursor: pointer;
    min-width: 95px;
}

.limiter[_ngcontent-ng-c1533978190] .close[_ngcontent-ng-c1533978190] {
    opacity: 1;
}

.limiter[_ngcontent-ng-c1533978190] .totalstrip[_ngcontent-ng-c1533978190] {
    margin: 10px 0;
    background-color: #2a3b56;
    height: 50px;
    color: #fff;
    padding: 15px;
    font-size: 16px;
    font-weight: 500;
}

.limiter[_ngcontent-ng-c1533978190] .descripttion[_ngcontent-ng-c1533978190] {
    font-size: 14px !important;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: left;
    text-transform: capitalize;
    color: #8a94a3 !important;
}

.limiter[_ngcontent-ng-c1533978190] .btn-primary-1[_ngcontent-ng-c1533978190] {
    line-height: 2;
}

.limiter[_ngcontent-ng-c1533978190] .reorder[_ngcontent-ng-c1533978190] {
    color: #fff;
    line-height: 30px;
}

.limiter[_ngcontent-ng-c1533978190] .cards[_ngcontent-ng-c1533978190] {
    margin-bottom: 1.5rem;
}

.limiter[_ngcontent-ng-c1533978190] .sc-time-ht[_ngcontent-ng-c1533978190] {
    height: auto;
    max-height: 20px;
}

.limiter[_ngcontent-ng-c1533978190] .orderIdOnly[_ngcontent-ng-c1533978190] {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    color: #2a3b56;
}

.limiter[_ngcontent-ng-c1533978190] .orderIdOnly[_ngcontent-ng-c1533978190] .idText[_ngcontent-ng-c1533978190] {
    font-size: 16px;
}

.limiter[_ngcontent-ng-c1533978190] .otherDetailsDiv[_ngcontent-ng-c1533978190] {
    position: relative;
    padding: 1rem 0rem 0rem;
    min-height: auto;
}

.limiter[_ngcontent-ng-c1533978190] .cancelPolicy[_ngcontent-ng-c1533978190] {
    padding: 0;
    text-align: left !important;
}

.limiter[_ngcontent-ng-c1533978190] .container.Order[_ngcontent-ng-c1533978190] {
    background: white;
    border-radius: 66px;
    overflow: auto;
}

.limiter[_ngcontent-ng-c1533978190] .text-right[_ngcontent-ng-c1533978190] {
    text-align: right;
}

.limiter[_ngcontent-ng-c1533978190] .imgforChat[_ngcontent-ng-c1533978190] {
    width: 20px;
}

.limiter[_ngcontent-ng-c1533978190] .imgforChat[_ngcontent-ng-c1533978190] img[_ngcontent-ng-c1533978190] {
    width: 20px;
    height: 20px;
}

.limiter[_ngcontent-ng-c1533978190] div.orderStatusWrapper2[_ngcontent-ng-c1533978190] {
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.limiter[_ngcontent-ng-c1533978190] .bold-detailsfont[_ngcontent-ng-c1533978190] {
    font-size: 12px !important;
    font-weight: 500 !important;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: right;
    color: #2a3b56 !important;
}

.limiter[_ngcontent-ng-c1533978190] .bold-leftfont[_ngcontent-ng-c1533978190] {
    font-size: 12px !important;
    font-weight: 400 !important;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.5;
    letter-spacing: normal;
    text-align: left;
    color: #8a94a3 !important;
}

.limiter[_ngcontent-ng-c1533978190] .row-eq-height[_ngcontent-ng-c1533978190] .row-col-eq[_ngcontent-ng-c1533978190]:last-child {
    margin-bottom: 20px;
}

.limiter[_ngcontent-ng-c1533978190] .container.Order[_ngcontent-ng-c1533978190] {
    background: transparent;
}

.limiter[_ngcontent-ng-c1533978190] .no-orders-text[_ngcontent-ng-c1533978190] {
    margin: -13em 20px 0;
    text-align: center;
}

.limiter[_ngcontent-ng-c1533978190] .ratingReviewAndTrack[_ngcontent-ng-c1533978190] {
    padding: 15px 15px 0;
}

.limiter[_ngcontent-ng-c1533978190] .side-card[_ngcontent-ng-c1533978190] {
    border: solid 1px #e4e4ed;
    display: flex;
    margin: 0;
    background-color: #f9f9fa;
    height: 85px;
    flex-direction: column;
    padding-bottom: 10px;
}

.limiter[_ngcontent-ng-c1533978190] .label-heading[_ngcontent-ng-c1533978190] {
    font-size: 16px !important;
    margin-bottom: 10px;
}

.limiter[_ngcontent-ng-c1533978190] ol[_ngcontent-ng-c1533978190] {
    padding-left: 10px !important;
    font-size: 14px !important;
    font-weight: 400;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    text-align: left;
    color: #8a94a3 !important;
}

.limiter[_ngcontent-ng-c1533978190] .container[_ngcontent-ng-c1533978190] {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}

.limiter.parent-dialog[_ngcontent-ng-c1533978190] {
    top: 0 !important;
    margin: 0;
}

.limiter.parent-dialog[_ngcontent-ng-c1533978190] div.content-dialog[_ngcontent-ng-c1533978190] div.dialog-title[_ngcontent-ng-c1533978190] span[_ngcontent-ng-c1533978190] {
    font-size: 16px;
}

.limiter.parent-dialog[_ngcontent-ng-c1533978190] div.content-dialog[_ngcontent-ng-c1533978190] div.dialog-action[_ngcontent-ng-c1533978190] {
    display: flex;
    justify-content: flex-end;
    padding-top: 20px;
    line-height: 1px;
    text-align: center;
    justify-content: space-between;
}

.limiter.parent-dialog[_ngcontent-ng-c1533978190] div.content-dialog[_ngcontent-ng-c1533978190] div.dialog-action[_ngcontent-ng-c1533978190] div[_ngcontent-ng-c1533978190] {
    font-size: 14px;
    background-color: #eee;
    color: #fff;
    border: 0px solid;
    border-radius: 2px;
    padding: 6px 20px;
}

.limiter.parent-dialog[_ngcontent-ng-c1533978190] div.content-dialog[_ngcontent-ng-c1533978190] div.dialog-msg[_ngcontent-ng-c1533978190] {
    font-size: 20px;
    color: #333;
    letter-spacing: .5px;
    line-height: 24px;
    margin-top: 25px;
}

.limmiter#orderDetails[_ngcontent-ng-c1533978190] .repeatProduct[_ngcontent-ng-c1533978190] {
    border: 1px solid #e9e9eb !important;
    padding: 10px;
    margin-bottom: 15px;
    border-radius: 8px;
}

.limmiter#orderDetails[_ngcontent-ng-c1533978190] .repeatProduct[_ngcontent-ng-c1533978190] .makeCustom[_ngcontent-ng-c1533978190] .makeCustomWidth[_ngcontent-ng-c1533978190] {
    width: 100%
}

.chatWithOrderID[_ngcontent-ng-c1533978190] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.total-amount-strip[_ngcontent-ng-c1533978190] {
    color: #fff;
    align-items: center;
    background: #202e44;
    padding: 10px;
}

.d-fl-d-c[_ngcontent-ng-c1533978190] {
    display: flex;
    flex-direction: column;
    align-items: baseline;
}

.modal-dialog[_ngcontent-ng-c1533978190] {
    width: 430px;
}

.d-fl-j-c-sp-bt[_ngcontent-ng-c1533978190] {
    display: flex;
    justify-content: space-between !important;
}

.mg-0[_ngcontent-ng-c1533978190] {
    margin: 0;
}

.pd-10-0[_ngcontent-ng-c1533978190] {
    padding: 10px 0;
}

.statusParent[_ngcontent-ng-c1533978190] {
    display: flex;
    height: 80px;
    overflow: hidden;
}

.statusParent[_ngcontent-ng-c1533978190] .statusCheckBox[_ngcontent-ng-c1533978190] {
    display: flex;
    flex-direction: column;
    position: relative;
}

.statusParent[_ngcontent-ng-c1533978190] .statusCheckBox[_ngcontent-ng-c1533978190] .hr-line[_ngcontent-ng-c1533978190] {
    height: 80px;
    border-left: 2px solid #d1d3d1;
    position: absolute;
    left: 8px;
    top: 20px;
}

.statusParent[_ngcontent-ng-c1533978190] .statusCheckBox[_ngcontent-ng-c1533978190] input[type=radio][_ngcontent-ng-c1533978190] {
    visibility: hidden;
}

.statusParent[_ngcontent-ng-c1533978190] .statusCheckBox[_ngcontent-ng-c1533978190] input[type=radio][_ngcontent-ng-c1533978190]+*[_ngcontent-ng-c1533978190]:before {
    content: "";
    display: inline-block;
    border-radius: 50%;
    position: relative;
    width: 18px;
    height: 18px;
    top: -15px;
    left: 0;
    z-index: 1;
    border-style: solid;
    border-width: 2px;
    border-color: gray;
    background: radial-gradient(gray 50%, rgba(255, 0, 0, 0) 51%);
}

.statusParent[_ngcontent-ng-c1533978190] .statusCheckBox[_ngcontent-ng-c1533978190] input[type=radio][_ngcontent-ng-c1533978190]:checked+*[_ngcontent-ng-c1533978190]:before {
    background: radial-gradient(var(--theme) 50%, rgba(255, 0, 0, 0) 51%);
    border-color: var(--theme);
    top: -15px;
    left: 0;
}

.statusParent[_ngcontent-ng-c1533978190] .status-date[_ngcontent-ng-c1533978190] {
    display: flex;
    margin-left: 15px;
    margin-right: 15px;
    flex-direction: column;
}

.statusParent[_ngcontent-ng-c1533978190] .custom-span-input[_ngcontent-ng-c1533978190] {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 14px;
    left: 10px;
}

.click-here[_ngcontent-ng-c1533978190] {
    color: var(--theme);
    text-decoration: underline;
}

.paddingZero[_ngcontent-ng-c1533978190] {
    padding: 0;
}

@media screen and (max-width: 767px) {
    .topUnset[_ngcontent-ng-c1533978190] {
        top: unset !important;
        background-color: #fff;
        border-top-left-radius: 24px;
        border-top-right-radius: 24px;
    }
}

.topMarginNew[_ngcontent-ng-c1533978190] {
    border-radius: 24px;
}

@media screen and (max-width: 767px) {
    .topMarginNew[_ngcontent-ng-c1533978190] {
        margin-top: 0;
        border: none;
        border-radius: 24px 24px 0 0/24px 24px 0px 0px;
    }
}

.smallClass[_ngcontent-ng-c1533978190] {
    width: 550px;
}

@media screen and (max-width: 767px) {
    .smallClass[_ngcontent-ng-c1533978190] {
        margin: 0;
        width: auto !important;
    }
}

.paddingZeroColum[_ngcontent-ng-c1533978190] {
    padding: 0;
}

.fontChangeBold[_ngcontent-ng-c1533978190] {
    font-size: 14px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    color: #4c4c4c;
}

.fontChangeTax[_ngcontent-ng-c1533978190] {
    font-size: 14px;
    font-weight: 500;
    font-stretch: normal;
    font-style: normal;
    line-height: 2;
    letter-spacing: normal;
    color: #7b7b7b;
}

.flexClassPrice[_ngcontent-ng-c1533978190] {
    display: flex;
    align-items: center;
    justify-content: end;
}

.flexClassNew[_ngcontent-ng-c1533978190] {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.paddingZeroColum[_ngcontent-ng-c1533978190] {
    padding: 0 14px;
}

.borderSet[_ngcontent-ng-c1533978190] {
    border-bottom: 1px solid #c9c9c9;
    padding-bottom: 6px;
}

.widthSet[_ngcontent-ng-c1533978190] {
    width: 493px;
}

@media screen and (max-width: 767px) {
    .widthSet[_ngcontent-ng-c1533978190] {
        width: 350px;
    }
}

.heightSet[_ngcontent-ng-c1533978190] {
    max-height: 300px;
    overflow: scroll;
    padding-bottom: 20px;
}

.heightSet[_ngcontent-ng-c1533978190] .orderScroll[_ngcontent-ng-c1533978190] {
    overflow-y: hidden !important;
}

.heightSetMain[_ngcontent-ng-c1533978190] {
    max-height: 300px;
    overflow: scroll;
    padding-bottom: 80px;
}

.scrollHide[_ngcontent-ng-c1533978190]::-webkit-scrollbar {
    width: 0px;
    height: 0px;
    background: transparent;
}

.flexClassFlex[_ngcontent-ng-c1533978190] {
    display: flex;
}

.iframe-tracker[_ngcontent-ng-c1533978190] {
    display: flex;
    justify-content: center;
    height: 500px;
}

.iframe-tracker[_ngcontent-ng-c1533978190] .iframe[_ngcontent-ng-c1533978190] {
    border-radius: 10px;
    margin: auto;
}

@media (max-width: 768px) {
    .iframe-tracker[_ngcontent-ng-c1533978190] {
        height: 500px;
        width: 99%
    }
}

.webViewOrderDetails[_ngcontent-ng-c1533978190] {
    height: 100vh;
    width: 36%;
    position: fixed;
    top: 0;
    right: 0;
    background-color: #fff;
    z-index: 1006;
}

.webViewOrderDetails[_ngcontent-ng-c1533978190] .header[_ngcontent-ng-c1533978190] {
    position: sticky;
    top: 0;
    width: 100%;
    padding: 0 30px 0 18px;
    display: flex;
    justify-content: space-between;
}

.webViewOrderDetails[_ngcontent-ng-c1533978190] .header[_ngcontent-ng-c1533978190] .flex[_ngcontent-ng-c1533978190] {
    display: flex;
    justify-content: space-between;
    width: 100%
}

.webViewOrderDetails[_ngcontent-ng-c1533978190] .header[_ngcontent-ng-c1533978190] .flex[_ngcontent-ng-c1533978190] .in-heading[_ngcontent-ng-c1533978190] {
    font-size: 16px;
    padding: 20px 0;
    font-weight: 600;
}

.webViewOrderDetails[_ngcontent-ng-c1533978190] .scrollable[_ngcontent-ng-c1533978190] {
    overflow: scroll;
    height: calc(100vh - 56px);
}

.webViewOrderDetails[_ngcontent-ng-c1533978190] .scrollable[_ngcontent-ng-c1533978190] .in-row[_ngcontent-ng-c1533978190] {
    width: 100%
}

.webViewOrderDetails[_ngcontent-ng-c1533978190] .scrollable[_ngcontent-ng-c1533978190] .in-row[_ngcontent-ng-c1533978190] .align[_ngcontent-ng-c1533978190] {
    margin-left: 4%
}

.closingArea[_ngcontent-ng-c1533978190] {
    height: 100vh;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: .5;
    background-color: #000;
    z-index: 1005;
}

.manual-margin[_ngcontent-ng-c1533978190] {
    margin: 0 5.5%
}

.extra-space[_ngcontent-ng-c1533978190] {
    height: 50px;
}

.webRepeatProduct[_ngcontent-ng-c1533978190] {
    border: 1px solid #e4e4ed;
    border-radius: 5px;
    padding: 10px 5px 0;
    margin: 0 1% 8px;
}

.full-wide[_ngcontent-ng-c1533978190] {
    width: 100%
}

.shimmer[_ngcontent-ng-c1533978190] {
    color: gray;
    display: inline-block;
    -webkit-mask: linear-gradient(120deg, #000 25%, rgba(0, 0, 0, .3333333333), #000 75%) right/250% 100%;
    animation: _ngcontent-ng-c1533978190_shimmer 2.5s infinite;
    background-repeat: no-repeat;
    width: 91%;
    height: 350px;
    border-radius: 15px;
    background-color: #dcdcdc;
}

@keyframes _ngcontent-ng-c1533978190_shimmer {
    to {
        -webkit-mask-position: left;
    }
}

.top-span[_ngcontent-ng-c1533978190] {
    position: relative;
}

.search-icon[_ngcontent-ng-c1533978190] {
    position: absolute !important;
    right: 10px !important;
    top: 0 !important;
}

.order-search[_ngcontent-ng-c1533978190] {
    border-radius: 5px;
    border: 1px solid #e5e5e5;
    padding: 5px;
}

.selectbox[_ngcontent-ng-c1533978190] {
    padding: 6px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
}

.selectbox-mobile[_ngcontent-ng-c1533978190] {
    padding: 6px;
    border: 1px solid #e5e5e5;
    border-radius: 5px;
    width: 32vw;
}

@media (max-width: 400px) {
    .order-search[_ngcontent-ng-c1533978190] {
        width: 34vw;
    }
}

@media (max-width: 320px) {
    .order-search[_ngcontent-ng-c1533978190] {
        width: 45vw;
    }

    .selectbox[_ngcontent-ng-c1533978190] {
        width: 40vw;
    }
}

.header-des[_ngcontent-ng-c1533978190] {
    background-color: #fff;
}

.manual-margin-adj[_ngcontent-ng-c1533978190] {
    margin: 0 8.5% 0 5.5%
}

.reload_btn[_ngcontent-ng-c1533978190] {
    background: white;
    border: 1px solid #e5e5e5;
    height: 3.1rem;
    border-radius: 5px;
    display: flex;
    text-align: center;
    font-size: 2rem;
    align-items: center;
}

.reload_svg[_ngcontent-ng-c1533978190] {
    margin: auto;
}

.refresh_span[_ngcontent-ng-c1533978190] {
    background-color: #fff;
    border-radius: 3px;
    padding: 3px 8px;
    display: flex;
    align-items: center;
    height: 100%;
    background: rgba(255, 255, 255, .1);
    color: #fff;
}

.mobile_refresh_btn[_ngcontent-ng-c1533978190] {
    height: 100%;
    width: 2.8rem;
    margin: auto;
    display: flex;
    border: none;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: rgba(255, 255, 255, .1);
}

.mobile_refresh_svg[_ngcontent-ng-c1533978190] {
    fill: #fff !important;
}

.login100-form-title-2[_ngcontent-ng-c1533978190] {
    padding: 57px 15px 30px !important;
    display: block;
}

.refresh_container[_ngcontent-ng-c1533978190] {
    display: flex;
    justify-content: center;
    gap: 6px;
}

.orders_heading[_ngcontent-ng-c1533978190] {
    display: block;
    margin-bottom: .3rem;
}

.consultancy_btn_div[_ngcontent-ng-c1533978190] {
    display: flex;
    justify-content: space-between;
    background-color: var(--white);
}

.consultancy_btn[_ngcontent-ng-c1533978190] {
    width: 48%;
    height: 31px;
    border-radius: 8px;
    background-color: var(--white);
    color: var(--theme);
    border: 2px solid var(--theme);
}

.btn_join[_ngcontent-ng-c1533978190] {
    background-color: var(--theme) !important;
    color: var(--white);
}

.greyButton[_ngcontent-ng-c1533978190] {
    background-color: #868484 !important;
    border: none;
    cursor: not-allowed;
}

.text-grey1[_ngcontent-ng-c1533978190] {
    color: #6c757d !important;
    padding-top: 10px;
    padding-left: 10px;
}

.text-grey-hybrid[_ngcontent-ng-c1533978190] {
    color: #6c757d !important;
    padding-top: 10px;
}

.special_price_activated[_ngcontent-ng-c1533978190] {
    font-size: 10px;
    color: red !important;
}

[_ngcontent-ng-c3683148944]:root {
    --blue: #1394ff;
    --black: #282828;
    --gray: #e2e4e6;
    --dark-gray: gray;
    --white: #ffffff;
    --light-gray: #d3d3d3;
    --orange: #ff8f00;
    --bg-color: var(--white);
    --header_height: 60px;
    --header_bg_color: var(--black);
    --header_font_color: white;
    --autocomplete_btn_search_bg_color: var(--blue);
    --autocomplete_btn_search_font_color: white;
    --autocomplete_box_height: 40px;
    --theme: var(--blue);
    --rating-bar-color: #3c3b3b;
    --btn-color: var(--black);
    --address_desc_color: #afafaf;
    --address_title_color: #333;
    --address_bg_color: white;
}

.notification-icon[_ngcontent-ng-c3683148944] img[_ngcontent-ng-c3683148944] {
    width: 2rem;
}

.flft[_ngcontent-ng-c3683148944] {
    float: left !important;
}

.notifications[_ngcontent-ng-c3683148944] {
    cursor: pointer;
    position: relative;
}

.notifications[_ngcontent-ng-c3683148944] i[_ngcontent-ng-c3683148944] {
    color: var(--header_font_color);
    margin-top: .1rem;
    font-size: 2rem;
}

.notifications[_ngcontent-ng-c3683148944] #notification_count[_ngcontent-ng-c3683148944] {
    position: absolute;
    z-index: 1000;
    top: -3px;
    width: .4rem;
    height: .4rem;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    background: var(--theme);
    color: var(--header_font_color);
    align-items: center;
    padding: .5rem;
    right: -5px;
}

.notificationContainer[_ngcontent-ng-c3683148944] {
    background-color: #fff;
    border: 1px solid rgba(100, 100, 100, .4);
    -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, .25);
    position: absolute;
    top: 45px;
    width: 21rem;
    max-height: 30rem;
    overflow: auto;
    left: -10rem;
    z-index: 1000;
    background: var(--header_bg_color);
    color: var(--header_font_color);
}

.notificationContainer[_ngcontent-ng-c3683148944] .clearAllLink[_ngcontent-ng-c3683148944] {
    float: right;
    color: var(--theme);
}

.notificationContainer[_ngcontent-ng-c3683148944] .notificationTitle[_ngcontent-ng-c3683148944] {
    padding: 1rem;
    z-index: 2;
    position: relative;
}

.notif-overlay[_ngcontent-ng-c3683148944] {
    position: fixed;
    height: 100%;
    width: 100%;
    left: 0;
    top: 0;
}

.notification-bar[_ngcontent-ng-c3683148944] {
    color: var(--header_font_color);
    padding: 1rem;
    border-bottom: 1px solid rgba(255, 255, 255, .2);
    cursor: pointer;
}

.notification-bar[_ngcontent-ng-c3683148944]:hover {
    background: var(--header_font_color);
    color: var(--header_bg_color);
}

@media only screen and (min-width: 768px) {
    .notificationContainer[_ngcontent-ng-c3683148944] {
        width: 31rem;
        left: -20rem;
    }
}

.limiter[_ngcontent-ng-c1866278770] .login100-form-title[_ngcontent-ng-c1866278770] {
    display: none;
}

.limiter[_ngcontent-ng-c1866278770] .login100-form-title-1[_ngcontent-ng-c1866278770] {
    margin: 20px 0;
    text-align: left;
}

.limiter[_ngcontent-ng-c1866278770] .border-padding[_ngcontent-ng-c1866278770] {
    padding: 40px 20px 70px;
    box-shadow: 0 2px 10px #00000017;
    border-radius: 4px;
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.limiter[_ngcontent-ng-c1866278770] .userRights[_ngcontent-ng-c1866278770] {
    padding: 0;
    height: auto;
    min-height: calc(100vh - 180px);
}

.limiter[_ngcontent-ng-c1866278770] .userRights[_ngcontent-ng-c1866278770] .heading[_ngcontent-ng-c1866278770] {
    text-align: center;
    padding: 20px 0;
}

.limiter[_ngcontent-ng-c1866278770] .userRights[_ngcontent-ng-c1866278770] .title[_ngcontent-ng-c1866278770] {
    font-size: 30px;
    line-height: 30px;
    font-weight: 300;
    letter-spacing: .5px;
    text-align: center;
    color: #858585;
    margin-bottom: 20px;
    display: inline-block;
}

.limiter[_ngcontent-ng-c1866278770] .userRights[_ngcontent-ng-c1866278770] .line[_ngcontent-ng-c1866278770] {
    margin: 0 auto;
    width: 50px;
}

.limiter[_ngcontent-ng-c1866278770] .userRights[_ngcontent-ng-c1866278770] textarea[_ngcontent-ng-c1866278770] {
    resize: vertical;
}

.limiter[_ngcontent-ng-c1866278770] select.form-control[_ngcontent-ng-c1866278770] {
    display: block;
    width: 100%;
    height: 50px;
    padding: 6px 20px 6px 10px;
    font-size: 14px;
    line-height: 1.56;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    box-shadow: none;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    border-radius: 8px !important;
}

.limiter[_ngcontent-ng-c1866278770] textarea.form-control[_ngcontent-ng-c1866278770] {
    border-radius: 8px !important;
    border: 1px solid #e5e5e5;
    box-shadow: none;
}

.limiter[_ngcontent-ng-c1866278770] button.btn.btn-red[_ngcontent-ng-c1866278770] {
    width: 100%;
    height: 50px;
    font-size: 16px;
    font-weight: 600;
    font-stretch: normal;
    font-style: normal;
    line-height: 1.56;
    letter-spacing: normal;
    text-align: center;
    color: #fff !important;
}

.limiter[_ngcontent-ng-c1866278770] .userRights[_ngcontent-ng-c1866278770] {
    padding-bottom: 20px;
    height: auto;
    min-height: calc(100vh - 187px);
}

.txtrgt[_ngcontent-ng-c1866278770] {
    text-align: right !important;
}

app-mobile-top-navigation[_ngcontent-ng-c1866278770],
app-native-bottom[_ngcontent-ng-c1866278770] {
    display: none;
}

@media screen and (max-width: 768px) {

    app-mobile-top-navigation[_ngcontent-ng-c1866278770],
    app-native-bottom[_ngcontent-ng-c1866278770] {
        display: block;
    }

    app-header[_ngcontent-ng-c1866278770] {
        display: none;
    }

    .container[_ngcontent-ng-c1866278770] {
        max-width: 750px;
    }

    .limiter[_ngcontent-ng-c1866278770] .login100-form-title[_ngcontent-ng-c1866278770] {
        display: block;
        text-align: center;
    }

    .limiter[_ngcontent-ng-c1866278770] .border-padding[_ngcontent-ng-c1866278770] {
        padding: unset;
        box-shadow: none;
        border-radius: 0;
        margin-top: unset;
    }
}


#banner-parent .new-banner-footer {
    margin-left: 20px !important;
    margin-bottom: 10px;
}