body {
            background-color: #e5efe9;
            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
        }
        .profile-card {
            border-radius: 0.75rem;
        }
        .profile-photo {
            width: 120px;
            height: 120px;
            object-fit: cover;
            border-radius: 50%;
        }
        .rating .bi-star-fill {
            color: #fbbf24; /* Bootstrap yellow */
        }
        .tag-badge {
            background-color: #d1fae5;
            color: #065f46;
            font-weight: 600;
            margin-right: 0.5rem;
            border-radius: 50rem;
            padding: 0.35em 0.9em;
            font-size: 0.85rem;
            user-select: none;
        }
        .price {
            color: #059669;
            font-weight: 700;
            font-size: 1.75rem;
        }
        .price small {
            font-weight: 400;
            font-size: 1rem;
            color: #111827;
        }
        .availability-time {
            background-color: #f3f6f1;
            border-radius: 0.5rem;
            padding: 0.25rem 0.75rem;
            margin-bottom: 0.4rem;
            user-select: none;
            font-weight: 600;
            color: #374151;
        }
        /* Smaller icon size in details */
        .profile-details .bi {
            font-size: 1rem;
            color: #10b981;
            margin-right: 6px;
        }
        /* Back-to link styling */
        .back-link {
            display: inline-flex;
            align-items: center;
            color: #10b981;
            font-weight: 600;
            margin-bottom: 1.5rem;
            text-decoration: none;
            font-size: 1rem;
            user-select: none;
        }
        .back-link .bi-arrow-left {
            font-size: 1.2rem;
            margin-right: 0.4rem;
        }
        /* Buttons full width inside card with vertical spacing */
        .btn-block {
            width: 100%;
        }

         .video-container {
          position: relative;
          width: 100%;
          height: 500px;
          border: 2px dashed #d3d3d3;
          border-radius: 1rem;
          background-color: #f8f9fa;
          overflow: hidden;
          display: flex;
          justify-content: center;
          align-items: center;
        }

      .video-container video {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }

      .hidden {
        display: none;
    }

    #modal-overlay {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: rgba(0,0,0,0.5);
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .modal-content {
        background-color: #fff;
        padding: 20px;
        border-radius: 8px;
        width: 400px;
        max-width: 90%;
    }

    .time-slot-btn {
        border: 1px solid #007bff;
        background-color: #fff;
        color: #007bff;
        padding: 8px 16px;
        border-radius: 4px;
        cursor: pointer;
        transition: background-color 0.3s, color 0.3s;
    }
    .time-slot-btn:hover {
        background-color: #007bff;
        color: #fff;
    }
    .time-slot-btn.btn-primary {
        background-color: #007bff;
        color: #fff;
        border-color: #007bff;
    }
    .time-slot-btn.btn-outline-primary {
        background-color: #fff;
        color: #007bff;
        border-color: #007bff;
    }
    #avalibel{
        width: calc(92%/3);
    }
    #modal-cancel:hover{
        background-color: #aaa1a1;
    }
    p{
        margin: 0;
    }