.about_doctor_container_frame{z-index:2;background:var(--white);border-radius:20px;max-width:1045px;height:fit-content;padding:20px;overflow:hidden}.about_doctor_container{gap:40px;width:100%;height:fit-content;max-height:80dvh;display:flex;position:relative;overflow-y:auto}.about_doctor_container::-webkit-scrollbar{background:var(--white-10);border-radius:5px;width:4px;height:2px}.about_doctor_container::-webkit-scrollbar-thumb{background:var(--blue-30);border-radius:5px}.about_doctor_close_icon{top:0;right:10px}.about_doctor_details{flex-direction:column;gap:24px;width:37%;display:flex}.about_doctor_img{object-fit:cover;aspect-ratio:1;border-radius:16px;width:100%;max-width:340px}.about_doctor_name{letter-spacing:0;color:var(--blue-20);font-size:20px;font-weight:600;line-height:1.2}.about_doctor_profession{text-transform:uppercase;letter-spacing:6%;color:var(--gray-30);font-size:16px;font-weight:600;line-height:1.2}.about_doctor_work_hours{align-items:center;gap:26px;display:flex}.about_doctor_work_hour_container{align-items:center;gap:8px;display:flex}.about_doctor_work_hour_icon{flex-shrink:0;width:18px}.about_doctor_work_hour{letter-spacing:0;color:var(--blue-30);font-size:16px;font-weight:500;line-height:1}.about_doctor_statistics{border:1px solid var(--white-10);border-radius:16px;justify-content:space-between;align-items:center;padding:10px 15px;display:flex}.about_doctor_btn{background:var(--orange);letter-spacing:0;color:var(--white);border-radius:10px;padding:10px;font-size:14px;font-weight:600;line-height:1;box-shadow:0 2px 10px #632a1540}.about_doctor_personal_details{flex-direction:column;gap:24px;width:63%;display:flex}.about_doctor_personal_detail_container{flex-direction:column;gap:10px;display:flex}.about_doctor_personal_detail_title{letter-spacing:0;color:var(--blue-20);font-size:16px;font-weight:600;line-height:1}.about_doctor_personal_detail_desc{letter-spacing:0;color:var(--blue-20);font-size:14px;font-weight:400;line-height:1.2}.about_doctor_personal_detail_items{flex-direction:column;gap:4px;display:flex}@media (320px<=width<=768px){.about_doctor_container_frame{border-radius:16px;width:calc(100% - 20px);padding:0 0 20px}.about_doctor_container{flex-direction:column}.about_doctor_close_icon{top:16px;right:16px}.about_doctor_details{width:100%;padding-inline:16px}.about_doctor_img{width:calc(100% + 32px);max-width:calc(100% + 32px);margin-left:-16px}.about_doctor_name{font-size:16px}.about_doctor_profession{font-size:12px}.about_doctor_work_hours{gap:24px}.about_doctor_work_hour_icon{width:16px}.about_doctor_work_hour{font-size:14px}.about_doctor_personal_details{width:100%;padding-inline:16px}}
.doctor_stars_info,.doctor_stars_rated_msg{color:var(--black);gap:5px;font-size:15px;font-weight:400;display:flex}
.book_appointment_frame{background:var(--white);z-index:2;border-radius:16px;width:100%;max-width:563px;overflow:hidden}.book_appointment_container{flex-direction:column;height:fit-content;display:flex;position:relative}.book_appointment_header{border-bottom:2px solid var(--white-10);width:100%;padding:20px}.modal_title{letter-spacing:0;text-align:center;color:var(--black);font-size:18px;font-weight:500;line-height:1}.book_appointment_form{flex-direction:column;gap:24px;width:100%;padding:24px;display:flex}.book_appointment_form_row{flex-direction:column;gap:15px;width:100%;display:flex;position:relative}.book_appointment_form_row_label{letter-spacing:0;color:var(--blue-20);font-size:14px;font-weight:600;line-height:1}.book_appointment_form_row_inputs{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.book_appointment_form_inp_container{flex-direction:column;gap:4px;width:100%;min-width:0;display:flex}.book_appointment_form_inp{border:1px solid var(--white-10);background:var(--white);letter-spacing:0;color:var(--blue-20);border-radius:16px;width:100%;padding:15px;font-size:12px;font-weight:600;line-height:1}.book_appointment_form_inp::placeholder{color:var(--gray-30)}.book_appointment_form_dropdown_header{background:var(--white);border-radius:16px;justify-content:space-between;align-items:center;width:100%;padding:15px;display:flex;box-shadow:0 0 16px #bebebe33}.book_appointment_form_dropdown_header:hover{cursor:pointer}.book_appointment_form_dropdown_header_selected_item{letter-spacing:0;color:var(--gray-30);font-size:12px;font-weight:600;line-height:1.2}.book_appointment_form_dropdown_header_selected_item.active{color:var(--blue-20)}.book_appointment_form_dropdown_header_icon{width:12px}.book_appointment_form_departments_frame{z-index:3;background:var(--white);border-radius:16px;width:100%;padding:5px;position:absolute;top:110%;left:0;overflow:hidden;box-shadow:0 0 16px #bebebe33}.book_appointment_form_departments{flex-direction:column;gap:5px;width:100%;max-height:170px;padding:15px;display:flex;overflow-y:auto}.book_appointment_form_departments::-webkit-scrollbar{background:var(--white);width:8px}.book_appointment_form_departments::-webkit-scrollbar-thumb{background:var(--gray-10);border-radius:16px}.book_appointment_time_list{max-height:80px}.book_appointment_form_department{letter-spacing:0;color:var(--gray-30);padding:6px 0;font-size:12px;font-weight:600;line-height:1.2;list-style:none}.book_appointment_form_department:hover{cursor:pointer;background:var(--white-30)}.book_appointment_form_department.active{background:var(--white-30)}.book_appointment_form_btns{justify-content:space-between;align-items:center;margin-top:12px;display:flex}.book_appointment_form_secondary_btn{letter-spacing:0;color:var(--gray-10);font-size:14px;font-weight:600;line-height:1}.book_appointment_form_btn{background:var(--orange);letter-spacing:0;width:160px;color:var(--white);border-radius:10px;padding:10px;font-size:14px;font-weight:600;line-height:1;box-shadow:0 2px 10px #632a1540}.book_appointment_err{margin-top:-11px}@media (320px<=width<=768px){.book_appointment_frame{width:calc(100% - 20px)}.book_appointment_container{flex-direction:column;max-height:80dvh;overflow-y:auto}.book_appointment_form_departments{max-height:125px}.book_appointment_header{padding:16px}.modal_title{font-size:16px}.book_appointment_form{padding:16px}.book_appointment_form_row{gap:8px}.book_appointment_form_row_label{font-size:10px}.book_appointment_form_row_inputs{grid-template-columns:100%}}
.calendar_wrapper{width:100%;position:relative}.calendar_frame{z-index:5;background:var(--white);border-radius:16px;width:280px;padding:15px;position:absolute;bottom:110%;left:0;box-shadow:0 0 16px #bebebe33}.calendar_nav{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.calendar_nav_btn{background:var(--white-30);width:28px;height:28px;color:var(--blue-20);cursor:pointer;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:16px;font-weight:600;transition:background .2s;display:flex}.calendar_nav_btn:hover{background:var(--pale-blue)}.calendar_nav_label{color:var(--blue-20);text-transform:capitalize;font-size:13px;font-weight:600}.calendar_weekdays{grid-template-columns:repeat(7,1fr);margin-bottom:6px;display:grid}.calendar_weekday{text-align:center;color:var(--gray-30);padding-bottom:6px;font-size:10px;font-weight:600}.calendar_grid{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.calendar_day{aspect-ratio:1;width:100%;color:var(--blue-20);cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;font-size:11px;font-weight:600;transition:background .2s,color .2s;display:flex}.calendar_day:hover:not(.disabled){background:var(--white-30)}.calendar_day.outside{color:var(--gray-30);opacity:.5}.calendar_day.disabled{color:var(--gray-40);cursor:not-allowed;opacity:.4}.calendar_day.selected{background:var(--orange);color:var(--white)}@media (320px<=width<=768px){.calendar_frame{width:100%}}
.time_dropdown_wrapper{width:100%;position:relative}.book_appointment_form_dropdown_header.disabled{opacity:.5;cursor:not-allowed}.time_dropdown_frame{z-index:5;background:var(--white);border-radius:16px;width:100%;padding:5px;position:absolute;bottom:110%;left:0;box-shadow:0 0 16px #bebebe33}.time_dropdown_list{flex-direction:column;gap:5px;max-height:160px;padding:10px;display:flex;overflow-y:auto}.time_dropdown_list::-webkit-scrollbar{background:var(--white);width:6px}.time_dropdown_list::-webkit-scrollbar-thumb{background:var(--gray-10);border-radius:16px}.time_dropdown_item{color:var(--gray-30);cursor:pointer;border-radius:8px;padding:8px 6px;font-size:12px;font-weight:600;list-style:none;transition:background .2s,color .2s}.time_dropdown_columns{gap:8px;padding:10px;display:flex}.time_dropdown_column{scroll-snap-type:y proximity;flex-direction:column;gap:4px;width:60px;max-height:170px;display:flex;overflow-y:auto}.time_dropdown_column::-webkit-scrollbar{background:var(--white);width:4px}.time_dropdown_column::-webkit-scrollbar-thumb{background:var(--gray-10);border-radius:16px}.time_dropdown_column.muted{opacity:.4;pointer-events:none}.time_dropdown_item{text-align:center;color:var(--gray-30);cursor:pointer;scroll-snap-align:start;border-radius:8px;padding:8px 0;font-size:12px;font-weight:600;list-style:none;transition:background .2s,color .2s}.time_dropdown_item:hover{background:var(--white-30)}.time_dropdown_item.active{background:var(--orange);color:var(--white)}.time_dropdown_empty{color:var(--red);text-align:center;padding:16px 10px;font-size:12px;font-weight:500}