@charset "UTF-8";
@font-face{font-family:Tajawal-Medium;src:url(/theme/altibbi/lib/fonts/Tajawal-Medium.ttf);font-display:swap}
@font-face{font-family:Tajawal-regular;src:url(/theme/altibbi/lib/fonts/Tajawal-Regular.ttf);font-display:swap}
@font-face{font-family:Tajawal-bold;src:url(/theme/altibbi/lib/fonts/Tajawal-Bold.ttf);font-display:swap}
:root{--spacing-sm:6px;--spacing-md:8px;--spacing-lg:12px;--spacing-xs:4px;--spacing-xl:16px;--spacing-2xl:20px;--spacing-3xl:24px;--spacing-4xl:32px;--spacing-5xl:40px;--radius-md:var(--spacing-md);--gray-1:#101828;--gray-2:#344054;--gray-3:#667085;--gray-4:#98a2b3;--gray-5:#d0d5dd;--gray-6:#e4e7ec;--gray-7:#f2f4f7;--gray-8:#f9fafb;--red:#cf274d;--orange:#f79009;--radius-full:9999px;--radius-sm:6px;--radius-4xl:24px;--primary:#155eef;--darkblue:#102a56;--whatsapp-color:#00b946;--warning-25:rgba(255,175,71,.25);--radius-xl:var(--spacing-lg);--radius-lg:10px;--brand-50:#eff4ff}.booking .ic_star{margin-left:-8px}.booking .more-appointment.showMoreSlots,.booking .showMoreSlots.book-now,.booking .more-appointment.showLess,.booking .showLess.book-now{padding-right:0}.booking .grid-booking .day{padding-top:4px}.booking .grid-booking .grid-item.no-appointment{padding-left:4px}.booking .more-appointment,.booking .book-now{margin-top:5px}.appointment-slots header .progress{margin-left:5px}.booking .more-appointment,.booking .book-now{padding-top:5px}.booking .more-appointment,.booking .book-now{padding-bottom:5px}.app-btns button,.app-btns .app-lnk{padding-top:6px}.booking .show-more:before,.booking .show-less:before{margin-left:10px}.booking .grid-booking .list-view{padding-right:10px}.booking .grid-booking .list-view{padding-left:10px}.booking .grid-booking .grid-item{padding-top:12px}.tbi-sel-err2{margin-top:15px}.booking .grid-booking .grid-item{margin-bottom:15px}.intl-tel-input input{padding-right:15px}.next-page,.gender-section span{padding-top:16px}.gender-section>div,.tbi-lnk a{padding-top:18px}.appointment-slots header,.booking,.doctor-info{margin-top:20px}.form-group{margin-bottom:20px}.gender-section>div.female-gender{margin-right:20px}.appointment-slots header .progress{margin-top:25px}.gender-section>div{padding-right:28px}.next-page,#public-appointment-form{margin-top:30px}.app-btns a{padding-right:35px}.booking .grid-booking .day{margin-bottom:40px}.app-btns{margin-top:50px}.success-image{margin-bottom:60px}.booking .free-appointemnt{margin-right:60px}.booking .free-appointemnt-in{margin-right:65px}.tbi-lnk{margin-top:70px}.success-image{margin-top:80px}.booking .grid-booking .day span{font-size:.75rem}.booking .grid-booking .day{font-size:.8125rem}.forget-password,.appointment-slots .appointment-subtitle,.booking .more-appointment,.booking .book-now,.booking .grid-booking .grid-item,.app-btns a{font-size:.875rem}.next-page,.gender-section>div,.app-btns button,.tbi-lnk a{font-size:1rem}.gender-section span,.success-txt p{font-size:1.125rem}.appointment-slots header .appointment-title{font-size:1.25rem}.primary-blue{color:#102a56}.primary-altibbi{color:#155eef}.font-regular{font-family:Tajawal-Regular,serif}.font-medium{font-family:Tajawal-Medium,serif}.font-bold{font-family:Tajawal-Bold,serif}.normal-font-style,.appointment-slots header .appointment-title,.appointment-slots .appointment-subtitle{font-weight:400;font-style:normal;font-stretch:normal;letter-spacing:normal}.mt-40{margin-top:40px}.dot-flashing{position:relative;width:10px;height:10px;border-radius:5px;background-color:#fff;color:#fff;animation:dotFlashing 1s infinite linear alternate;animation-delay:.5s}.dot-flashing:before,.dot-flashing:after{content:'';display:inline-block;position:absolute;top:0}.dot-flashing:before{left:-15px;width:10px;height:10px;border-radius:5px;background-color:#fff;color:#fff;animation:dotFlashing 1s infinite alternate;animation-delay:0s}.dot-flashing:after{left:15px;width:10px;height:10px;border-radius:5px;background-color:#fff;color:#fff;animation:dotFlashing 1s infinite alternate;animation-delay:1s}@keyframes dotFlashing{0%{background-color:#155eef}50%,100%{background-color:#fff}}.register-btn,.send-app-btn{height:40px;color:#fff;background-color:#155eef;border-color:#155eef}.btn-hover-focus:hover,.btn-hover-focus:focus{color:#fff !important;background-color:#155eef;border-color:#155eef}.btn:active,.btn:focus{outline:none;box-shadow:none}.send-app-btn{height:50px}.white-button{text-align:center;display:block;object-fit:contain;border-radius:4px;border:1px solid #f2f4f7;color:#155eef;background-color:#fff}.white-button:hover,.white-button:focus,.white-button:active{outline:none;color:#155eef;background-color:#f2f4f7}.prim-btn-def,.prim-btn-def-width-95,.prim-btn-def-100,.app-btns button,.tbi-lnk a{height:50px;width:160px;text-align:center;display:block;object-fit:contain;border:none;border-radius:4px;background-color:#155eef;color:#fff}.prim-btn-def:hover,.prim-btn-def-width-95:hover,.prim-btn-def-100:hover,.app-btns button:hover,.tbi-lnk a:hover,.prim-btn-def:focus,.prim-btn-def-width-95:focus,.prim-btn-def-100:focus,.app-btns button:focus,.tbi-lnk a:focus,.prim-btn-def:active,.prim-btn-def-width-95:active,.prim-btn-def-100:active,.app-btns button:active,.tbi-lnk a:active{outline:none;color:#fff;background-color:#155eef}.prim-btn-def-width-95{width:95%}.prim-btn-red{height:50px;width:160px;text-align:center;display:block;object-fit:contain;border:none;border-radius:4px;background-color:#f3255c;color:#fff}.prim-btn-red:hover,.prim-btn-red:focus,.prim-btn-red:active{outline:none;color:#fff;background-color:#d90c43}.secondary-btn,.secondary-btn-with-border,.forget-password{color:#155eef;background-color:#fff;border:solid .094em #fff;height:50px;width:120px;border-radius:4px}.secondary-btn-with-border{border:solid .094em #f2f4f7;background-color:#fff}.forget-password{width:max-content;color:#98a2b3}@media (max-width:767px){.forget-password{padding-right:0}}@media (max-width:376px){.forget-password{font-size:8px;padding-right:0}}.prim-btn-def-100{width:100%;height:50px}body{height:100vh;overflow-x:hidden}@media (max-width:576px){.hidden-xs{display:none !important}}.table-row-md{height:100vh}.table-row-md>[class*=col-]{height:100%}@media (max-width:767px){.table-row-md{margin:0;padding:30px 15px}}.appointment-image{background-color:#155eef;text-align:center;padding-bottom:30%;padding-top:20%}.appointment-image img{width:380px}.appointment-slots{padding-top:20%;max-width:380px;margin:auto}.appointment-slots header .appointment-title{font-family:Tajawal-bold;line-height:1.1;color:#667085;display:inline-block}.appointment-slots header .progress{width:20px;height:4px;border-radius:2.5px;background-color:#d0d5dd;display:inline-block;vertical-align:text-top;float:left}.appointment-slots header .progress.active{background-color:#155eef}.appointment-slots .appointment-subtitle{font-family:Tajawal-Medium;line-height:1.57;color:#344054}@media (min-width:768px){.booking .booking-grid-padding{margin-left:-12px;float:left;padding-right:10px;padding-left:1px}}@media (max-width:767px){.booking .booking-grid-padding{margin-right:-15px;padding-right:0;padding-left:0}}.booking .free-appointemnt{position:absolute;top:40%}.booking .free-appointemnt-in{position:absolute;top:60%}.booking .more-appointment,.booking .book-now{text-align:center;color:#155eef;font-family:Tajawal-Medium,serif}.booking .book-now{background-color:#f79009;color:#fff;border:none}.booking .ic_star{width:23.1px;height:25px;object-fit:contain}.booking .scroll-black5{background-color:#344054}.booking .right-arrow{width:40px;float:right}.booking .center-content{display:inline-block;width:calc(100% - 80px)}.booking .left-arrow{width:40px;float:left}@media (max-width:767px){.booking .left-arrow,.booking .right-arrow{width:10px}.booking .center-content{width:calc(100% - 20px)}}.booking .right-scroll{width:40px;height:40px;background:url(/theme/altibbi/icons/tbi-arrow-right.svg) center center no-repeat;background-size:40px}@media (min-width:768px){.booking .right-scroll:hover{background:url(/theme/altibbi/icons/tbi-arrow-right.svg) center center no-repeat;background-size:40px}}.booking .right-scroll.no-day{cursor:not-allowed;background:url(/theme/altibbi/img/svg/right-arrow-grey.svg) center center no-repeat}@media (max-width:767px){.booking .right-scroll{width:10px;background:url(/theme/altibbi/icons/tbi-ic_keyboard_arrow_right.svg) center right no-repeat}.booking .right-scroll.no-day{background:url(/theme/altibbi/svg/ic_keyboard_arrow_right_gray.svg) center right no-repeat}}.booking .left-scroll{width:40px;height:40px;background:url(/theme/altibbi/img/svg/left-arrow.svg) center center no-repeat;background-size:40px}@media (min-width:768px){.booking .left-scroll:hover,.booking .left-scroll.active{background:url(/theme/altibbi/img/svg/left-arrow-effect.svg) center center no-repeat;background-size:40px}}@media (max-width:767px){.booking .left-scroll{width:10px;background:url(/theme/altibbi/icons/tbi-ic_keyboard_arrow_left.svg) center left no-repeat}}.booking .grid-booking{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:0rem}.booking .grid-booking .day{text-align:center;font-family:Tajawal-Medium,serif;color:#101828}.booking .grid-booking .day.green-day{color:#155eef}.booking .grid-booking .day span{color:#344054}.booking .grid-booking .grid-item{cursor:pointer;height:40px;text-align:center;border-radius:3px;border:solid 1px #98a2b3}.booking .grid-booking .grid-item a{color:#d0d5dd;font-family:Tajawal-Medium,serif}.booking .grid-booking .grid-item:hover:not(.no-appointment),.booking .grid-booking .grid-item.active{border-color:#155eef}.booking .grid-booking .grid-item:hover:not(.no-appointment) a,.booking .grid-booking .grid-item.active a{color:#155eef}.booking .grid-booking .grid-item.no-appointment{cursor:not-allowed;letter-spacing:4px;color:#98a2b3;font-weight:500;font-family:Tajawal-Medium,serif}@media (max-width:376px){.booking .grid-booking .grid-item{font-size:12px}}.booking .grid-booking .hieght-60{height:60px}.booking .item:hover{color:#fff;background-color:#155eef}.booking .doctor-img{width:50px;height:50px;border-radius:50%}@media (max-width:767px){.booking .mobile-width-btn{width:inherit}}@media (min-width:576px){.booking .mobile-width-btn{width:inherit}}@media (min-width:992px){.booking .mobile-width-btn{width:fit-content}}@media (max-width:767px){.booking .mobile-mb-30{margin-bottom:20px}}@media (min-width:576px){.booking .mobile-mb-30{margin-bottom:20px}}@media (min-width:992px){.booking .mobile-mb-30{margin-bottom:0}}.booking .slot-btn{color:#d0d5dd}.booking .slot-btn:hover{color:#fff;background-color:#155eef}.booking .border-modal{border:none;padding:0}.booking .form-control{box-shadow:none;outline:none}.booking .sidebar-box-list{max-height:165px;position:relative;overflow:hidden}.booking .sidebar-box-view{max-height:420px;position:relative;overflow:hidden}.booking .remove-height{max-height:40vh;overflow-y:scroll}@media (max-width:767px){.booking .remove-height{max-height:30vh}}.booking .show-more:before{content:url(/theme/altibbi/img/daleel/ic-keyboard-arrow-bottom.svg);cursor:pointer;text-align:center;padding-top:5px;display:inline-flex;transform:rotate(270deg)}.booking .show-less:before{content:url(/theme/altibbi/img/daleel/ic-keyboard-arrow-bottom.svg);cursor:pointer;text-align:center;padding-top:5px;display:inline-flex;transform:rotate(90deg)}.booking .display-none{display:none}.booking .float-right{float:right}.next-page{width:100%}.date-icon{background:url(/theme/altibbi/img/doctor-recommendation/ic-today-light-gray.svg) center left no-repeat;background-size:30px;background-position-x:9px}.gender-section{height:50px}.gender-section span{display:inline-block;font-weight:500;font-family:Tajawal-Medium,serif;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;text-align:right;color:#d0d5dd}.gender-section>div{cursor:pointer;float:left;height:50px;font-weight:500;font-family:Tajawal-Medium,serif;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal;color:#d0d5dd;text-align:right;background:url(/theme/altibbi/img/svg/circle.svg) center right no-repeat;background-size:24px}.gender-section>div.active{background:url(/theme/altibbi/img/svg/circle-checked.svg) center right no-repeat;background-size:24px}.intl-tel-input{width:100%}.intl-tel-input .flag-container{direction:ltr}.intl-tel-input input{direction:ltr;text-align:right}.iti.iti--allow-dropdown .iti__selected-flag{padding-left:15px;width:60px !important}.app-btns{display:table;width:100%}.app-btns>div{display:table-cell;width:50%;vertical-align:middle}.app-btns button{border-radius:5px;font-weight:500;font-family:Tajawal-Medium,serif;text-align:center;width:100%}.app-btns a{font-weight:500;font-family:Tajawal-Medium,serif;font-stretch:normal;font-style:normal;line-height:1.57;letter-spacing:normal;text-align:right;color:#344054;background:url(/theme/altibbi/img/svg/ic-arrow-forward-grayblue.svg) center right no-repeat}.clinic-img{float:left;height:43px;width:auto}.success-image{text-align:center}.success-image img{width:145px;height:150px}.success-txt p{font-family:Tajawal-Medium,serif;text-align:center;font-weight:500;font-stretch:normal;font-style:normal;line-height:1.78;letter-spacing:normal;color:#667085}.tbi-lnk a{width:100%;font-family:Tajawal-Medium,serif;font-weight:500;font-stretch:normal;font-style:normal;line-height:normal;letter-spacing:normal}.altibbi-select-sec{height:50px}.altibbi-select-sec .altibbi-select-list{top:0;width:100%}.altibbi-select-sec .altibbi-select-list .altibbi-select-options{overflow:hidden}@media (max-width:767px){.no-p-xs{padding:0}}.doctor-info p{color:#344054}.doctor-info p span{font-family:Tajawal-Medium,serif;color:#667085}.appointment-right-text{color:#fff;font-size:40px;font-weight:700}@media (max-width:767px){.mobile-no-margin{margin:0 !important}}footer,#altibbi-nav{display:none}#publicappointment-visit_type{height:50px}