.appointment-box{box-shadow:var(--box-shadow);background:#fff;border-radius:15px;overflow:hidden}.date-tabs-wrapper{background:#f4f4f4;position:relative;overflow:hidden}.appointment-dates{scrollbar-width:none;-ms-overflow-style:none;background:#f4f4f4;padding-right:55px;display:flex;overflow-x:auto}.appointment-dates::-webkit-scrollbar{display:none}.date-tab{background:0 0;border:0;flex-shrink:0;min-width:100px;padding:13px 10px;position:relative}.date-tab:before{content:"";inset-inline-end:0;background:linear-gradient(#1110 0%,#111 50%,#1110 100%);width:1px;height:20px;position:absolute;top:50%;transform:translateY(-50%)}.date-tab.active{color:var(--color-primary)}.date-tab.active:after{content:"";inset-inline-start:0;background:var(--color-primary);width:100%;height:3px;position:absolute;bottom:0}.date-tab-label{color:#000;font-size:16px}.date-tab.active .date-tab-label{color:var(--color-primary);font-weight:600}.date-tab:disabled{cursor:not-allowed;opacity:.45}.green-text{color:#00b873}.red-text{color:red}.date-arrow-btn{inset-inline-end:8px;z-index:2;background:0 0;border:0;position:absolute;top:50%;transform:translateY(-50%)}.appointment-content{padding:20px 23px}.appointment-box .radio-row{cursor:pointer;align-items:center;gap:8px;margin-bottom:13px;display:flex}.appointment-box .radio-row input{display:none}.appointment-box .custom-radio{border:1px solid #999;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:15px;height:15px;display:flex;position:relative}.appointment-box .radio-row input:checked+.custom-radio{border-color:var(--color-primary)}.appointment-box .radio-row input:checked+.custom-radio:after{content:"";background:var(--color-primary);border-radius:50%;width:7px;height:7px;position:absolute}.appointment-box .radio-row input:checked+.custom-radio+.hospital-name,.appointment-box .radio-row input:checked+.custom-radio+.type-name{color:var(--color-primary);font-weight:600}.appointment_slot{padding-inline-start:12px}.hospital-info{font-size:12px;font-weight:300}.slot-count-loader{gap:1px;min-width:18px;line-height:1;display:inline-flex}.slot-count-loader span{animation:.9s ease-in-out infinite slot-count-dot}.slot-count-loader span:nth-child(2){animation-delay:.15s}.slot-count-loader span:nth-child(3){animation-delay:.3s}@keyframes slot-count-dot{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-2px)}}.slot-types{flex-wrap:wrap;gap:18px;margin-bottom:5px;display:flex}.time-card{background:#f3f3f3;border:0;border-radius:8px;width:100%;height:64px;font-size:14px;font-weight:500;transition:all .3s}.time-card span{margin-top:3px;font-weight:300;display:block}.time-card.active{background:var(--color-primary);color:#fff}.time-card.red-time{color:red}.time-card.active.red-time{color:#fff}.time-card:disabled,.time-card.red-time{cursor:not-allowed;opacity:.6}.appointment-box .app-btn .app-btn_content{justify-content:center;align-items:center;width:100%;display:flex}.appointment-dates{padding-left:25px;padding-right:35px}.date-arrow-btn.left{inset-inline:8px auto}.date-arrow-btn.right{inset-inline-end:8px}.date-arrow-btn.left svg{transform:rotate(180deg)}@media (max-width:767px){.hospital-list .radio-row{flex-direction:column;align-items:start}}@media (max-width:575px){.appointment-content{padding:16px}.hospital-info{display:block}.slot-types{gap:12px}}