@media (max-width: 1024px) {
    .service-card .card-title {
        font-size: 14px;
        font-family: 'FSAlbertTrial-Regular' !important;
    }
}

@media (max-width: 991px) {
    .services-list-div {
        width: 50% !important;
        max-width: 50% !important;
        flex: 100%;
    }

    .service-card .card-title {
        font-size: 15px;
        font-family: 'FSAlbertTrial-Regular' !important;
    }
}

@media (max-width: 767px) {
    .custom-container {
        width: 390px;
        margin: 0 auto;
        max-width: 390px;
    }

    .all-service-list .service-card .arrow-button img {
        width: 10px;
        height: auto;
    }

    .service-card img {
        width: auto;
        height: 100%;
        object-fit: cover;
        border-radius: 15px;
    }

    .all-service-list .service-card img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 15px;
    }

    .all-service-list .service-img-card {
        height: 140px;
        margin-top: 0px;
    }

    .service-img-card {
        height: 125px;
        margin-top: 15px;
    }

    .service-img-content {
        height: 72px;
    }


    .services-list-div {
        width: 100% !important;
        max-width: 100% !important;
        flex: 100%;
        padding: 0px;
    }

    .sub-service-title h5 {
        font-size: 1rem;
        font-family: 'FSAlbertTrial-Regular' !important;
    }
}

@media (max-width: 767.98px) {
    .child-service-card {
        flex-wrap: nowrap;
        text-align: left;
        justify-content: space-between;
    }

        .child-service-card h5 {
            font-size: 1rem;
            font-family: 'FSAlbertTrial-Regular' !important;
        }

        .child-service-card p {
            margin: 0 10px;
        }

        .child-service-card .add-to-cart,
        .child-service-card .quantity-control {
            padding: 5px 10px;
        }

    .total-container h4 {
        font-size: 1.2rem;
        font-family: 'FSAlbertTrial-Regular' !important;
    }

    .confirm-purchase-btn {
        padding: 5px 15px;
    }
}

@media (max-width: 767.98px) {
    .sub-service-card img {
        height: 100%;
    }

    .sub-service-details h5 {
        font-size: 1rem;
        font-family: 'FSAlbertTrial-Regular' !important;
    }
}

@media (max-width: 767.98px) {
    .card img {
    }

    .card-title {
        margin-bottom: 0;
        /* Remove bottom margin for better alignment */
    }
}

@media (max-width: 576px) {
    .service-details-card .service-item h6 {
        width: 180px;
    }
    .service-name p, .service-details p {
        font-size: 15px;
        font-weight: bold font-family: 'FSAlbertTrial-Regular' !important;
    }
    .child-service-total-form .confirm-purchase-btn {
        margin-top: 20px;
    }

    .sub-service-list-outer .child-service-card h5 {
        font-size: 15px;
        font-family: 'FSAlbertTrial-Regular' !important;
    }

    .services-list-div {
        width: 390px !important;
        max-width: 390px !important;
        flex: 390px;
        margin: 0 auto;
    }
}

@media (max-width: 320px) {
    .navbar {
        padding: 0.2rem;
        /* Reduce navbar padding */
        color: #000;
    }

    .back-button {
        font-size: 1.2rem;
        /* Reduce the size of the back button */
        font-family: 'FSAlbertTrial-Regular' !important;
    }

    .location-selector {
        font-size: 0.9rem;
        /* Reduce font size of location button */
        margin-left: 1px;
        /* Reduce margin */
        margin-right: 1px;
        /* Reduce margin */
        padding: 0.1rem 0.1rem;
        /* Reduce padding */
        color: #000;
        /* Ensure the text color is black */
        display: flex;
        align-items: center;
        font-family: 'FSAlbertTrial-Regular' !important;
    }

    .header-icons .btn-link {
        font-size: 1rem;
        /* Reduce font size of icons */
        padding: 0.25rem;
        /* Reduce padding */
        font-family: 'FSAlbertTrial-Regular' !important;
    }

    .header-icons .badge {
        font-size: 0.8rem;
        /* Reduce badge size */
        padding: 0.2rem 0.4rem;
        /* Adjust padding for the badge */
        font-family: 'FSAlbertTrial-Regular' !important;
    }
}

@media (max-width: 576px) {
    .service-details .price-div .price-label {
        color: var(--color-text-secondary, #4D4D4D); /* Text color with a fallback */
        font-size: 15px;
        font-style: normal;
        font-weight: bold;
        line-height: 22px;
        font-family: 'FSAlbertTrial-Regular' !important;
    }
    .confirm-reservation-text {
        font-size: 26px;
        line-height: 32px;
        font-family: 'FSAlbertTrial-Regular' !important;
    }

    #parent-service-name {
        font-size: 26px;
        line-height: 32px;
        font-family: 'FSAlbertTrial-Regular' !important;
        margin-top: 3px !important;
    }

    .sub-service-list-outer .child-service-card h5 {
        width: 46%;
    }



    .order-confirmation-card h1 {
        font-size: 1.5rem;
        font-family: 'FSAlbertTrial-Regular' !important;
    }

    .order-confirmation-card h4 {
        font-size: 1.2rem;
        font-family: 'FSAlbertTrial-Regular' !important;
    }

    .service-details-card .service-item h5 {
        font-size: 1rem;
        font-style: normal;
        font-family: 'FSAlbertTrial-Regular' !important;
    }

    .home-button {
        padding: 10px 30px;
        font-size: 1rem;
        font-family: 'FSAlbertTrial-Regular' !important;
    }
}


@media (max-width: 390px) {
    .custom-container {
        width: 100%;
        margin: 0 auto;
        padding:0px;
    }

    .custom-nav {
        padding-right: 15px;
        padding-left: 15px;
    }
}

.status-right {
    float: right; /* Align the status text to the right */
}