/* Front CSS */
.mnc-modal-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:99998;}
.mnc-modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;z-index:99999;}
.mnc-hidden{display:none!important;}
button.mnc-open{cursor:pointer;}
.mnc-disabled{opacity:.45;pointer-events:none;filter:grayscale(.2);}
body .mnc-modal *{font-family:'Inter',sans-serif;}
    .nutrition{color: #d10073!important;
         font-family: 'Poppins' !important;
    }
    .selected {
      background-color: #d10073 !important;
      color: white !important;
      border-color: #d10073 !important;
      box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1),
                  0 2px 4px -2px rgb(0 0 0 / 0.1);
    }
    .book_consultation{
        background-color: #d10073 !important;
    }
    .form-input {
      width: 100%;
      border: 1px solid #1e293b;
      border-radius: 0.5rem;
      padding: 5px 5px!important;
      transition: border-color 0.2s, box-shadow 0.2s;
      color: #1e293b;
    }
    .form-input:focus {
      outline: none;
      border-color: #1e293b;
      box-shadow: none;
    }
    .form-input::placeholder {
      color: #94a3b8;
    }
    .date-slot,
    .time-slot {
      padding: 4px!important;
      border: 1px solid #d10073;
      border-radius: 0.5rem;
      text-align: center;
      font-weight: 500;
      color: #334155;
      cursor: pointer;
      transition: all 0.2s ease-in-out;
      user-select: none;
    }
    .date-slot:hover,
    .time-slot:hover {
      background-color: #d10073;
      border-color: #d10073;
      color: #FFFFFF;
    }
    .closebutton{
          border-radius: 30px;
    border: 1px solid #d10073;
    background: #d10073;
    color: #f1f5f9!important;
    }
    .form-input::placeholder {
       color: #94a3b8;
       font-size: 12px;
       align-items: center;
    }
    .booking{
        color: #d10073!important;
    }
    .close{
        background: #d10073!important;
    }
    .book_consultation:focus {
        outline: none!important;
        box-shadow: #d10073!important;
        border:none!important;
    }
    .pick_date{
          color: #000 !important;
       }
    .name{
            color: #000 !important;
       }
    .dayofmonth{
           font-size: 11px;
       }
.bg-white{
	background:#fff8fa!important;
}
    @media (max-width: 640px) {
        .placeholder-sm::placeholder {
         font-size: 10px; /* text-xs */
        }
        .nutrition{
            font-size: 20px;
            line-height: 20px;
        }
        .date-slot,
      .time-slot {
        padding: 2px!important;
        font-size: 13px;
       }
       .dayofmonth{
           font-size: 8px;
       }
       .pick_date{
          font-size: 14px!important;
          line-height: 10px!important;
          color: #000 !important;
       }
       .name{
            font-size: 12px!important;
       }
       .book_consultation{
            font-size: 12px;
            padding: 10px;
       }
    }