.reservationConfirmation{padding:25px 0 50px}.reservationConfirmation .grid{display:grid;grid-template-columns:1fr;grid-gap:20px;gap:20px}@media only screen and (min-width:1024px){.reservationConfirmation .grid{grid-template-columns:1.9fr 1fr}}.boxDoctorDetailsRes .info{display:flex;gap:20px;flex-wrap:wrap;flex-direction:column}@media only screen and (min-width:640px){.boxDoctorDetailsRes .info{flex-direction:row}}.boxDoctorDetailsRes .info .image{border-radius:12px;box-shadow:0 4.23px 8px 3px hsla(0,0%,67%,.178);position:relative;overflow:hidden;width:100%;height:320px}@media only screen and (min-width:640px){.boxDoctorDetailsRes .info .image{width:250px}}.boxDoctorDetailsRes .info .image img{width:100%;height:320px;border-radius:12px;position:absolute;top:0}@media only screen and (min-width:640px){.boxDoctorDetailsRes .info .image img{width:250px}}.boxDoctorDetailsRes .info .detailsDoctor{margin-top:20px;flex:1 1}.boxDoctorDetailsRes .info .detailsDoctor .top{flex:1 1;display:flex;gap:10px}.boxDoctorDetailsRes .info .detailsDoctor .top .verify{display:flex;gap:5px;background-color:#dbeafe;border:1px solid #dbeafe;color:#0165fc;font-weight:600;border-radius:30px;font-size:16px;padding:3px 30px 4px}.boxDoctorDetailsRes .info .detailsDoctor .top .verify .icon{position:relative;top:3.5px}.boxDoctorDetailsRes .info .detailsDoctor .top .available{background-color:#26df86;border:1px solid #26df86;color:#fff;font-weight:700;border-radius:20px;font-size:16px;padding:3px 30px 4px}.boxDoctorDetailsRes .info .detailsDoctor .top .available.notAvailable{background-color:red;border:1px solid red}.boxDoctorDetailsRes .info .detailsDoctor .content{margin-top:20px;line-height:1.6}.boxDoctorDetailsRes .info .detailsDoctor .content .name h1{color:#0d121e;font-size:26px}@media only screen and (min-width:640px){.boxDoctorDetailsRes .info .detailsDoctor .content .name h1{font-size:2em}}.boxDoctorDetailsRes .info .detailsDoctor .content .specialization p{color:#77777f;font-size:20px;font-weight:600;margin:10px 0}.boxDoctorDetailsRes .info .detailsDoctor .content .rating{display:flex;gap:5px}.boxDoctorDetailsRes .info .detailsDoctor .content .rating .stars svg{font-size:1.4rem;color:#fcaf23}.boxDoctorDetailsRes .info .detailsDoctor .content .rating P{font-weight:650;position:relative;font-size:19px;top:-3px;color:#242424}.boxDoctorDetailsRes .info .detailsDoctor .content .rating span{font-size:16px;color:#777}.boxDoctorDetailsRes .info .detailsDoctor .content .adress{display:flex;gap:10px;margin:10px 0}.boxDoctorDetailsRes .info .detailsDoctor .content .adress img{width:35px}.boxDoctorDetailsRes .info .detailsDoctor .content .adress p{color:#221f1f;font-weight:650;font-size:20px}.reservationConfirmationBox{background:linear-gradient(130deg,#fff,#f3f3f3);padding:20px 15px;border-radius:15px;box-shadow:0 4.23px 8px 3px hsla(0,0%,67%,.178);border:3px solid #fff;position:relative}.reservationConfirmationBox h2{color:#0d121e;font-weight:800;border-bottom:3px solid #fff;padding-bottom:10px}.reservationConfirmationBox .bookingTime{display:flex;align-items:center;gap:5px;padding-right:5px;margin-top:10px}.reservationConfirmationBox .bookingTime h3{color:#0d121e;font-weight:800}.reservationConfirmationBox .box{background-color:#fff;border-radius:10px;transition:.5s;display:flex;margin:10px 0 15px}.reservationConfirmationBox .box .date{padding:5px 20px;border-top-right-radius:10px;border-bottom-right-radius:10px;line-height:1.6;background-color:var(--primary);display:flex;align-items:center;gap:8px}.reservationConfirmationBox .box .date .string{color:#fff;font-size:14px;text-align:center;font-weight:600}.reservationConfirmationBox .box .date .number{color:#fff;font-size:18px;text-align:center;font-weight:800}.reservationConfirmationBox .box .time{flex:1 1;padding:5px 20px;display:flex;align-items:center;gap:8px;border:2px solid var(--primary);border-top-left-radius:10px;border-bottom-left-radius:10px;cursor:pointer}.reservationConfirmationBox .box .time p{font-size:13px;margin:10px 0;text-align:center;font-weight:800;color:#0d120e}.reservationConfirmationBox .box .time p span{font-weight:600;color:#7f909f;margin-left:5px}.reservationConfirmationBox .top{display:flex;align-items:center;gap:5px;padding-right:5px}.reservationConfirmationBox .top h4{color:#0d121e;font-weight:800}.reservationConfirmationBox form .div{position:relative;margin:15px 0}.reservationConfirmationBox form .div .icon{position:absolute;top:57%;transform:translateY(-50%);right:15px}.reservationConfirmationBox form .div .icon img{width:22px}.reservationConfirmationBox form .div .number{position:absolute;top:50%;transform:translateY(-50%);left:25px}.reservationConfirmationBox form .div .number p{color:var(--secondary);font-weight:800}.reservationConfirmationBox form .div input{display:block;width:100%;padding:10px 43px;border-radius:50px;border:1px solid #eee;outline:none;height:55px;font-size:14px;font-family:Cairo,sans-serif!important}.reservationConfirmationBox form .div input::placeholder{font-weight:700;color:#a0a0a0}.reservationConfirmationBox .note{color:#7f909f;font-size:15px;font-weight:600}.reservationConfirmationBox button.book{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}.reservationConfirmationBox button.book:hover{background-color:#fff;color:var(--primary)}.reservationConfirmationBox button.book.hide{background-color:#c5c5c5;pointer-events:none;border:1px solid #c5c5c5;box-shadow:none}.notFount{height:150px;display:flex;justify-content:center;align-items:center;border-radius:10px;color:var(--primary);font-size:35px;font-weight:700}.StaticTimePicker{height:100vh;background-color:rgba(0,0,0,.224);position:fixed;top:0;left:0;width:100%;opacity:1;transition:.5s;z-index:10000000}.StaticTimePicker.hide{opacity:0;z-index:-1}.StaticTimePicker .closeModel{height:100vh;background-color:rgba(0,0,0,.224);position:absolute;top:0;left:0;width:100%;z-index:1}.StaticTimePicker .content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background-color:#fff;max-width:200px;width:100%;padding:20px 15px;border-radius:20px;z-index:2}.StaticTimePicker .content *{direction:ltr!important}