.bookingCard{display:flex;overflow:hidden;border-radius:12px;background-color:#f5f9ff;border:1.5px solid #dbecf0!important;transition:background-color .3s ease,border-color .3s ease}@media(max-width:1024px){.bookingCard{width:100%}}.bookingCard:hover{background-color:#fff;cursor:pointer;border:1px solid #124c59!important}.bookingCard .pending-section{display:flex;gap:4px;font-size:16px;background:#0c343d;justify-content:center;align-items:center;color:#fff;padding:5px 10px;border-radius:16px}.bookingCard .status-section .attended{background:#abcf6f}.bookingCard .status-section .attended,.bookingCard .status-section .canceled{width:-moz-max-content;width:max-content;height:34px;border-radius:100px;padding:0 12px;color:#fff;display:flex;align-items:center;gap:6px;font-size:14px;position:relative;border:1.62px solid;border-image-source:linear-gradient(156.52deg,rgba(255,255,255,.25) 2.12%,rgba(255,255,255,.02) 57.18%,rgba(255,255,255,.02) 65.84%,rgba(255,255,255,.1) 93.02%)}.bookingCard .status-section .canceled{background:#d56c6c}.bookingCard .status-section .confirmed{background:#c2d457;padding:0 12px}.bookingCard .status-section .confirmed,.bookingCard .status-section .refund{width:-moz-max-content;width:max-content;height:34px;border-radius:100px;color:#fff;display:flex;align-items:center;gap:6px;font-size:14px;position:relative;border:1.62px solid;border-image-source:linear-gradient(156.52deg,rgba(255,255,255,.25) 2.12%,rgba(255,255,255,.02) 57.18%,rgba(255,255,255,.02) 65.84%,rgba(255,255,255,.1) 93.02%)}.bookingCard .status-section .refund{background:#2389ce;padding:8px 12px 8px 8px}.bookingCard .status-section .pending{width:-moz-max-content;width:max-content;height:34px;background:#0c343d;border-radius:100px;padding:0 12px;color:#fff;display:flex;align-items:center;gap:6px;font-size:14px;position:relative;border:1.62px solid;border-image-source:linear-gradient(156.52deg,rgba(255,255,255,.25) 2.12%,rgba(255,255,255,.02) 57.18%,rgba(255,255,255,.02) 65.84%,rgba(255,255,255,.1) 93.02%)}.bookingCard .content{flex:1;padding:20px 24px}@media(max-width:1024px){.bookingCard .content{padding:16px}}.bookingCard .content .header{display:flex;justify-content:space-between;margin-bottom:20px}.bookingCard .content .header .booking-title{font-size:16px;font-weight:600;line-height:22px;color:#000b19}.bookingCard .content .header .services{margin-top:8px;font-size:14px;font-weight:400;line-height:17px;color:#878e97}.bookingCard .content .details{display:flex;gap:15px;margin-top:16px}.bookingCard .content .details .divider{height:full;border-left:2px solid #dbecf0}.bookingCard .content .details .info{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.bookingCard .content .details .info .address,.bookingCard .content .details .info .date,.bookingCard .content .details .info .instructor,.bookingCard .content .details .info .service{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:500;color:#000b19}.bookingCard .imageWrapper{position:relative;height:full;width:221px;flex-shrink:0;overflow:hidden;border-top-right-radius:8px;border-bottom-right-radius:8px}@media(max-width:1024px){.bookingCard .imageWrapper{border-bottom-right-radius:0;width:100%!important}}@media(max-width:1023px){.bookingCard{flex-direction:column}.content{order:2}.imageWrapper{width:100%;height:228px}.booking-title,.info p{font-size:.875rem}}.review-button{padding:10px 16px;border-radius:20px;background:linear-gradient(266.66deg,#5cb170 -7.81%,#d6de6d 118.14%);color:#fff;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:all .3s;white-space:nowrap;width:-moz-fit-content;width:fit-content}@media(max-width:1024px){.review-button{padding:8px 12px;margin-top:8px}}.review-button:hover{background:#0c343d;color:#fff}