.leaveRequest{height:100vh;background-color:rgba(0,0,0,.224);position:fixed;top:0;left:0;width:100%;opacity:1;transition:.5s;z-index:1000}.leaveRequest.hide{opacity:0;z-index:-1}.leaveRequest .closeModel{height:100vh;background-color:rgba(0,0,0,.224);position:absolute;top:0;left:0;width:100%;z-index:1}.leaveRequest .content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;max-width:700px;width:93%;padding:20px 15px;border-radius:20px;z-index:2}@media only screen and (min-width:640px){.leaveRequest .content{width:100%}}.leaveRequest .content .top{display:flex;justify-content:space-between;align-items:center}.leaveRequest .content .top h3{color:#0d121e;font-weight:800}.leaveRequest .content .top .close button{background-color:hsla(0,0%,64%,.392);width:30px;height:30px;border-radius:6px;border:1px solid hsla(0,0%,64%,.392);color:#a3a3a3;font-size:15px;cursor:pointer}.leaveRequest .content .footer .countDays{display:flex;gap:10px}.leaveRequest .content .footer .countDays p{color:#0d121e}.leaveRequest .content .footer .countDays h4{color:#0d121e;font-weight:800}.leaveRequest .content .footer .buttons{display:flex;justify-content:center;margin-top:15px;gap:14px}.leaveRequest .content .footer .buttons button{font-family:Cairo,sans-serif!important;background-color:var(--primary);color:#fff;font-size:14px;font-weight:700;border-radius:50px;border:1px solid var(--primary);transition:.5s;cursor:pointer;box-shadow:0 4px 10px 0 rgba(16,98,147,.43);max-width:100%;width:100%;height:45px}.leaveRequest .content .footer .buttons button:hover,.leaveRequest .content .footer .buttons button:last-of-type{background-color:#fff;color:var(--primary)}.leaveRequest .content .footer .buttons button:last-of-type:hover{background-color:var(--primary);color:#fff}.DaysRequest .carouselItems{display:flex;gap:10px;overflow-y:hidden;max-width:100%;width:100%;overflow-x:auto;margin:20px 0}.DaysRequest .carouselItems::-webkit-scrollbar{height:0}.DaysRequest .carouselItems::-webkit-scrollbar-track{background-color:#f9f9f9}.DaysRequest .carouselItems::-webkit-scrollbar-thumb{background-color:var(--secondary);border-radius:30px}.DaysRequest .carouselItems .carouselItem{cursor:pointer;flex-shrink:0;width:calc((97.5% - 15px)/6)}@media only screen and (min-width:640px){.DaysRequest .carouselItems .carouselItem{width:calc((97.5% - 15px)/8)}}@media only screen and (min-width:1280px){.DaysRequest .carouselItems .carouselItem{width:calc((97.5% - 15px)/12)}}.boxesWorktime .section h2{color:#000;font-size:20px}@media only screen and (min-width:640px){.boxesWorktime .section h2{font-size:24px}}.boxesWorktime .section .accordion{margin-top:15px;padding:7px 5px;border-radius:10px;background:linear-gradient(130deg,#fff,hsla(0,0%,95%,.661));border-radius:15px!important;border:3px solid #fff;box-shadow:0 4.23px 8px 3px hsla(0,0%,67%,.178)}.boxesWorktime .section .accordion:first-of-type{margin-top:0}.boxesWorktime .section .accordion *{font-family:Cairo,sans-serif!important}.boxesWorktime .section .accordion .css-eqpfi5-MuiAccordionSummary-content{justify-content:space-between;align-items:center}.boxesWorktime .section .accordion .titleAccordion{font-size:16px;font-weight:800;color:#000;position:relative;padding-right:10px}.boxesWorktime .section .accordion .titleAccordion span{color:var(--primary);margin-left:5px;position:relative;display:inline-block}.boxesWorktime .section .accordion .titleAccordion span:before{content:"";width:12px;height:4px;background-color:var(--secondary);position:absolute;bottom:-2px;left:50%;border-radius:3px;transform:translateX(-50%)}.boxesWorktime .section .accordion .bodyAccordion{font-size:15px;font-weight:700;color:#221f1f;position:relative;line-height:1.9;display:flex;align-items:start;flex-direction:column;gap:15px;background-color:hsla(0,0%,85%,.271);padding:10px 20px 10px 0;border-radius:6px}@media only screen and (min-width:640px){.boxesWorktime .section .accordion .bodyAccordion{flex-direction:row;align-items:center}}.boxesWorktime .section .accordion .bodyAccordion div{display:flex;align-items:center;gap:5px}.boxesWorktime .section .accordion:before{position:relative}.boxesWorktime .section .accordion svg{display:none}.boxesWorktime .changeTime{background-color:transparent;border:none;cursor:pointer}.boxesWorktime .changeTime svg{display:block!important;color:var(--primary);font-size:22px}.SwitchWorkingHours .content{border:3px solid #fff;margin:15px 0}.SwitchWorkingHours .content .bookingTime{display:flex;align-items:center;gap:5px;padding-right:5px;margin-top:10px}.SwitchWorkingHours .content .bookingTime h3{font-size:17px;color:#0d121e;font-weight:800}.SwitchWorkingHours .content .box{background-color:#fff;border-radius:10px;transition:.5s;display:flex;margin:10px 0 15px}.SwitchWorkingHours .content .box .time{flex:1 1;padding:2px 20px;display:flex;align-items:center;justify-content:center;gap:8px;border:2px solid var(--primary);border-radius:10px}.SwitchWorkingHours .content .box .time p{font-size:14px;margin:10px 0;text-align:center;font-weight:800;color:#0d120e}.SwitchWorkingHours .content .box .time p span{font-weight:600;color:#7f909f;margin-left:5px}.SwitchWorkingHours .icon{text-align:center;font-size:26px;color:var(--secondary)}.UpdateWorkingHours .content{border:3px solid #fff;margin:15px 0 0}.UpdateWorkingHours .content .bookingTime{display:flex;align-items:center;gap:5px;padding-right:5px;margin-top:10px}.UpdateWorkingHours .content .bookingTime h3{font-size:17px;color:#0d121e;font-weight:800}.UpdateWorkingHours .content .box{background-color:#fff;border-radius:10px;transition:.5s;display:flex;margin:10px 0 15px}.UpdateWorkingHours .content .box .time{flex:1 1;padding:2px 20px;display:flex;align-items:center;justify-content:center;gap:8px;border:2px solid var(--primary);border-radius:10px}.UpdateWorkingHours .content .box .time p{font-size:14px;margin:10px 0;text-align:center;font-weight:800;color:#0d120e}.UpdateWorkingHours .content .box .time p span{font-weight:600;color:#7f909f;margin-left:5px}.UpdateWorkingHours .icon{text-align:center;font-size:26px;color:var(--secondary)}.notFount{height:150px;display:flex;justify-content:center;align-items:center;border-radius:10px;color:var(--primary);font-size:35px;font-weight:700}.RescheduleAppointment{height:100vh;background-color:rgba(0,0,0,.224);position:fixed;top:0;left:0;width:100%;opacity:1;transition:.5s;z-index:10000000}.RescheduleAppointment.hide{opacity:0;z-index:-1}.RescheduleAppointment .closeModel{height:100vh;background-color:rgba(0,0,0,.224);position:absolute;top:0;left:0;width:100%;z-index:1}.RescheduleAppointment .contentRescheduleAppointment{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;max-width:500px;width:93%;padding:20px 12px;border-radius:20px;z-index:2}@media only screen and (min-width:640px){.RescheduleAppointment .contentRescheduleAppointment{width:100%;padding:20px 35px}}.RescheduleAppointment .contentRescheduleAppointment .top{line-height:1.6}.RescheduleAppointment .contentRescheduleAppointment .top h4{color:#0d120e;font-weight:800}.RescheduleAppointment .contentRescheduleAppointment .top p{font-size:15px;color:#7f909f;font-weight:600}.RescheduleAppointment .contentRescheduleAppointment .carousel-container{width:100%;overflow:hidden}.RescheduleAppointment .contentRescheduleAppointment .carousel-container .boxesRescheduleAppointment{display:flex;flex-direction:row-reverse;transition:transform .5s ease}.RescheduleAppointment .contentRescheduleAppointment .carousel-container .boxesRescheduleAppointment .boxRescheduleAppointment{flex:1 1;min-width:100%}.RescheduleAppointment .contentRescheduleAppointment .buttons{display:flex;gap:20px}.RescheduleAppointment .contentRescheduleAppointment .buttons button{background-color:var(--primary);color:#fff;font-size:20px;font-weight:500;width:100%;height:50px;border-radius:50px;border:1px solid var(--primary);transition:.5s;cursor:pointer;box-shadow:0 4px 10px 0 rgba(16,98,147,.43);font-weight:600;margin:10px 0}.RescheduleAppointment .contentRescheduleAppointment .buttons button:hover{background-color:#fff;color:var(--primary)}.RescheduleAppointment .contentRescheduleAppointment .buttons button.hide{background-color:#c5c5c5;pointer-events:none;border:1px solid #c5c5c5;box-shadow:none}.RescheduleAppointment .contentRescheduleAppointment .note{text-align:center;color:#7f909f;font-size:15px;font-weight:600}