@media (max-width: 340px) {
    body {
        touch-action: manipulation;
    }

    .services .item.service-card-v1 {
        min-height: 225px;
    }
}

@media (max-width: 768px) {
    body {
        touch-action: manipulation;
    }

    .content-wrapper {
        padding-top: 75px;
    }

    header.header-3, header.header-33 {
        border-radius: 0 0 12px 12px;
        background-image: url("../images/header-bg.webp");
        background-repeat: no-repeat;
        background-size: cover;
    }

    header.square-header {
        border-radius: 0
    }

    .addresses-list, section.blog, section.cover-x, section.services.mobile-services .owl-carousel, section.terms {
        padding: 0 !important
    }

    .verification-form input, .products .hint {
        text-align: center
    }

    .name-image, .user-letter {
        text-transform: uppercase
    }

    .invoices-success-flow-card .title, .item-total-amount, .my-orders-links a, .terms span {
        word-break: break-word
    }

    body {
        background: #fff;
        font-size: 12px
    }

    section {
        max-width: 100%;
        overflow: hidden;
        margin-bottom: .5em !important;
        padding: .5em 16px !important
    }

    .blog .item img.main-blog-image, .cart-address .wrapper.gift-wrapper, .cover-x img.cover, .download-apps .stores img, .service-details .cover {
        height: initial
    }

    .owl-dots {
        top: 0;
        box-shadow: none
    }

    .address {
        width: initial;
        height: initial;
        border: none
    }

    .categories .item .title {
        color: #000
    }

    section.download-apps {
        margin-bottom: 0 !important;
        height: initial;
        min-height: initial;
        overflow: initial;
        text-align: center
    }

    .download-apps .mobile-img {
        position: relative;
        top: initial;
        left: initial;
        right: initial;
        bottom: initial;
        height: 410px;
        width: initial;
        max-width: 100%;
        max-height: initial
    }

    .download-apps .title, .order-item, header {
        max-width: 100%;
        overflow: hidden
    }

    #orderDetailsModal .service-date, .cards img, .details-btns, .offers img, .orders.g img, .popup .modal-body .banner, .profile-page form, .select-address .input-wrapper, section.services.mobile-services .service {
        width: 100%
    }

    section.cover-x {
        max-height: 135px;
        margin-bottom: 0 !important;
    }

    section.blog {
        padding-top: 1em !important
    }

    .share-box .social-links, .terms .text {
        margin: 0
    }

    .terms {
        padding: 0;
    }

    .terms .wrapper {
        padding: 0;
        width: initial;
        margin: 0;
        background: #fff;
        border: none
    }

    .text .container, header, .nav-with-download {
        padding: 1em 1.5em
    }

    .download-header {
        padding-left: 1.5em !important;
        padding-right: 1.5em !important;
    }

    .header-33 {
        padding: 0;
    }

    .blog .cover {
        height: initial;
        max-width: 100%
    }

    .offer-details .empty-slider, .tags {
        min-height: initial
    }

    .profile .content {
        position: initial;
        top: 0;
        padding: 0;
        border: none;
        min-height: 80vh;
    }

    .address-name.address-title, .black-color {
        color: #393939
    }

    .products .product, .services .item {
        display: flex;
        flex-direction: column;
        background: #f7f7f7;
        border-radius: 8px;
        width: 100%;
        max-height: 210px;
        height: 210px;
        margin-bottom: 1em;
        padding: 7px;
        color: #888
    }

    .auth-header, .blog, .blog .item, .form-wrapper, .white-wrapper {
        background: #fff
    }

    .services .item .title {
        color: #000;
        font-weight: 700;
        font-size: 16px;
        height: 50px;
        max-height: 50px;
        overflow: hidden;
        margin-top: 10px
    }

    .products .product .desc, .services .item .desc {
        height: 37px;
        max-height: 37px;
        overflow: hidden;
        margin-bottom: 10px
    }

    .services.offer-other-services .item {
        height: auto
    }

    .categories img, .categories .empty-slider.thump {
        width: 113px !important;
        height: 112px !important
    }


    .modal-header .mb-4, .offer .desc .text, .offer .desc .title, .otp-wrapper .sub-title {
        margin-bottom: .5em
    }

    .top-sale-badge {
        top: 5px
    }

    .header-info {
        justify-content: center
    }

    .blog-list img.blog-cover-image {
        height: initial !important;
        max-height: 200px
    }

    .blog .item .text {
        line-height: initial;
        height: initial;
        overflow: initial
    }

    .addresses {
        max-height: 55vh
    }

    .addresses.addresses-page {
        max-height: initial;
        overflow: initial
    }

    .modal .addresses {
        max-height: initial
    }

    header .page-title span {
        max-width: 85%;
        word-break: break-word
    }

    .login-title {
        font-size: 24px;
        color: white !important;
    }

    .my-orders-links .col-3, .profile-pages .col-3 {
        padding-right: 3px;
        padding-left: 3px
    }

    .cover-x.cover-2x.invoices-success {
        min-height: 90vh;
        max-height: initial
    }

    .invoices-success .center-card {
        top: 25%;
        width: 90%
    }

    .offers .empty-slider {
        height: 150px;
        width: 100%
    }

    .categories .empty-slider {
        margin-bottom: 1em;
        width: 141px !important;
        height: 141px !important;
        border-radius: 4px
    }

    .home.categories .empty-slider {
        border-radius: 8px
    }

    .products .product .action-btns .order-now {
        font-size: 12px !important
    }

    .cart-address {
        padding: 1em;
        min-height: 60px
    }

    .ml-4 {
        margin-left: 1em
    }

    .select2-container, .table-condensed {
        width: 100%;
        margin-bottom: 1em
    }

    .select2-container, .select2-selection {
        width: 100% !important;
        z-index: 99999
    }

    .select2-selection {
        display: flex !important;
        align-items: center;
        background: #fcfcfc;
        border: 1px solid #cecece;
        border-radius: 4px
    }

    .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
        background-color: #96a7ae
    }

    .datepicker td.day.disabled:after {
        background: rgba(248, 246, 245, .5)
    }

    .datepicker td.day.disabled:hover:after {
        background: rgba(248, 246, 245, .5);
        cursor: not-allowed
    }

    .blog .item {
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        margin-bottom: 1.5em
    }

    .blog .item .blog-cover-image {
        max-width: 100%;
        object-fit: cover;
        border-radius: 8px
    }

    .blog .item .hr {
        width: 100%;
        height: 1px;
        background: #e2e2e2
    }

    .all-flex-center, .blog .item .link, .cart-counter .dec, .cart-counter .inc {
        display: flex;
        justify-content: center;
        align-items: center
    }

    .blog.blog-list, .home.select-address {
        padding-top: 0
    }

    .blog.blog-list .item .blog-cover-image {
        border-radius: 8px 8px 0 0
    }

    .service-details .cover {
        border-radius: 8px
    }

    .blog .item img, .service-details.blog .cover, label {
        max-width: 100%
    }

    .tag {
        min-width: 110px;
        height: 28px;
        background: #f5f5f5;
        border-radius: 4px;
        padding: 0 1em
    }

    .comments {
        max-height: 400px;
        overflow: auto
    }

    .comment {
        min-height: 94px;
        background: #fafafa;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        padding: 1em
    }

    .user-letter {
        width: 58px;
        height: 58px;
        background: #e2e2e2;
        font-weight: 700;
        font-size: 25px;
        color: #b5b5b5;
        border-radius: 50%
    }

    .other-article-item {
        width: 100%;
        min-height: 123px;
        background: #fff;
        border: 1px solid #e0e0e0;
        border-radius: 4px
    }

    .other-article-item img {
        width: 140px;
        height: 123px
    }

    .main-color-bg {
        background: #151515
    }

    .white-color-bg {
        background: #f0f2f3
    }

    .floating-cart, .wallet-wrapper {
        background: #f7f7f7
    }

    .white-faded-color {
        color: #a1a1a1
    }

    .white-color {
        color: #fff
    }

    .black-color2 {
        color: #242424
    }

    .gray-color {
        color: #a8a8a8
    }

    .gray-color2 {
        color: #767676
    }

    .cart-services .duration, .gray-color3, .notifications .item .date {
        color: #848484
    }

    .opacity-07 {
        opacity: .7
    }

    .bold, .item-row.total-row, .order-details .summary-item .value, .order-item .item-row .price, .order-item .item-row.header-row, .select-address .input .location .address-name {
        font-weight: 700
    }

    .ml-1 {
        margin-left: .25em
    }

    .ml-2 {
        margin-left: .5em
    }

    .services .owl-carousel {
        padding: 0 5px
    }

    .addresses-list .list {
        max-height: 65vh;
        overflow: auto
    }

    .btns, .loading.show {
        display: flex
    }

    .credit:not(.method .credit) {
        background: #fff;
        border: 1px solid #dbdbdb;
        border-radius: 8px;
        display: flex;
        align-items: center;
        height: 51px;
        justify-content: space-between;
        padding: 5px
    }

    .transactions .item {
        height: 85px;
        background: #fff;
        border-radius: 8px;
        display: flex;
        justify-content: space-between;
        align-items: center;
        padding: 0 2em;
        font-weight: 700;
        margin-bottom: 1em
    }

    .transactions .item .status {
        text-align: left
    }

    .transactions .item.success {
        border: 1px solid #329f47
    }

    .transactions .item.fail {
        border: 1px solid #ba9b9b
    }

    .transactions .item.success .status {
        color: #329f47
    }

    .transactions .item.fail .status {
        color: #ba9b9b
    }

    .auth-form-wrapper input {
        letter-spacing: 2px;
        font-size: 18px
    }

    #loyaltyModal .step, #shareModal .share-box {
        border: 1px solid #f8f8f8;
        border-radius: 17px;
        background: 20px 25px no-repeat #f8f8f8;
        box-shadow: 0 1px 6px rgba(0, 0, 0, .1607843137)
    }

    #shareModal .share-box {
        padding: 1em
    }

    #shareModal input, .services .item .btn {
        height: 40px;
        min-width: 40px;
    }

    #shareModal .copy-btn {
        height: 50px;
        width: 65px;
        border-radius: 0 8px 8px 0;
        background: #000;
        position: absolute;
        right: 0;
        top: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer
    }

    /*.services .service {*/
    /*    display: flex;*/
    /*    background-repeat: no-repeat;*/
    /*    background-size: cover*/
    /*}*/
    .service-details .name {
        width: 70%
    }

    .desc .text, .select-gift-box .cards {
        max-height: 300px;
        overflow: auto
    }

    .add-to-fav-btn.active:not(.remove-fav) path {
        fill: #000
    }

    .no-image {
        border: 1px solid #96a7ae;
        border-radius: 4px;
        max-height: 200px;
        object-fit: contain
    }

    .floating-cart, .floating-cart .count {
        box-shadow: 0 3px 6px rgba(0, 0, 0, .1607843137);
        border-radius: 50%;
        display: flex
    }

    .floating-cart {
        z-index: 2;
        position: fixed;
        bottom: 50px;
        left: 20px;
        width: 60px;
        height: 60px;
        opacity: 1;
        align-items: center;
        justify-content: center
    }

    .floating-cart .count {
        width: 20px;
        height: 20px;
        background: #f12f30;
        justify-content: center;
        align-items: center;
        color: #fff;
        font-weight: 700;
        position: absolute;
        right: 9px;
        top: 7px
    }

    .popup .modal-body, .products .product {
        overflow: hidden
    }

    .fav-page.remove-fav {
        background: rgba(0, 0, 0, 0);
        width: initial;
        height: initial;
        border: none;
        border-radius: initial
    }

    .offer .empty-slider {
        width: 100%;
        height: 164px;
        margin-bottom: 1em;
        border-radius: 4px
    }

    .modal-wrapper.auth-form-wrapper {
        box-shadow: none
    }

    .phone-input {
        padding-left: 30px
    }

    .currency {
        font-size: 10px;
        font-weight: 400
    }

    .modal .no-data, .no-data {
        font-size: 14px;
        display: flex
    }

    .no-data {
        height: 100vh;
        width: 100%;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        font-weight: 700;
        color: #212529
    }

    .category-image {
        width: 100%;
        max-height: 200px;
        object-fit: cover
    }

    .name-image img {
        width: 100%;
        border-radius: 50%;
        height: 100%;
        object-fit: cover
    }

    .bottom-gifts {
        width: 100%;
        padding: 2em 0;
        background: #fff
    }

    .counter {
        background: #f7f7f7
    }

    .cover-wrapper {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 2em
    }

    .cover-wrapper .category-image {
        border-radius: 15px
    }

    .category-image.no-image {
        max-height: 150px;
        object-fit: contain
    }

    #deleteGiftCartModal .modal-dialog {
        height: 50%
    }

    .modal .no-data {
        align-items: center;
        justify-content: center;
        height: 100%;
        font-weight: 700
    }

    #addCouponModal .modal-content, #useWalletModal .modal-content {
        background-repeat: no-repeat;
        background-position: bottom
    }

    .order-item .item-row .action, .price, .price .new, .select-address .input .edit-btn, .select-address .input .location {
        display: flex;
        align-items: center
    }

    .order-details-services-item {
        padding: .5em 1em;
        width: 100%;
        background: #f8f6f5;
        border: 1px solid #96a7ae;
        border-radius: 8px;
        margin-bottom: 1em
    }

    .order-details-services-item .service-date {
        height: initial;
        padding: .5em 1em;
        margin-bottom: .5em
    }

    .price .number {
        margin-left: 5px
    }

    .center-card {
        padding: 2em 1em;
        background: #f8f8f8;
        box-shadow: 0 3px 36px rgba(0, 0, 0, .062745098);
        border: 1px solid #f2f2f2;
        border-radius: 8px;
        width: 100%;
        margin: 0 auto
    }

    .owl-carousel .owl-item img {
        object-fit: cover;
        border-radius: 8px
    }

    header .address, header .address-name {
        height: 20px;
        overflow: hidden;
        color: #000;
    }

    .order-item .item-row {
        align-items: flex-start
    }

    .share-wrapper {
        background: #000;
        padding: 1em;
        border-radius: 4px
    }

    .popup .modal-content {
        background-image: url("../images/popup_bg.png") !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        color: #fff;
        border: none;
        border-radius: 8px;
        font-size: .85rem;
        height: 540px;
        justify-content: center;
        padding: 10px
    }

    .popup .modal-body .title {
        font-size: 2rem;
        font-weight: 700;
        margin-bottom: 10px;
        text-align: center;
    }

    .popup .modal-body .description {
        color: rgba(255, 255, 255, .5607843137)
    }

    .popup .modal-body .download-text {
        margin: 10px 0;
        font-size: 1.425rem
    }

    .popup .download {
        border-radius: 8px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .popup .download img {
        width: 100%;
        height: 55px
    }

    .popup .logo-whatsapp {
        margin-left: 15px
    }

    .close-modal {
        color: #fff;
        opacity: 1;
        position: absolute;
        top: -12px;
        right: 9px;
        font-size: 3em;
        z-index: 999
    }

    .invoices-success-flow-card {
        position: absolute;
        top: 10%;
        background: #fff;
        padding: 1em;
        max-width: 95%;
        margin: 0 auto;
        left: 0;
        right: 0;
        border-radius: 10px;
        max-height: 550px;
        overflow: auto
    }

    .underline {
        text-decoration: underline
    }

    .offer-products .price .new {
        margin-right: .5em
    }

    .page-link.disabled {
        opacity: .5;
        pointer-events: none
    }

    .auth-cover .logo {
        max-width: 100%
    }

    .rate-stars-wrapper {
        display: flex;
        justify-content: space-between
    }

    .rate-stars-wrapper svg {
        cursor: pointer
    }

    .offer-default {
        height: 167px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: center;
        background: #eee;
        padding: 5px 20px;
        border-radius: 12px;
    }

    .owl-item a {
        width: 100%;
        text-align: center;
    }

    #top-btn, .intercom-icon {
        width: 50px;
        border-radius: 50%;
        position: fixed;
        bottom: 45px;
        background: #404040;
        height: 50px;
        display: flex;
        cursor: pointer
    }

    .cards .owl-carousel .owl-item img {
        height: 100px
    }

    #top-btn {
        right: 20px;
        justify-content: center;
        align-items: center;
        z-index: 9
    }

    .intercom-icon {
        left: 20px;
        justify-content: center;
        align-items: center;
        z-index: 99
    }

    .shareGiftModal .gift-cover {
        width: 100%;
        height: 180px;
        object-fit: cover
    }

    #shareGiftModal .copy-box {
        height: 50px;
        width: 100%
    }

    .select-gift-box .default {
        width: 100%;
        height: 200px;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        background: #f8f8f8;
        border: 1px solid #e4e4e4;
        border-radius: 4px;
        cursor: pointer
    }

    .gift-copy-box .copy-btn:hover, .select-gift-box .cards img:hover, .select-gift-box .default:hover {
        opacity: .5
    }

    .select-gift-box .cards img {
        width: 100%;
        margin-bottom: 10px;
        cursor: pointer
    }

    .gift-copy-box {
        border: 1px solid #e4e4e4;
        border-radius: 10px;
        min-height: 50px;
        display: flex;
        align-items: center;
        font-size: 12px
    }

    .gift-copy-box .copy-btn {
        width: 100%;
        padding: 10px;
        background: #000;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 4px;
        border: 1px solid #000;
        cursor: pointer
    }

    .gift-copy-box .copied {
        color: green
    }

    a, a:hover {
        color: inherit;
        text-decoration: none
    }

    input[type=email], input[type=password] {
        font-family: "sans-serif"
    }

    .form-control::placeholder {
        color: #b7b7b7;
        opacity: 1
    }

    .form-control:-ms-input-placeholder {
        color: #b7b7b7
    }

    .form-control::-ms-input-placeholder {
        color: #b7b7b7
    }

    .form-control {
        background: #fff;
        border: 1px solid #e4e4e4;
        border-radius: 10px;
        font-size: 14px;
        font-weight: 700;
        min-height: 40px
    }

    .modal:not(.popup) .modal-dialog {
        height: 100%;
        width: 100%;
        margin: 0
    }

    .modal:not(.popup) .modal-content {
        height: initial;
        margin: 0;
        position: absolute;
        left: 0;
        right: 0;
        width: 100%;
        bottom: 0;
        max-height: 80%;
        overflow: auto
    }

    .modal-body {
        max-height: 75%;
        overflow: auto;
        height: initial;
        padding: 1em 1.5em !important
    }

    .modal-footer, .modal-body, .modal-header {
        padding-right: 1.5em !important;
        padding-left: 1.5em !important
    }

    .loading, .services .service:after {
        top: 0;
        height: 100%;
        position: absolute;
        left: 0
    }

    .loading {
        width: 100%;
        z-index: 999999;
        background: rgb(255 255 255 / 46%);
        backdrop-filter: blur(5px);
        /* background: rgba(0, 0, 0, .5); */
        align-items: center;
        justify-content: center;
        display: none
    }

    .loading svg {
        position: absolute;
        left: 0;
        right: 0;
        top: 10%;
        margin: 0 auto
    }

    .loading svg path {
        animation: 4s infinite filter-animation
    }

    .font-10, .font-12, .font-14, .font-18, .font-20, .font-24, .font-28, .font-32, .font-40, .gifts .price .currency, .gifts .price .old {
        font-size: 12px
    }

    .auth-cover, .inputPasswordWrapper, .notification-ico, header .cart-ico {
        position: relative
    }

    .notification-ico .count {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 20px;
        height: 20px;
        background: #f12f30;
        box-shadow: 0 3px 6px rgba(0, 0, 0, .1607843137);
        color: #fff;
        font-size: 12px;
        font-family: sans-serif;
        border-radius: 50%;
        position: absolute;
        right: -7px;
        top: -8px
    }

    header .page-title {
        display: flex;
        flex-grow: 1;
        color: #000;
        font-feature-settings: 'clig'off, 'liga'off;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
    }

    header .page-title svg {
        margin-left: 12px;
    }

    section.offers {
        padding-top: 0 !important;
    }

    section.select-address {
        margin-bottom: 2em
    }

    header .select-address {
        flex: 1;
        max-width: 75%
    }

    .select-address .input {
        border: 1px solid #dbdbdb;
        display: flex;
        align-items: center;
        padding: 0 1em;
        height: 40px;
        border-radius: 8px;
        background: #EDEDED;

        border-radius: 8px;
        border: 1px solid #DDD;
        background: rgba(227, 208, 168, 0.10);
    }

    .select-address svg {
        margin-left: 0;
    }

    .modal-header .title {
        font-size: 16px;
    }

    .categories .item-row {
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin-bottom: 16px;
    }

    .categories .item-row .item .thump {
        object-fit: cover;
        width: 113px;
        height: 112px;
        background-size: cover;
        border-radius: 8px;
        margin-bottom: 8px;
    }

    .categories .item-row .item .title {
        color: #000;
        text-align: center;
        font-feature-settings: 'clig'off, 'liga'off;
        font-size: 12px;
        font-weight: 700;
        line-height: 20px;
    }

    .services .service {
        width: 90px;
        height: 105px;
        border-radius: 8px;
        position: relative
    }

    .mobile-carousel-services .service {
        width: 100%;
        background-color: #fff;
    }

    .services.mobile-carousel-services {
        background-color: #fff;
        margin-bottom: 0 !important;
        padding-bottom: 0 !important;
    }

    .category-details.services {
        background: #F5F5F5;
        margin-bottom: 0 !important;
        padding-top: 16px !important;
    }

    .category-details.services .row>* {
        padding-right: 8px;
        padding-left: 8px;
    }

    .service-image-wrapper {
        margin-bottom: 21px;
    }

    .services .service:after {
        right: 0;
        content: "";
        width: 100%;
        background: #fff;
        opacity: .5;
        z-index: 1
    }

    .servicesActive:after {
        background: 0 0 !important
    }

    .cart-counter .dec, .cart-counter .inc {
        width: 36px;
        height: 36px;
        background: #fff;
        border-radius: 9px
    }

    .services .service .title {
        /*position: absolute;*/
        /*bottom: 10px;*/
        /*left: 0;*/
        /*right: 0;*/
        z-index: 2;
        text-align: center;
        color: #fff;
        font-feature-settings: 'clig'off, 'liga'off;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
    }

    .hint {
        margin: 21px 0;
        color: rgba(133, 133, 133, 0.90);
        font-feature-settings: 'clig'off, 'liga'off;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        letter-spacing: 0.1px;
    }

    .price, .products .product .duration {
        margin-bottom: 5px
    }

    .products .product .name {
        color: #000;
        font-weight: 700;
        font-size: 16px;
        height: 50px;
        max-height: 50px;
        overflow: hidden;
        margin-bottom: 10px
    }

    .price {
        justify-content: space-between;
        align-items: center
    }

    .price .old {
        font-weight: 700;
        color: #F23D3D;
        text-decoration: line-through
    }

    .offer-products .product .price .value, .price .new, .share-box .title {
        font-size: 16px;
        font-weight: 700;
        color: #000
    }

    .products .product .action-btns {
        display: flex;
        align-items: center;
        justify-content: space-between
    }

    .cart-counter {
        width: 141px;
        height: 48px;
        background: #f7f7f7;
        border-radius: 10px;
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .cart-counter .dec {
        opacity: .4
    }

    .cart-counter .amount, .cart-services .name {
        color: #000;
        font-weight: 700;
        font-size: 16px
    }

    .service-details .duration {
        margin-bottom: 15px
    }

    .auth-form-wrapper .forget-password-wrapper .title, .order-details .order-summary, .order-item .item-row:last-child, .service-details .price {
        margin-bottom: 0
    }

    .service-details .name {
        font-weight: 700;
        font-size: 20px
    }

    .service-details .hr {
        width: 100%;
        height: 1px;
        background: #dbdbdb;
        margin: 3em 0
    }

    .service-details .desc .title {
        color: #000;
        font-weight: 700;
        font-size: 14px;
        margin-bottom: 1em
    }

    .offer .desc .text, .service-details .desc {
        font-size: 14px;
        color: #6f6f6f;
        line-height: 1.8
    }

    .about .text, .invite .text {
        line-height: 24px
    }

    .cart-address {
        background: #f7f7f7;
        border-radius: 0 0 16px 16px
    }

    .cart-address .wrapper, .pay-with {
        display: flex;
        justify-content: space-between;
        border: 1px solid #dbdbdb
    }

    .cart-address .wrapper {
        background: #fff;
        border-radius: 8px;
        height: 90px;
        max-height: 90px;
        overflow: hidden;
        align-items: flex-start;
        padding: 1em
    }

    .cart-address .location {
        display: flex;
        align-items: flex-start;
        color: #000
    }

    .cart-address .address-name {
        font-size: 14px;
        font-weight: 700;
        color: #000
    }

    .addresses-list .item .custom-input-radio, .cart-address .location img {
        position: relative;
        top: 4px
    }

    .cart-services .title {
        color: #000;
        font-weight: 700;
        font-size: 16px;
        margin-bottom: 1em
    }

    .cart-services .service {
        background: #f8f6f5;
        border: 1px solid #96a7ae;
        border-radius: 8px;
        margin-bottom: 1em;
        padding: .85em
    }

    .cart-services .count {
        color: #6f6f6f;
        font-weight: 700;
        font-size: 16px
    }

    .service-date {
        background: #fff;
        border: 1px solid #e4e4e4;
        border-radius: 14px;
        color: #000;
        font-weight: 700;
        height: 30px;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .pay-with, .use-coupon {
        background: #f7f7f7;
        margin-bottom: 2em;
        padding: 1em
    }

    .pay-with {
        align-items: center;
        border-radius: 8px
    }

    .pay-with .method, .use-coupon {
        justify-content: space-between;
        display: flex;
        font-size: 14px;
        font-weight: 700;
        color: #000
    }

    .pay-with .method {
        width: 80%;
        align-items: flex-start
    }

    .pay-with .method .credit {
        color: #6f6f6f;
        font-size: 12px
    }

    .pay-with .method .price {
        color: #6f6f6f;
        font-weight: 700
    }

    .pay-with .method img {
        position: relative;
        top: 3px
    }

    .use-coupon {
        align-items: flex-start;
        border: 1px solid #dbdbdb;
        border-radius: 8px
    }

    .profile-pages, .use-coupon .coupon-name {
        display: flex;
        justify-content: space-between;
        align-items: center
    }

    .terms {
        display: flex;
        align-items: flex-start;
        margin-bottom: 1em;
        font-weight: 700;
        color: #000;
        font-size: 14px
    }

    .payment-btns, .summary-item {
        display: flex;
        justify-content: space-between
    }

    .terms input {
        position: relative;
        top: 5px
    }

    .terms a {
        font-size: 14px;
        text-decoration: underline;
        font-weight: 700;
        color: #6f6f6f
    }

    .terms .hint {
        font-weight: 400;
        color: #000
    }

    .additional-notes {
        background: #fff;
        border: 1px solid #e0e0e0;
        border-radius: 8px;
        font-size: 12px;
        font-weight: 700;
        padding: 1em;
        margin-bottom: 1em
    }

    .summary-item {
        align-items: center;
        margin-bottom: 1em
    }

    .total-summary {
        font-size: 16px;
        font-weight: 700;
        color: #000;
        margin-bottom: 2em
    }

    .order-summary .hr {
        width: 100%;
        height: 1px;
        background: #e8e8e8;
        margin: 1em 0
    }

    .payment-btns {
        position: fixed;
        bottom: 0;
        width: 100%;
        left: 0;
        right: 0;
        padding: 1em;
        background: #f8f6f5;
        box-shadow: 0 3px 16px rgba(23, 0, 9, .1215686275);
        border-top: 1px solid rgba(23, 0, 9, .1215686275);
        z-index: 2
    }

    .offer .duration, .offer .name {
        justify-content: space-between;
        display: flex
    }

    .offer img {
        margin-bottom: 2em;
        width: 100%
    }

    .offer .name {
        font-size: 20px;
        font-weight: 700;
        color: #000;
        align-items: center
    }

    .offer .duration {
        font-size: 14px;
        color: #848484;
        align-items: center;
        margin-bottom: 2em
    }

    .invite .title, .offer .desc .title {
        font-size: 16px;
        font-weight: 700;
        color: #000;
        margin-bottom: 1em
    }

    .offer-products .product {
        display: flex;
        justify-content: space-between;
        align-items: center;
        min-height: 70px;
        background: #fdfdfd;
        border: 1px solid #dbdbdb;
        border-radius: 8px;
        padding: 0 1em;
        margin-bottom: 1em
    }

    .offer-products .product img {
        width: 50px;
        height: 50px;
        border-radius: 8px
    }

    .offer-products .product .price {
        font-weight: 700;
        color: #000
    }

    .offer-products .product .name {
        font-size: 14px;
        font-weight: 700;
        color: #000;
        overflow: hidden
    }

    .offer-products .product .duration {
        font-size: 10px;
        color: #000;
        margin-bottom: 0
    }

    .addresses-list .item .address-name, label.form-label {
        margin-bottom: .5em
    }

    .auth-cover .cover {
        object-fit: cover;
        width: 100%;
        height: 100vh;
        position: relative
    }

    .auth-cover .logo {
        position: absolute;
        left: 0;
        right: 0;
        margin: 0 auto
    }

    .auth-cover.login-cover .logo {
        top: 7%
    }

    .auth-cover.register-cover .logo {
        top: 15%
    }

    .modal-wrapper {
        background: #fff;
        padding: 2em 2em 1em;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        width: 100%;
        z-index: 2;
        box-shadow: 0 -3px 16px rgba(0, 0, 0, .1019607843);
        border-radius: 20px 20px 0 0
    }

    .auth-form-wrapper .title {
        font-size: 30px;
        font-weight: 700;
        color: #000;
        text-align: center;
        margin-bottom: 1em
    }

    .auth-form-wrapper .sub-title {
        font-size: 16px;
        font-weight: 700;
        color: #848484;
        text-align: center;
        margin-bottom: 4em
    }

    #inputConfirmPassword, #inputPassword {
        letter-spacing: 5px
    }

    label.form-label {
        font-size: 12px;
        color: #000
    }

    .show-password-icon {
        position: absolute;
        top: 47px;
        right: 10px
    }

    .forget-password-link {
        font-size: 14px;
        font-weight: 700;
        color: #848484;
        display: flex;
        justify-content: flex-end;
        margin: 2em 0
    }

    .auth-hint a, .auth-links {
        color: #000;
        text-decoration: underline
    }

    .social-links {
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin-bottom: 2em
    }

    .auth-links {
        display: flex;
        justify-content: space-between;
        font-size: 16px;
        font-weight: 700;
        margin: 2em 0
    }

    .auth-hint, .auth-hint a {
        font-size: 12px;
        font-weight: 700
    }

    .auth-hint {
        color: #848484;
        display: flex;
        justify-content: start
    }

    .forget-password-wrapper {
        display: flex;
        flex-direction: column;
        position: relative;
        height: 90vh;
        padding-top: 30%
    }

    .forget-password-wrapper img {
        width: 90px;
        height: 127px;
        margin: 0 auto 2em
    }

    .auth-form-wrapper .forget-password-wrapper .btn-submit {
        width: 100%;
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0
    }

    .otp-wrapper .numbers {
        display: flex;
        justify-content: center
    }

    .otp-wrapper .numbers input {
        width: 50px;
        background: rgba(0, 0, 0, 0);
        border: none;
        font-size: 30px;
        font-weight: 700;
        color: #2b2b2b;
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center
    }

    .otp-wrapper .numbers input:focus {
        outline: 0;
        border: none
    }

    .otp-number {
        position: relative;
        margin: 0 10px
    }

    .otp-number:after {
        content: "";
        position: absolute;
        width: 90%;
        height: 2px;
        background: #848484;
        bottom: -10px;
        left: 0;
        right: 0;
        margin: 0 auto
    }

    .otp-wrapper .title {
        text-align: initial
    }

    .otp-wrapper .number, .otp-wrapper .sub-title {
        font-size: 14px;
        font-weight: 700;
        color: #848484;
        display: flex;
        align-items: center
    }

    .otp-wrapper .numbers {
        margin: 4em 0
    }

    .otp-wrapper .number a {
        text-decoration: underline;
        font-size: 14px;
        font-weight: 700;
        color: #000
    }

    .about .social-links img, .inputPasswordWrapper img, .share-box .social-links img {
        width: 26px;
        height: 26px
    }

    .profile-header {
        padding: 16px !important;
        border-radius: 0 0 8px 8px;
        background: #000;
        margin-bottom: 16px;
    }

    .divider.settings-divider .hr, .name-image {
        background: #dbdbdb
    }

    .name-image {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 62px;
        height: 62px;
        border-radius: 50%;
        color: #b7b7b7;
        font-size: 28px;
        font-weight: 700;
        margin-left: 16px;
    }

    .profile-header .name {
        font-weight: 700;
        color: #FFF;
        text-align: right;
        font-feature-settings: 'clig'off, 'liga'off;
        font-size: 16px;
        font-style: normal;
        line-height: 20px;
        /* 111.111% */
        margin-bottom: 8px;
    }

    .profile-header .profile-link {
        color: rgba(255, 255, 255, .7);
        text-align: right;
        font-feature-settings: 'clig'off, 'liga'off;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
    }

    .profile-pages .page-link {
        display: flex;
        justify-content: space-around;
        align-items: center;
        flex-direction: column;
        height: 88px;
        overflow: hidden;
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.14);
        color: #FFF;
        text-align: right;
        font-feature-settings: 'clig'off, 'liga'off;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        border: none;
    }

    .divider .hr {
        background: #f7f7f7;
        width: 100%;
        height: 1px
    }

    .profile-links {
        padding: 0 16px;
    }

    .profile-links .link {
        display: flex;
        justify-content: space-between;
        align-items: center;
        height: 48px;
        background: #fff;
        border: 1px solid #EAEAEA;
        border-radius: 8px;
        padding: 1em;
        margin-bottom: 8px;
    }

    .profile-links .link .title {
        display: flex;
        align-items: center;
        color: #000;
        font-size: 16px;
        font-weight: 700
    }

    .form-switch {
        padding: 0;
        min-height: auto
    }

    .form-check-input, .form-switch .form-check-input {
        width: 38px;
        height: 20px
    }

    .form-check-input:checked {
        background-color: #dbdbdb;
        border-color: #dbdbdb
    }

    .my-orders-links a {
        height: 38px;
        background: #fff;
        border: 1px solid #dbdbdb;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 25px;
        color: #000;
        font-size: 11px;
        font-weight: 700
    }

    .my-orders-links a.active {
        background: #000;
        color: #fff
    }

    .header-info {
        background: #f7f7f7;
        margin-bottom: 1em;
        border-radius: 0 0 16px 16px;
        padding: 1em
    }

    .order-item {
        background: #f8f8f8;
        border: 1px solid #e4e4e4;
        border-radius: 8px;
        padding: 1em 1.5em;
        margin-bottom: 1em
    }

    .order-item .item-row {
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #000;
        font-size: 14px;
        margin-bottom: 1em
    }

    .order-item .item-row .name {
        max-width: 70%;
        display: flex;
        align-items: center
    }

    .order-item .item-row .count {
        color: #848484;
        display: flex;
        align-items: center;
        direction: ltr
    }

    .order-item .item-row.header-row .count {
        font-weight: 400
    }

    .order-item .hr {
        width: 100%;
        height: 1px;
        background: #dbdbdb;
        margin: 1em 0
    }

    .order-item .item-row.header-row .dot {
        width: 4px;
        height: 4px;
        background: #b7b7b7;
        border-radius: 50%
    }

    .item-row.total-row .price .value {
        font-size: 18px
    }

    .gift-receiver-wrapper {
        height: 28px;
        background: #fff;
        border: 1px solid #000;
        border-radius: 14px;
        padding: .5em;
        display: flex;
        justify-content: space-between;
        align-items: center;
        color: #000;
        font-weight: 400;
        font-size: 12px
    }

    .item-row .status {
        /* min-width: 100px; */
        height: 28px;
        color: #000;
        font-weight: 700;
        font-size: 12px;
        border-radius: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
        border: 1px solid #000
    }

    .item-row .status.success {
        background: rgba(11, 198, 69, .08);
        color: #000
    }

    .gifts .name {
        font-size: 16px;
        font-weight: 700
    }

    .gifts .duration {
        font-size: 12px;
        color: #848484
    }

    .gifts .price {
        font-size: 18px;
        margin-bottom: 0
    }

    .appointments .type-order .gift-receiver-wrapper {
        width: 100%;
        font-size: 12px;
        font-weight: 700;
        color: #000;
        justify-content: space-between;
        align-items: center
    }

    .appointments .gift-type .status {
        color: #242424;
        font-size: 14px;
        font-weight: 700;
        min-width: initial
    }

    .addresses-list .item .address-name, .addresses-list .item .edit-link {
        color: #000;
        font-size: 14px;
        font-weight: 700
    }

    .owl-dots {
        display: flex;
        justify-content: center;
        width: 100%;
        margin-top: 20px
    }

    .owl-carousel button.owl-dot {
        width: 6px;
        height: 6px;
        background: #b7b7b7;
        border-radius: 5px;
        margin: 0 5px
    }

    .owl-carousel button.owl-dot.active {
        width: 20px;
        height: 6px;
        background: #000;
        border-radius: 35px;
    }

    .bg-wrapper {
        height: 100vh;
        background-image: url("../images/bg.png");
        background-size: cover;
        background-repeat: no-repeat
    }

    .order-confirmation {
        padding-top: 40%
    }

    .order-confirmation .wrapper {
        background: #fff;
        box-shadow: 0 3px 16px rgba(154, 69, 117, .3254901961);
        border-radius: 8px;
        display: flex;
        flex-direction: column;
        align-items: center
    }

    .about, .profile-page {
        flex-direction: column;
        display: flex
    }

    .profile-page {
        align-items: center;
        background: #f7f7f7;
        height: 90vh
    }

    .profile-page .name-image {
        width: 120px;
        height: 120px;
        font-size: 62px;
        margin: 1em 0 .25em
    }

    .profile-page .name {
        color: #242424;
        font-size: 20px;
        font-weight: 700;
        margin-bottom: 2em
    }

    .profile-page input {
        margin-bottom: 1em;
        height: 50px;
        background: #fff;
        border: 1px solid #e4e4e4;
        border-radius: 8px;
        padding-left: 40px
    }

    .email-input-icon, .phone-input-icon {
        position: absolute;
        left: 10px;
        top: 12px
    }

    .rate-number {
        color: #242424;
        font-size: 14px;
        font-weight: 700;
        position: relative;
        top: 2px
    }

    .addresses-list .item {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        padding: 1em;
        height: 100px;
        overflow: hidden;
        background: #f8f8f8;
        border: 1px solid #e4e4e4;
        border-radius: 8px;
        color: #848484;
        font-size: 12px;
        margin-bottom: 1em
    }

    .custom-input-radio {
        width: 14px;
        height: 14px;
        border: 1px solid #000;
        border-radius: 50%;
        position: relative
    }

    .custom-input-radio.active:before {
        content: "";
        position: absolute;
        background: #000;
        border-radius: 50%;
        width: 8px;
        height: 8px;
        left: 2px;
        top: 2px
    }

    .add-address {
        position: relative;
        padding: 0
    }

    .add-address #map {
        height: 90vh;
        background-repeat: no-repeat
    }

    .select2-selection {
        height: 40px !important
    }

    .select2-container {
        height: 40px;
        max-width: 100%
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow b {
        border: none;
        background-image: url("../images/chevron-down.svg");
        width: 12px;
        height: 6px
    }

    .select2-container--default .select2-selection--single .select2-selection__rendered {
        font-size: 14px;
        font-weight: 700;
        color: #000;
        height: 100%;
        line-height: 34px
    }

    .select2-container--default .select2-selection--single .select2-selection__arrow {
        top: 7px
    }

    .add-address .form-label {
        margin-bottom: .5em !important
    }

    .select2-container--default .select2-selection--single {
        border: 1px solid #e0e0e0;
        border-radius: 8px
    }

    .temp-address {
        font-size: 12px;
        font-weight: 700;
        color: #1a375b;
        height: 51px;
        background: #fff;
        box-shadow: 0 -3px 16px rgba(0, 0, 0, .0980392157);
        display: flex;
        justify-content: space-between;
        align-items: center;
        position: absolute;
        top: 20px;
        width: 80%;
        left: 0;
        right: 0;
        margin: 0 auto;
        border-radius: 8px
    }

    .about .text, .invite .text, .lang-option, .order-details .summary-item, .share-box .link {
        font-size: 14px
    }

    #selectLangModal .title, .about .text, .lang-option, .notifications .item .name {
        font-weight: 700;
        color: #000
    }

    .notifications .item.opened, .share-box {
        background: #f8f8f8
    }

    .notifications .item {
        height: 73px;
        overflow: hidden;
        padding: 1em;
        background: #fff;
        border: 1px solid #e4e4e4;
        border-radius: 8px;
        margin-bottom: 1em
    }

    .notifications .item .name {
        font-size: 14px;
        margin-bottom: .5em
    }

    .lang-option, .order-details.cart-services .title {
        margin-bottom: 1em
    }

    .notifications .item .text {
        font-weight: 700;
        color: #848484
    }

    .about {
        align-items: center;
        justify-content: space-between;
        height: 90%;
        position: absolute;
        padding: 2em
    }

    .about .logo {
        margin-top: 50px
    }

    .about .social-links {
        margin-bottom: 0;
        width: 100%;
        display: initial
    }

    .about .hr {
        width: 100%;
        height: 1px;
        background: #e4e4e4;
        margin: 25px 0
    }

    .share-box {
        height: 182px;
        border: 1px solid #e4e4e4;
        border-radius: 17px;
        padding: 1em;
        display: flex;
        flex-direction: column;
        justify-content: space-around
    }

    .copy-link, .share-box .link {
        align-items: center;
        display: flex
    }

    .copy-link {
        height: 50px;
        background: #fff;
        border: 1px solid #e4e4e4;
        border-radius: 10px
    }

    .copy-link-btn {
        background: #000;
        border-radius: 0 10px 10px 0;
        width: 63px;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center
    }

    .share-box .link {
        font-weight: 700;
        color: #000;
        justify-content: center;
        flex: 1
    }

    .invite .text {
        font-weight: 700;
        color: #848484
    }

    .lang-option {
        display: flex;
        align-items: center;
        height: 50px;
        border: 1px solid #e4e4e4;
        border-radius: 8px;
        padding: 1em
    }

    .modal-content {
        box-shadow: 0 3px 16px rgba(0, 0, 0, .1607843137);
        border-radius: 20px 20px 0 0
    }

    #selectLangModal .title {
        font-size: 20px;
        display: flex;
        justify-content: center;
        margin: .5em 0
    }

    .order-details .total-summary {
        font-size: 16px;
        margin-bottom: 0
    }

    .cart-address.order-details {
        background: rgba(0, 0, 0, 0);
        border-radius: 0
    }

    .order-details.reorder {
        position: absolute;
        width: 100%;
        left: 0;
        right: 0;
        bottom: 0
    }

    .order-details.cart-services .overflow-auto {
        height: 350px
    }

    .cover-x .cover-title {
        font-size: 1.5em !important
    }

    .download-apps .font-28 {
        font-size: 2em !important
    }

    .service.mobile-service-overlay:after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        border-radius: 8px;
        background: rgba(0, 0, 0, .3);
        opacity: 1
    }

    .cart-address .wrapper {
        width: 100% !important
    }

    .service-date {
        justify-content: flex-start;
        padding: 5px 1em;
        height: initial
    }

    .hr {
        margin: 10px 0
    }

    .offer-products {
        margin-top: 20px;
        padding: 16px;
    }

    .offer-products .title {
        color: #000;
        font-feature-settings: 'clig'off, 'liga'off;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        /* 125% */
        margin-bottom: 20px;
    }

    .offer-products a.d-flex {
        align-items: center
    }

    section.services.mobile-services {
        padding: .5em 0 !important;
        overflow: initial !important;
        max-width: initial !important
    }

    .gift-item-row .header-line {
        flex: 1;
        width: 100%;
        margin-bottom: 10px;
        justify-content: space-between
    }

    .gift-item-row .item-row.type-order {
        flex-direction: column;
        align-items: flex-end !important
    }

    .gift-item-row .item-row .price {
        flex-direction: column-reverse
    }

    .gift-item-row .item-row .price .new, .gift-item-row .item-row .price .old {
        margin: 0 !important
    }

    .gift-receiver-wrapper {
        margin: 0 0 0 10px
    }

    .balance {
        min-width: initial;
        width: 100%;
        border-radius: 8px;
        border: 1px solid #EAEAEA;
        background: #FCFAF6;
        color: #000;
        text-align: right;
        font-feature-settings: 'clig'off, 'liga'off;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        /* 125% */
        padding: 12px;
        box-shadow: none;
    }

    .balance .balance-title svg {
        margin-left: 12px;
    }

    .balance .price .number {
        color: #000;
        font-feature-settings: 'clig'off, 'liga'off;
        font-size: 18px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        /* 111.111% */
        margin-left: 8px;
    }

    .balance .price .currency {
        color: rgba(0, 0, 0, 0.6);
        font-feature-settings: 'clig'off, 'liga'off;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        /* 157.143% */
    }

    .modal-footer {
        width: 100%;
        margin: 0 auto
    }

    .item .btn.btn-open-add-to-cart {
        width: 95px;
        max-width: 68%
    }

    #favouritesContainer .item .btn.btn-open-add-to-cart {
        width: 68%
    }

    .mobile-category-details.services .item .btn, .mobile-category-details.services .item .btn-gift {
        height: 40px
    }

    .add-comment-btn {
        font-size: 12px;
        height: 35px
    }

    .category-image.cover-category-image {
        height: 200px;
        max-height: initial
    }

    section.offers {
        background: #fff;
        padding: 0 !important;
    }

    section.offers .owl-dots {
        position: initial;
        margin-top: 5px;
        padding: 8px 0;
        height: initial;
    }

    .max-width-75 {
        max-width: 100%;
    }

    .other-service-item {
        min-height: initial;
    }

    .service-details-btn-open-add-to-cart {
        height: 40px;
    }

    .agree-on-text {
        font-size: 12px;
        line-height: 2;
    }

    .blog .item .title {
        min-height: initial;
        font-size: 16px;
    }

    .blog .item .text {
        line-height: 24px;
        font-size: 13px;
    }

    .other-article-item-details {
        padding-right: 2em;
    }

    .not-found-page .decor-img {
        width: 100%;
        top: 165px;
    }

    .not-found-page .content {
        width: 235px;
    }

    .not-found-page .lead, .not-found-page .btn-back-to-home {
        font-size: 12px;
    }

    footer {
        text-align: center;
    }

    .not-found-page .btn-back-to-home {
        width: initial;
        min-width: initial;
        height: 35px;
    }

    .wallet-payment .title div:first-child {
        line-height: 1.45;
    }

    .cashback-payment .title div:first-child {
        line-height: 1.45;
    }

    .agree_on_text, .agree_on_text a {
        font-size: 12px;
        line-height: inherit;
    }

    .agree_on_text .terms_and_services_link {
        line-height: inherit;
    }

    .hint .btn.btn-white {
        width: 55px;
        height: 30px;
        margin-top: 5px;
        font-size: 12px;
    }

    .image-wrapper {
        margin: 0;
        width: 100%;
        height: 55px;
        flex-direction: row;
    }

    .image-wrapper img {
        margin-bottom: 0;
        margin-left: 8px;
        width: 35px;
    }

    .blog-category-filter {
        padding: 20px 0 10px;
    }

    .address-name.address-title {
        line-height: 1.7;
    }

    .service-card-v1 .duration {
        line-height: 1.7;
    }

    .services .item.service-card-v1 .title {
        margin: 8px 0;
        font-size: 14px;
        height: initial;
        max-height: initial;
        overflow: initial;
        line-height: 1.5;
    }

    .services .item.service-card-v1 .desc {
        height: initial;
        max-height: initial;
        overflow: initial;
        line-height: 1.8;
    }

    .services .item.service-card-v1 .price {
        justify-content: flex-end;
    }

    .services .item.service-card-v1 {
        max-height: initial;
        height: initial;
        margin-bottom: 8px;
        background: #fff;
    }

    .cart-item {
        border-radius: 8px;
        border: 1px solid #EAEAEA;
        background: #FFF;
        padding: 16px;
    }

    .cart-item .service-name {
        line-height: 1;
        color: #181818;
        font-size: 14px;
    }

    .cart-services .count {
        margin: 0 12px;
    }

    .cart-item .price {
        justify-content: flex-end;
    }

    .cart-item .inner-text {
        color: rgba(24, 24, 24, 0.60);
        font-size: 12px;
    }

    .nav-v2 .col-md-6 {
        order: 1;
    }

    .links-v2 .nav-item.active:after {
        bottom: -7px;
    }

    .address-v2 {
        font-size: 7px;
    }

    .service-details .default-service-image {
        height: 200px;
        margin-bottom: 24px;
    }

    .service-details, .relatedServices {
        margin-bottom: 0 !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
        padding-bottom: 36px !important;
    }

    .services .item.service-card-v1 .price .price-v2 .bold {
        /*display: flex;*/
        /*flex-direction: column;*/
        /*justify-content: flex-end;*/
        /*align-items: flex-end;*/
        line-height: 1.4;
    }

    .start-from-text {
        font-size: 12px;
    }

    .service-details .actions .btn:not(.btn.add-to-fav-btn) {
        margin: 0 !important;
    }

    .mobile-carousel-services a.service {
        position: relative;
        display: inline-block;
        height: 100%;
    }

    .mobile-carousel-services a.service .title {
        height: 29px;
        border-radius: 0px 0px 8px 8px;
        background: #676767;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .mobile-carousel-services .owl-carousel .owl-item img {
        border-radius: 8px 8px 0px 0px;
    }

    .service-level .image-wrapper {
        height: initial;
        margin: 0;
    }

    .service-level .image-wrapper img {
        height: initial;
        width: initial;
        margin: 0;
    }

    .service-level .price {
        margin-bottom: 0;
    }

    .service-level .image-wrapper {
        height: initial;
        margin: 0;
    }

    .service-level .image-wrapper img {
        height: initial;
        width: initial;
        margin: 0;
    }

    .service-level .price {
        margin-bottom: 0;
    }

    .offers img {
        height: 155px;
    }

    section.mobile-select-address {
        padding-top: 0 !important;
        margin-top: 12px;
        margin-bottom: 12px !important;
    }

    .mobile-nav {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 100%;
        min-height: 80px;
        background: #FFFFFF;
        display: flex;
        align-items: center;
        justify-content: space-around;
        padding: 12px 15px;
        z-index: 4;
        border-radius: 12px 12px 0px 0px;
        box-shadow: 0px -4px 7px 0px rgba(0, 0, 0, 0.07);
    }

    .mobile-nav a {
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        line-height: 20px;
        color: #676767;
        text-align: center;
        font-feature-settings: 'clig'off, 'liga'off;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
    }

    .mobile-nav svg {
        margin-bottom: 4px;
    }

    .mobile-nav a.active {
        color: #050505;
        text-align: center;
        font-feature-settings: 'clig'off, 'liga'off;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
    }

    .mobile-nav a.active svg path {
        fill: #B58E40;
    }

    .fav-share-icons svg.heart {
        margin-left: 12px;
    }

    svg.back {
        width: 16px;
        height: 16px;
    }

    .header-5 .page-title {
        color: #000;
        text-align: right;
        font-feature-settings: 'clig'off, 'liga'off;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 24px;
        /* 150% */
    }

    .profile-data {
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 26px;
    }

    .profile-pages {
        padding: 0 8px;
    }

    .profile-pages .col-4 {
        padding-right: 8px;
        padding-left: 8px;
    }

    .profile .content .item.wallet-item-v2 {
        padding: 12px;
        min-height: initial;
    }

    section.wallet-page.profile, .profile.fav {
        padding: 0 !important;
    }

    #walletContainer {
        background: #F5F5F5;
        box-shadow: 0px 1px 16px 0px rgba(0, 0, 0, 0.06) inset;
        margin-bottom: 0.5em;
    }

    .profile.wallet-page .col-md-9 {
        padding: 0;
    }

    .profile.wallet-page .balance-card {
        padding: 0 16px;
    }

    #walletContainer {
        padding: 16px;
    }

    .no-data {
        margin-top: 0;
    }

    .profile .no-data {
        height: 71vh;
    }

    .profile.fav, #favouritesContainer {
        background: #F5F5F5 !important;
    }

    section.profile.fav {
        margin-bottom: 0 !important;
    }

    .profile.fav .category-details.services {
        background: #fff;
        padding-top: 0 !important;
    }

    .profile.fav .services .item.service-card-v1 {
        margin-top: 0 !important;
    }

    .auth-v2 .contact-us-form-wrapper {
        position: relative;
        margin-top: 0;
        padding-top: 0;
        /* background: linear-gradient(1deg, #000 0.55%, #000 48%, rgba(0, 0, 0, 0.73) 71.34%, rgba(0, 0, 0, 0.00) 101%); */
        box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
        border: none;
        top: initial;
        margin-top: auto;
        display: flex;
        flex-direction: column;
        margin-top: auto;
        min-height: 100dvh;
        justify-content: end;
        padding-bottom: 12px;
    }

    .auth-v2 .form-wrapper {
        border: none;
        background: transparent;
    }

    .auth-v2.auth-cover .cover {
        position: absolute;
        top: 0;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

    .auth-v2.auth-cover .logo {
        position: initial;
        top: initial;
    }

    .auth-v2 .form-wrapper {
        width: 100%;
        padding: 90px 0 0;
    }

    .auth-v2 .form-wrapper.max-width-590 {
        max-width: initial;
    }

    .auth-v2 label.form-label {
        color: #FFF;
        text-align: right;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        /* 166.667% */
    }

    .auth-v2 #useWalletModal input, .auth-v2 .auth-form input {
        border-radius: 8px;
        border: 1px solid rgba(208, 208, 208, 0.20);
        background: rgba(255, 255, 255, 0.15);
        color: #A8A8A8;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        /* 142.857% */
    }


    .auth-v2 .btn.btn-black.dusk-login-btn {
        border-radius: 8px;
        background: #FFF;
        color: #000;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        /* 142.857% */
        letter-spacing: 0.1px;
        margin-bottom: 12px;
    }

    .auth-v2 .btn-guest {
        background-color: #000 !important;
        border-color: #000 !important;
        color: #fff !important;
    }

    .auth-v2 .btn-guest.btn.btn-white {
        border-radius: 8px;
        border: 1px solid #F3F3F3;
        color: #FFF;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        /* 142.857% */
        letter-spacing: 0.1px;
    }

    .auth-v2 .btn-guest.btn.btn-white {
        margin-bottom: 16px;
    }

    .auth-v2 .rights {
        color: rgba(255, 255, 255, 0.60);
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        /* 166.667% */
    }

    .auth-v2 .rights .rights-link {
        color: #FFF;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        /* 166.667% */
    }

    .form-title {
        color: #FFF;
        font-size: 24px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        /* 83.333% */
        margin-bottom: 40px;
        text-align: center;
    }

    .verification-form .auth-form {
        border-radius: 12px 12px 0 0;
    }

    section.mobile-category-details, .cover-category-title-transparent-wrapper {
        padding: 0 8px !important;
    }

    .profile-links .link.changeLangSettingsBtn {
        height: initial;
        padding: 12px;
    }

    .link.changeLangSettingsBtn .title {
        color: #000;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        /* 142.857% */
        margin-bottom: 4px;
    }

    .profile-links .link svg {
        margin-left: 1em;
    }

    .link.changeLangSettingsBtn .currentLang {
        color: rgba(0, 0, 0, 0.6);
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        /* 166.667% */
    }

    #changeLangModal .lang {
        flex: 1;
        margin: 0 5px;
    }

    #changeLangModal .lang label {
        height: 158px;
        width: 100%;
        padding: 12px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        background: #F3F3F3;
        border: 1px solid #F3F3F3;
        color: #000;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        /* 142.857% */
    }

    #changeLangModal .lang svg {
        margin-bottom: 20px;
    }

    #changeLangModal .modal-content {
        border-radius: 12px 12px 0px 0px;
    }

    #changeLangModal .btn {
        border-radius: 8px;
        background: #000;
        color: #FFF;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        /* 142.857% */
        letter-spacing: 0.1px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    #changeLangModal .btn-check:checked+label {
        border: 1px solid #B58E40;
        background: #FCFAF6;
    }

    #changeLangModal .lang label.active {
        border: 1px solid #B58E40;
        background: #FCFAF6;
    }

    .cart-address {
        display: flex !important;
    }

    section.cart-address {
        display: block !important;
    }

    .cart-page {
        padding: 0 !important;
    }

    .cart-address-card {
        margin: 0;
    }

    .cart-address-card-wrapper {
        padding: 8px 16px 16px;
        background: #fff;
    }

    .cart-page .col-md-8, .cart-page .col-md-4 {
        padding: 0;
    }

    .cart-items textarea {
        display: none;
    }

    .cart-page .items {
        padding: 16px;
    }

    .cart-items .item .service-image {
        width: 52px;
        height: 52px;
        margin-left: 10px;
    }

    .cart-items .item .counter {
        background: transparent;
        border: none;
        padding: 0;
        width: initial;
        height: initial;
        margin-bottom: 8px;
    }

    .counter .dec, .counter .dec-gift, .counter .decrease, .counter .inc, .counter .inc-gift, .counter .increase {
        width: 24px;
        height: 24px;
        padding: 5px;
        border-radius: 4px;
        background: #F6F6F6;
    }

    .counter .number {
        margin: 0 12px;
    }

    .cart-items .item {
        padding: 16px;
        padding: 10px;
    }

    .cart-items .item .price {
        margin-bottom: 0;
    }

    .cart-items .btn.btn-add-more-items {
        color: #000;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        /* 142.857% */
        letter-spacing: 0.1px;
        border-radius: 8px;
        border: 1px solid #000;
        background: #FFF;
        padding: 12px 20px;
        margin-top: 6px;
    }

    .wallet-sub-text .number {
        color: #B58E40;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
    }

    .wallet-sub-text .currency {
        color: #B58E40;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
    }

    .btn-coupon-payment {
        padding: 2px;
    }

    .btn-coupon-payment svg {
        margin: 0;
    }

    .gift-message label {
        color: #000;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 20px;
        /* 166.667% */
        margin-bottom: 8px;
    }

    .gift-message .form-control {
        border-radius: 8px;
        border: 1px solid #EAEAEA;
        background: #FCFAF6;
    }

    .payment-btns {
        border-radius: 12px 12px 0px 0px;
        background: #FFF;
        box-shadow: 0px 4px 14px 10px rgba(0, 0, 0, 0.05);
    }

    .receipt-details {
        border-radius: 0;
        min-height: initial;
    }

    .totals {
        position: fixed;
        bottom: 52px;
        width: 100%;
        left: 0;
        right: 0;
        padding: 0;
        background: #f8f6f5;
        box-shadow: 0 3px 16px rgba(23, 0, 9, .1215686275);
        border-top: 1px solid rgba(23, 0, 9, .1215686275);
        z-index: 2;
    }

    .open-totals .price {
        margin-bottom: 0;
    }

    .open-totals .price .value {
        color: #FFF;
        font-size: 20px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        /* 100% */
    }

    .open-totals .price .currency {
        color: #FFF;
        font-size: 10px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        /* 200% */
    }

    .open-totals {
        padding: 12px 21px 30px;
        border-radius: 12px 12px 0px 0px;
        background: #000;
        box-shadow: 0px 4px 14px 10px rgba(0, 0, 0, 0.05);
        color: #FFF;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        /* 166.667% */

    }

    .totals .totals-rows {
        /* display: none; */
        padding: 12px;
    }

    .totals .totals-rows.opened {
        display: block;
    }

    .open-totals-title {
        display: flex;
        gap: 6px;
        align-items: center;
    }

    .open-totals.opened {
        padding: 20px 21px;
    }

    .modal.select-address .modal-content {
        position: relative !important;
        bottom: initial !important;
        max-height: initial !important;
    }

    .modal.select-address .modal-dialog {
        height: 100% !important;
        margin: 0 !important;
    }

    .modal.select-address .modal-content {
        height: 100% !important;
        border-radius: 0 !important;
    }

    .modal.select-address .modal-header .newAddress {
        display: none;
    }

    .modal.select-address .modal-body {
        max-height: initial !important;
        padding: 1em 0 !important;
    }

    .modal.select-address .addresses {
        max-height: calc(100vh - (220px));
    }

    .modal.select-address .mobile-scroll-padding {
        padding: 0 16px;
    }

    .modal.select-address .no-data-svg-wrapper {
        background: #F5F5F5;
    }

    #selectAddressModal .no-data .text {
        margin: 0 0 16px !important;
    }

    #selectAddressModal .no-data .newAddress {
        border-radius: 8px;
        background: #000;
        max-width: 157px;
        padding: 12px 18px;
        color: #FFF;
        text-align: center;
        font-size: 14px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        /* 142.857% */
        letter-spacing: 0.1px;
    }

    .address-form-modal .modal-content {
        position: relative !important;
        max-height: initial !important;
        height: 100% !important;
    }

    .address-form-modal .modal-body {
        max-height: initial !important;
        padding: 0 !important;
    }

    .service-card-v1 .text {
        min-height: 95px;
    }

    .address-form-modal .map-wrapper {
        flex: 1;
        padding: 0;
        margin-bottom: 0;
    }

    .select-address .input-wrapper svg {
        min-width: 15px;
    }

    .remove-address-btn:not(#addressCartsDiv .remove-address-btn) {
        display: none !important;
    }

    .address-form-modal .addressForm {
        padding-top: 24px;
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }

    .address-form-modal .inputs {
        padding: 21px;
    }

    .select-address .select-address-list, .select-address .modal-body {
        height: 100%;
    }

    .address-form-modal .addressForm .mb-0 {
        flex-grow: 1;
    }

    .address-form-modal .map-wrapper {
        height: 100%;
    }

    .address-form-modal .address-form-google-map {
        min-height: 344px;
        height: 100% !important;
    }

    .modal.select-address .addresses {
        padding-left: 16px;
        padding-right: 16px;
    }

    .wallet-payment, .coupon-payment, .cashback-payment {
        padding: 12px 6px;
    }

    .use-wallet .wallet-pay-title {
        margin-bottom: 0;
    }

    .payment-btns .btn {
        background: #fff;
        color: #000;
        border: 1px solid #000;
    }

    .hideOnMobile {
        display: none !important;
    }

    .select-address-list .text {
        max-width: 200px;
    }

    .map-loading {
        min-height: 344px;
        height: 100% !important;
    }

    .dotted-cart-edit {
        margin-top: 12px;
        border-top: 1px dotted #EAEAEA;
        padding-top: 12px;
        color: #676767;
        font-size: 12px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
    }

    .dotted-cart-edit .date {
        display: flex;
        align-items: center;
        gap: 12px;
    }

    .cart-items .item .dotted-cart-edit .btn-open-add-to-cart.btn-open-add-to-cart {
        margin: 0;
    }

    .cart-items .item .price .new .value {
        color: #000;
        font-size: 16px;
        font-style: normal;
        font-weight: 700;
        line-height: 20px;
        letter-spacing: 0.1px;
    }

    .ellipsis-address {
        width: 60%;
    }

    .offer-v2 img {
        margin-bottom: 24px;
    }

    .offer-v2 a.btn-send-gift {
        z-index: 9;
        position: fixed;
        width: 100%;
        max-width: 87%;
        margin: 0 auto;
        left: 0;
        right: 0;
        bottom: 10px;
    }

    .offer-v2 .price {
        flex-direction: column;
        align-items: initial;
    }

    .offer-v2 .price .currency {
        font-size: 14px;
    }
}

@media (max-width: 767px) {
    .nav-v2 .links {
        display: none !important;
    }

    header {
        height: initial;
        display: flex;
        justify-content: space-between;
        align-items: center;
        border-radius: 0 0 16px 16px;
        background: #fff;
        position: fixed;
        z-index: 3;
    }
}

@media (min-width: 768px) and (max-width: 768px) {
    .content-wrapper {
        padding-top: 0;
    }
}