.time-section .time-sub-section{border-radius:10px;background:#f9f9f9;padding:10px;margin:15px 0;text-align:left}.time-section .time-sub-section h6{color:#000;font-family:Work Sans;font-style:normal;font-size:18px;font-weight:500;line-height:140%}.time-section .time-sub-section .time-tiles button{border-radius:10px;border:1px solid #1658f7;background:none;color:#1658f7;font-family:Work Sans;font-size:16px;font-style:normal;font-weight:500;line-height:150%;padding:8px 10px;width:120px}@media(max-width:576px){.time-section .time-sub-section .time-tiles button{width:100%;padding:6px 0}}@media(max-width:320px){.time-section .time-sub-section .time-tiles button{font-size:14px}}.time-section .time-sub-section .time-tiles button:disabled{border:1px solid #797979;color:#797979}.time-section .time-sub-section .time-tiles button.active{color:#fff;background-color:#0bc9c3;border:none}.no-data-time{font-size:18px;font-family:Work Sans;font-weight:600;text-align:center}.time-div-section{overflow-y:scroll;height:calc(100vh - 162px);position:relative;overflow-x:hidden;scrollbar-width:none}.time-div-section.extra-top-div{top:8rem}.time-div-section::-webkit-scrollbar{display:none}.time-slot-content{display:flex;align-items:center;justify-content:space-between;border:1px solid #ccc;border-radius:8px;margin:12px 0}.time-slot-content p{font-family:Inter;font-size:15px;font-style:normal;font-weight:500;line-height:150%;margin:0}.selected{border:2px solid #1658f7}.top-header{position:fixed;width:100%;top:0;background:#fff;left:0;z-index:1111;padding:10px}.calenderWrapper{position:-webkit-sticky;position:sticky;top:0;background:#fff;z-index:11;padding-bottom:25px}.wrappertimeslotcontent{padding-bottom:60px}@media(max-width:576px){.wrappertimeslotcontent{padding-bottom:110px}}.CustomeHeightTimeSection .time-div-section{overflow-y:hidden;height:unset;position:relative;padding-bottom:0}.CustomeHeightTimeSection .CustomeTimeSlotHeight{padding-bottom:0}.CustomeHeightTimeSection .CustomeTimeSlotHeight .time-slot-content label{margin:0!important}.CustomeHeightTimeSection .CustomeTimeSlotHeight div#scrollableDiv{height:100%}.main-clinic-mobile-container .top-header{position:relative;padding:0}.main-clinic-mobile-container .date-time-main-div{width:100%}.main-clinic-mobile-container .time-div-section.extra-top-div{position:unset!important}.main-clinic-mobile-container .CustomeHeightTimeSection .time-div-section{overflow-y:hidden;height:unset;position:relative;padding-bottom:0}.main-clinic-mobile-container .CustomeHeightTimeSection .CustomeTimeSlotHeight{padding-bottom:0}.main-clinic-mobile-container .CustomeHeightTimeSection .CustomeTimeSlotHeight .time-slot-content label{margin:0!important}.main-clinic-mobile-container .CustomeHeightTimeSection .CustomeTimeSlotHeight div#scrollableDiv{height:100%}@media(max-width:767px){.main-clinic-mobile-container .CustomeHeightTimeSection .CustomeTimeSlotHeight{padding-bottom:96px}}.calenderWrapper>div{width:100%!important}.date-listing-div .date-title{font-family:Inter;font-style:normal;font-weight:600;font-size:18px;line-height:23px;margin-bottom:20px;color:#212121}@media(max-width:576px){.date-listing-div .date-title{font-size:14px}}.date-listing-div .date-listing .sliderWidthSet{margin:0 auto}.date-listing-div .date-listing .date-div{background:#fff;border:1px solid #d9d9d9;border-radius:6px;display:flex!important;flex-direction:column;width:65px!important;margin:auto;padding:10px;cursor:pointer}@media(max-width:576px){.date-listing-div .date-listing .date-div{width:35px!important;margin:0 2px;padding:5px}}.date-listing-div .date-listing .date-div span{font-family:Inter;font-style:normal;font-weight:500;font-size:14px;line-height:20px;text-align:center;color:#000}@media(max-width:576px){.date-listing-div .date-listing .date-div span{font-size:12px}}.date-listing-div .date-listing .date-div.time-div{width:88px!important}.date-listing-div .date-listing .date-div.time-div span{font-size:15px}@media(max-width:576px){.date-listing-div .date-listing .date-div.time-div{font-size:12px}}.date-listing-div .date-listing .date-div.date-available{border-color:#2d2d2d}.date-listing-div .date-listing .date-div.active{background:#ecfffe;border:1px solid #1658f7;border-radius:6px}.date-listing-div .date-listing .date-div.active span{color:#1658f7}.date-listing-div .date-listing .date-div.disabled{background:#eef0f1;border:1px solid #d9d9d9;border-radius:6px;pointer-events:none}.date-listing-div .date-listing .date-div.disabled span{color:#000}.date-listing-div .date-listing .date-div.date-inactive{opacity:.8;position:relative;overflow:hidden}.date-listing-div .date-listing .date-div.date-inactive span{color:#252424}.date-listing-div .date-listing .date-div.date-inactive:before{content:"";position:absolute;top:0;right:0;width:141.4%;height:2px;background-color:#25242480;transform:rotate(-44deg);transform-origin:top right}@media(max-width:575px){.date-listing-div .date-listing .date-div.date-inactive:before{width:185.4%;height:2px;transform:rotate(-57deg)}}.prevButton{position:absolute;top:-75%;right:30px;color:#1658f7;background:none;border:none;font-family:Inter;font-style:normal;font-weight:500;font-size:14px;line-height:20px}.prevButton.slot{top:-100%}.prevButton.disabled{pointer-events:none;color:#000}.prevButton.disabled path{fill:#000}.nextButton{position:absolute;top:-72%;right:5px;color:#1658f7;background:none;border:none;font-family:Inter;font-style:normal;font-weight:500;font-size:14px;line-height:20px}.nextButton.slot{top:-100%}.nextButton.disabled{pointer-events:none;color:#eef0f1}.nextButton.disabled path{fill:#eef0f1}.time-slot-wrapper{gap:24px!important;min-height:100px}.time-slot-wrapper,.time-slot-wrapper .event-wrapper{display:flex;flex-direction:column;align-items:flex-start;align-self:stretch}.time-slot-wrapper .event-wrapper{gap:15px}.time-slot-wrapper .event-wrapper p{font-size:16px;font-weight:600;line-height:normal;color:#000;font-family:Inter;margin:0}.time-slot-wrapper .event-wrapper .events-slots{display:flex;align-items:flex-start;align-content:flex-start;gap:15px;align-self:stretch;flex-wrap:wrap}.time-slot-wrapper .event-wrapper .events-slots>div{display:flex;padding:6px 12px;justify-content:center;align-items:center;gap:6px;border-radius:1000px;background:#eef0f3;font-size:12px;font-weight:500;line-height:140%;color:#000;font-family:Inter;margin:0}@media(max-width:575px){.time-slot-wrapper .event-wrapper .events-slots{gap:6px}}.time-slot-empty-data{margin-top:80px}.time-slot-empty-data p{color:#2f2d2d!important}