*{margin:0%;padding:0%;-webkit-box-sizing:border-box;box-sizing:border-box}a{text-decoration:none}button{background:none;border:none;outline:none}html{font-size:62.5%}body{font-family:Outfit,sans-serif;padding-inline:2rem;padding-bottom:2rem}body.no-scroll{overflow:hidden}.error{color:red;font-size:3rem;text-transform:capitalize}.error p{margin:0;font-size:2rem;font-weight:600}.search{position:relative;width:35rem;margin-block:3rem 1rem}.search input{width:100%;padding:.8rem 1rem;font-size:1.4rem;border:1px solid #dadada;border-radius:.5rem;margin-bottom:1rem;transition:border .2s}.search input:focus{outline:none;border-color:#3e4fff}.search .search-icon{position:absolute;right:1rem;top:30%;transform:translateY(-30%);cursor:pointer;color:#000;font-size:1.6rem;-webkit-user-select:none;user-select:none}.search .search-icon:hover{color:#555}header{display:flex;align-items:center;justify-content:space-between;padding-block:1rem;padding-inline:1rem}header .logo{display:flex;align-items:center;gap:.3rem}header .logo .img{height:3.5rem;width:3.5rem}header .logo .img img{object-fit:cover;height:100%;width:100%}header .logo h1{font-size:2.3rem;font-weight:600;text-transform:capitalize}header nav ul{display:flex;align-items:center;gap:3rem}header nav ul li{list-style:none}header nav ul li a{font-size:1.8rem;text-transform:capitalize;color:#000;font-weight:400;cursor:pointer}header .btn{border-radius:3rem;font-size:1.3rem;font-weight:400;padding:1rem 3rem;text-transform:capitalize;background-color:#303770;color:#fff;cursor:pointer}header .user-dropdown{position:relative;cursor:pointer}header .user-dropdown .user-icon-container{display:flex;align-items:center;gap:.4rem}header .user-dropdown .user-icon,header .user-dropdown .arrow-icon{font-size:1.5rem;color:#000}header .user-dropdown .dropdown-menu{position:absolute;top:4rem;right:0;background-color:#f8f8f8;box-shadow:0 0 10px #0000001a;border-radius:5px;padding:1rem 2rem;display:flex;flex-direction:column;z-index:100;width:15rem;transition:.3s ease-in-out}header .user-dropdown .dropdown-menu a{text-decoration:none;color:#4b5563;font-size:1.4rem;padding:.5rem 0}header .user-dropdown .dropdown-menu a:hover{color:#07c}header .user-dropdown .dropdown-menu button{background:none;outline:none;text-align:start;cursor:pointer}header .user-dropdown .dropdown-menu button:hover{color:red}hr{width:100%;margin-inline:auto;color:#adadad;opacity:.5}.main{margin-block:1.5rem;display:flex;align-items:center;justify-content:center;gap:2rem;width:100%;height:100%;background-color:#303770;border-radius:.3rem;padding:2rem;height:50rem}.main .left{display:flex;flex-direction:column;align-items:center;justify-content:center;width:50%}.main .left .data{display:flex;flex-direction:column;gap:2rem;padding-left:5rem}.main .left .data h2{color:#fff;font-size:6rem;text-transform:capitalize;font-weight:700}.main .left .data p{color:#fff;text-transform:capitalize;font-size:1.5rem;max-width:50rem}.main .left .data a{background-color:#fff;display:flex;align-items:center;justify-content:center;gap:.5rem;text-transform:capitalize;font-size:1.3rem;font-weight:300;width:17rem;padding-block:1.2rem;border-radius:3rem;color:#000;cursor:pointer}.main .left .data a .arrow{color:#595959}.main .right{width:40%;height:100%}.main .right img{height:100%;width:100%;object-fit:cover}.speciality{margin-block:10rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7rem}.speciality .data{display:flex;flex-direction:column;align-items:center;gap:1rem}.speciality .data h3{font-size:4rem;text-transform:capitalize;color:#000;font-weight:500}.speciality .data p{font-size:1.4rem;text-transform:capitalize;color:#4b5563}.speciality .boxes{display:flex;gap:5rem}.speciality .boxes .box{display:flex;flex-direction:column;gap:1rem;align-items:center;justify-content:center}.speciality .boxes .box .img{height:12rem;width:12rem}.speciality .boxes .box .img img{height:100%}.speciality .boxes .box p{font-size:1.6rem;text-transform:capitalize;color:#4b5563}.top_doctors{margin-block:15rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4rem}.top_doctors .data{display:flex;flex-direction:column;align-items:center;gap:1rem}.top_doctors .data h3{font-size:4rem;text-transform:capitalize;color:#000;font-weight:500}.top_doctors .data p{font-size:1.4rem;text-transform:capitalize;color:#4b5563}.top_doctors .boxes{display:flex;gap:2rem}.top_doctors .boxes .box{display:flex;flex-direction:column;gap:1rem;padding-bottom:2rem;border:1px solid #16264d;border-radius:1rem;height:100%;width:24rem;cursor:pointer}.top_doctors .boxes .box .img{background-color:#d4f1ff;border-radius:1rem 1rem 0rem 0rem;height:30rem}.top_doctors .boxes .box .img img{height:100%;border-radius:1rem 1rem 0rem 0rem;width:100%;object-fit:cover}.top_doctors .boxes .box .text{display:flex;flex-direction:column;padding-left:1rem}.top_doctors .boxes .box .text h4{font-size:1.5rem;text-transform:capitalize;font-weight:500}.top_doctors .boxes .box .text p{font-size:1.2rem;text-transform:capitalize;color:#4b5563}.top_doctors .boxes .box .text .stars{display:flex;align-items:center;gap:.5rem}.top_doctors .boxes .box .text .stars .icons{font-size:1.2rem;color:#fdc350;display:flex;align-items:center;gap:.2rem}.top_doctors .boxes .box .text .stars p{color:#577cef;font-size:1.2rem}.top_doctors .boxes .box .text button{background-color:#577cef;font-size:1.1rem;text-transform:capitalize;padding:.2rem 1rem;color:#fff;cursor:pointer;border-radius:.2rem}.top_doctors .more{background-color:#d4f1ff;border-radius:3rem;padding:1rem 5rem;font-size:1.2rem;text-transform:capitalize;font-weight:500;color:#000;cursor:pointer}footer{display:flex;justify-content:space-evenly;width:100%;margin-block:5rem}footer .footer-left{display:flex;flex-direction:column;max-width:55rem;gap:1rem}footer .footer-left .logo{display:flex;align-items:center;gap:.3rem}footer .footer-left .logo .img{height:3.5rem;width:3.5rem}footer .footer-left .logo .img img{object-fit:cover;height:100%;width:100%}footer .footer-left .logo h2{font-size:2.3rem;font-weight:600;text-transform:capitalize}footer .footer-left p{font-size:1.4rem}footer .footer-column{display:flex;flex-direction:column;gap:2rem}footer .footer-column h4{font-size:2rem;color:#4b5563;font-weight:600;text-transform:capitalize}footer .footer-column ul{display:flex;flex-direction:column;gap:.8rem}footer .footer-column ul li{list-style:none}footer .footer-column ul li a{font-size:1.3rem;text-transform:capitalize;color:#4b5563}.footer-bottom{width:100%;padding:2rem 0;text-align:center;display:flex;align-content:center;justify-content:center;gap:4rem}.footer-bottom p{font-size:2rem;color:#4b5563}.footer-bottom .social-icons{display:flex;justify-content:center;gap:1.5rem;font-size:2.5rem}.footer-bottom .social-icons a{color:#4b5563;transition:color .3s}.footer-bottom .social-icons a:hover{color:#2563eb}.about-us{margin-block:8rem;display:flex;align-items:center;justify-content:center;gap:1rem}.about-us .img img{height:100%;width:100%}.about-us .text{display:flex;flex-direction:column;align-items:center;gap:1rem}.about-us .text h2{font-size:3rem;font-weight:200;text-transform:uppercase}.about-us .text .paragraph{display:flex;flex-direction:column;gap:4rem;max-width:65rem}.about-us .text .paragraph p{font-size:1.7rem;line-height:3rem;text-transform:capitalize;color:#4b5563}.contact_us{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-block:3rem 10rem;gap:5rem}.contact_us h2{font-size:3rem;font-weight:200;text-transform:uppercase}.contact_us .data{display:flex;align-items:center;justify-content:center;gap:1rem}.contact_us .data .img{height:50rem;width:80rem}.contact_us .data .img img{height:100%;width:100%;object-fit:cover}.contact_us .data .text{display:flex;flex-direction:column;gap:2rem}.contact_us .data .text h3{color:#4b5563;font-size:1.9rem;text-transform:uppercase;font-weight:500}.contact_us .data .text a{font-size:1.7rem;font-weight:200;color:#4b5563}.contact_us .data .text .map{margin-top:1rem}.contact_us .data .text .map iframe{width:100%;height:250px;border-radius:10px;border:none}.all_doctors{margin-block:3rem;display:flex;gap:3rem;width:100%}.all_doctors .filters{display:flex;flex-direction:column;gap:2rem}.all_doctors .filters button{border:1px solid #b4b4b4;font-size:1.5rem;text-transform:capitalize;text-align:start;border-radius:.5rem;width:25rem;padding-left:1.3rem;height:4.5rem;transition:.1s ease-in-out;color:#4b5563;cursor:pointer}.all_doctors .filters button:hover{background-color:#d4f1ff;border-radius:.5rem;border-color:#d4f1ff}.all_doctors .boxes{display:flex;gap:2rem;flex-wrap:wrap}.all_doctors .boxes .box{display:flex;flex-direction:column;gap:1rem;padding-bottom:2rem;border:1px solid #c9d8ff;border-radius:1rem;width:25rem;cursor:pointer}.all_doctors .boxes .box .img{background-color:#d4f1ff;border-radius:1rem 1rem 0rem 0rem;height:26rem}.all_doctors .boxes .box .img img{height:100%;width:100%;object-fit:cover;object-position:top}.all_doctors .boxes .box .text{display:flex;flex-direction:column;padding-left:1rem;gap:.5rem}.all_doctors .boxes .box .text h4{font-size:1.5rem;text-transform:capitalize;font-weight:500}.all_doctors .boxes .box .text p{font-size:1.2rem;text-transform:capitalize;color:#4b5563}.all_doctors .boxes .box .text .stars{display:flex;align-items:center;gap:.5rem}.all_doctors .boxes .box .text .stars .icons{font-size:1.2rem;color:#fdc350;display:flex;align-items:center;gap:.2rem}.all_doctors .boxes .box .text .stars p{color:#577cef;font-size:1.2rem}.all_doctors .boxes .box .text button{background-color:#577cef;font-size:1.1rem;text-transform:capitalize;padding:.2rem 1rem;color:#fff;cursor:pointer;border-radius:.2rem}.all_doctors-two{margin-block:2rem;display:flex;gap:2rem;width:100%;flex-direction:column;align-items:center;justify-self:center}.all_doctors-two .boxes{display:flex;gap:2rem;flex-wrap:wrap}.all_doctors-two .boxes .box{display:flex;padding-bottom:.8rem;flex-direction:column;gap:1rem;border:1px solid #c9d8ff;border-radius:1rem;width:20rem;cursor:pointer}.all_doctors-two .boxes .box .img{background-color:#d4f1ff;border-radius:1rem 1rem 0rem 0rem;height:20rem}.all_doctors-two .boxes .box .img img{height:100%;width:100%;object-fit:cover;object-position:top}.all_doctors-two .boxes .box .text{display:flex;flex-direction:column;padding-left:1rem;gap:.5rem}.all_doctors-two .boxes .box .text h4{font-size:1.5rem;text-transform:capitalize;font-weight:500}.all_doctors-two .boxes .box .text p{font-size:1.2rem;text-transform:capitalize;color:#4b5563}.all_doctors-two .boxes .box .text .stars{display:flex;align-items:center;gap:.5rem}.all_doctors-two .boxes .box .text .stars .icons{font-size:1.2rem;color:#fdc350;display:flex;align-items:center;gap:.2rem}.all_doctors-two .boxes .box .text .stars p{color:#577cef;font-size:1.2rem}.all_doctors-two .boxes .box .text button{background-color:#577cef;font-size:1.1rem;text-transform:capitalize;padding:.2rem 1rem;color:#fff;cursor:pointer;border-radius:.2rem}.all_doctors-two .btn-feedback{background-color:#2d326a;color:#fff;padding:.5rem 4rem;border-radius:2rem;border:none;cursor:pointer;font-size:1.4rem}.all_doctors-two .feedback-list{display:flex;gap:2rem;flex-wrap:wrap;width:100%;align-items:center;justify-content:center}.all_doctors-two .feedback-item{display:flex;width:22rem;flex-direction:column;gap:1rem;padding:1rem}.all_doctors-two .feedback-item .avatar{height:100%;width:100%;border-radius:3rem;display:flex;gap:.5rem;color:#0971f1}.all_doctors-two .feedback-item .avatar img{border-radius:3rem;object-fit:cover;width:5rem;height:5rem;object-position:top;cursor:pointer}.all_doctors-two .feedback-item .avatar .name{font-size:1.5rem;font-weight:600;color:#333;text-transform:capitalize}.all_doctors-two .feedback-item .content{flex:1;display:flex;flex-direction:column;gap:.8rem}.all_doctors-two .feedback-item .content .field{width:100%;display:flex;align-items:center;gap:.6rem}.all_doctors-two .feedback-item .content .field .label{font-size:1.5rem;color:#666}.all_doctors-two .feedback-item .content .field .comment{font-size:1.5rem;color:#444;text-transform:capitalize}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:2rem}.auth-box{background-color:#fff;padding:3rem;border-radius:1rem;box-shadow:0 .4rem 1.2rem #00000014;width:100%;max-width:40rem;border:1px solid #e1e1e1}.auth-box h2{font-size:2rem;color:#4b5563;margin-bottom:.5rem}.auth-box p{font-size:1.4rem;color:#4b5563;margin-bottom:2rem}.auth-box label{display:block;margin-top:1rem;margin-bottom:.5rem;font-size:1.4rem;color:#4b5563}.auth-box input{width:100%;padding:1rem;font-size:1.4rem;border:1px solid #dadada;border-radius:.5rem;margin-bottom:1rem;transition:border .2s}.auth-box input:focus{outline:none;border-color:#3e4fff}.auth-box .password-wrapper{position:relative}.auth-box .password-wrapper input{width:100%;padding:1rem 4rem 1rem 1rem;font-size:1.4rem;border:1px solid #ccc;border-radius:.5rem;margin-bottom:1.5rem}.auth-box .password-wrapper .eye-icon{position:absolute;right:1rem;top:30%;transform:translateY(-30%);cursor:pointer;color:#ccc;font-size:1.6rem;-webkit-user-select:none;user-select:none}.auth-box .password-wrapper .eye-icon:hover{color:#555}.auth-box button{width:100%;background-color:#303770;color:#fff;border:none;border-radius:.5rem;padding:1.2rem;font-size:1.6rem;cursor:pointer;margin-top:1rem;transition:background-color .3s}.auth-box button:hover{background-color:#1d1d5c}.auth-box .login-link{margin-top:2rem;font-size:1.4rem}.auth-box .login-link a{color:#3e4fff;text-decoration:none}.auth-box .login-link a:hover{text-decoration:underline}.profile-container{display:flex;align-items:center;padding:3rem;width:100%}.profile-card{width:100%;max-width:500px;background-color:#fff;padding:2rem;display:flex;flex-direction:column;align-items:flex-start;gap:1rem}.profile-card input{padding:1rem;font-size:1.4rem;border:1px solid #DADADA;border-radius:.5rem;margin-bottom:1rem;transition:border .2s}.profile-card input:focus{outline:none;border-color:#3e4fff}.profile-card .avatar{width:100px;height:100px;border-radius:50%;margin-bottom:1rem;display:flex;cursor:pointer;align-items:center;justify-content:center}.profile-card .avatar img{width:100%;height:100%;object-fit:cover}.profile-card .user-name{font-size:2rem;font-weight:600;margin-bottom:.5rem}.profile-card hr{width:100%;border:.5px solid #ccc;margin-bottom:1rem}.profile-card .contact-info{display:flex;flex-direction:column;gap:1rem}.profile-card .contact-info h4{text-transform:uppercase;font-size:1.5rem;font-weight:500;color:#444;margin-bottom:1rem}.profile-card .contact-info p{font-size:1.4rem;margin-bottom:.5rem;color:#4b5563}.profile-card .contact-info p a{color:#3c96ff;text-decoration:none}.profile-card .contact-info p a:hover{text-decoration:underline}.profile-card .contact-info p strong{font-weight:500;margin-right:.5rem}.profile-card .action-buttons{display:flex;gap:1rem;margin-top:6rem}.profile-card .action-buttons button{padding:1rem 2.5rem;border:1px solid #303770;background:none;border-radius:2rem;cursor:pointer;font-size:1.5rem;color:#4b5563;transition:background .3s}.profile-card .action-buttons button:hover{background-color:#f2f2f2}.appointments-container{padding:3rem 0rem;max-width:1000px;margin:auto}.appointments-container h2{font-size:1.6rem;font-weight:600;color:#4b5563;position:relative;top:1rem}.appointments-container .appointment-card{display:flex;justify-content:space-between;align-items:flex-start;padding:1.5rem;margin-bottom:1.5rem;border-radius:8px}.appointments-container .appointment-card .doctor-info{display:flex;gap:1.2rem}.appointments-container .appointment-card .doctor-info .img{width:10rem;height:12rem;background-color:#d4f1ff}.appointments-container .appointment-card .doctor-info .img img{width:100%;height:100%;object-fit:cover}.appointments-container .appointment-card .doctor-info .text{display:flex;flex-direction:column;gap:.4rem}.appointments-container .appointment-card .doctor-info .text h3{margin:0;font-size:1.7rem;font-weight:600}.appointments-container .appointment-card .doctor-info .text p{margin:.3rem 0;font-size:1.2rem;color:#4b5563}.appointments-container .appointment-card .doctor-info .text p strong{font-weight:500}.appointments-container .appointment-card .appointment-actions{display:flex;flex-direction:column;align-items:flex-end;gap:1rem}.appointments-container .appointment-card .appointment-actions .status-badge{font-size:1.8rem;border:1px solid;border-radius:20px;padding:.5rem 2.5rem}.appointments-container .appointment-card .appointment-actions .status-badge span{font-weight:600;margin-left:.3rem}.appointments-container .appointment-card .appointment-actions .status-badge.complete{color:green;border-color:green}.appointments-container .appointment-card .appointment-actions .status-badge.in-progress{color:#d4aa00;border-color:#d4aa00}.appointments-container .appointment-card .appointment-actions .status-badge.cancel{color:red;border-color:red}.appointments-container .appointment-card .appointment-actions .pay-btn{background-color:#2e3a82;color:#fff;border:none;padding:.7rem 2.9rem;border-radius:4px;font-size:1.4rem;cursor:pointer}.appointments-container .appointment-card .appointment-actions .pay-btn.paid{background-color:#2e3a82;cursor:default}.appointments-container .appointment-card .appointment-actions .action-row{display:flex;gap:.5rem}.appointments-container .appointment-card .appointment-actions .action-row .medical-record-btn{background-color:#31c840;color:#fff;border:none;padding:.8rem 1.2rem;border-radius:4px;font-size:1.2rem;font-weight:lighter;cursor:pointer}.appointments-container .appointment-card .appointment-actions .action-row .cancel-btn{background-color:#fff;color:red;border:1px solid red;padding:.5rem 1.2rem;border-radius:4px;font-size:1.3rem;cursor:pointer}.analysis-container{padding:1rem 10rem}.analysis-container h4{font-size:1.8rem;font-weight:600;color:#4b5563;position:relative;top:1rem}.analysis-container .analysis-box{border-top:1px solid #eaeaea;padding:15px 0}.analysis-container .analysis-box .analysis-top{display:flex;align-items:flex-start;gap:15px}.analysis-container .analysis-box .analysis-top .lab-icon{width:7rem;height:7rem}.analysis-container .analysis-box .analysis-top .analysis-info .title{font-size:2rem;font-weight:500;color:#262626;text-transform:capitalize}.analysis-container .analysis-box .analysis-top .analysis-info .datetime{font-size:1.2rem;color:#989898;margin-top:4px}.analysis-container .analysis-box .analysis-top .analysis-info .action{display:flex;gap:1rem;align-items:end}.analysis-container .analysis-box .analysis-top .analysis-info .action .open-btn{background-color:#303770;color:#fff;border:none;padding:7px 18px;font-size:1.4rem;font-weight:300;border-radius:4px;cursor:pointer;margin-top:3rem}.analysis-container .analysis-box .analysis-top .analysis-info .action .open-btn:hover{background-color:#1c1c6b}.analysis-container .analysis-box .analysis-top .analysis-info .action .download{font-size:2.5rem;cursor:pointer;color:#000;font-weight:600}.analysis-title{text-align:center;font-size:3rem;font-weight:600;margin-bottom:1.5rem;color:#515151}.analysis-table{width:100%;border-collapse:collapse;border-radius:.4rem;overflow:hidden;font-size:1.4rem}.analysis-table thead th{text-align:left;padding:1.2rem;font-weight:700;color:#333;font-size:1.7rem;border-bottom:1px solid #ccc}.analysis-table tbody tr td{padding:1.2rem;color:#333}.modalOverlay{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:999}.modalContent{background:#fff;border-radius:12px;padding:4rem 3rem;width:50rem;max-width:90%;box-shadow:0 4px 12px #0003}.modalContent .stars{display:flex;align-items:center;gap:.5rem;font-size:2rem}.modalContent h3{font-size:2.5rem;font-weight:600;margin-bottom:1rem}.modalContent label{display:block;margin-bottom:1rem;font-weight:400;font-size:2rem}.modalContent label input{display:block;margin-top:.5rem;padding:.5rem 1.2rem;width:100%;border:2px solid #ccc;border-radius:.4rem;transition:.2s ease-in-out}.modalContent label input:focus{border-color:#000b6d;outline:none}.modalContent .buttons{display:flex;justify-content:flex-end;gap:10px}.modalContent .buttons button{padding:.5rem 1.25rem;border:none;border-radius:5px;cursor:pointer}.modalContent .buttons button.cancel{background-color:#f0f0f0}.modalContent .buttons button.save{background-color:#303770;color:#fff}.modalContent .buttons button:disabled{opacity:.6;cursor:not-allowed}.analysis-heading{font-size:2rem;font-weight:700;margin-bottom:1.5rem}.analysis-heading span{color:#3b82f6}.analysis-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.analysis-card{background:#fff;border-radius:1rem;padding:1.25rem;transition:.3s ease}.analysis-card .data{display:flex;align-items:center;justify-content:space-between}.analysis-card .data h4{font-size:2.5rem;font-weight:600;text-transform:capitalize;margin-bottom:.75rem;margin-bottom:3rem}.analysis-card .data .download-link{padding:.5rem 1.5rem;background:#303770;color:#fff;border-radius:.375rem;text-decoration:none;font-size:1.5rem;transition:background .2s ease}.analysis-card .data .download-link:hover{background:#2563eb}.analysis-card .img-wrapper{display:block}.analysis-card .img-wrapper img{width:100%;height:250px;object-fit:contain;background-color:#f9fafb;border:1px solid #e5e7eb;border-radius:.5rem}.analysis-card .pdf-viewer{display:flex;flex-direction:column;align-items:center}.analysis-card .pdf-viewer .pdf-frame{width:100%;height:100dvh;border:1px solid #ccc;border-radius:.5rem;margin-bottom:.75rem}.analysis-loading,.analysis-error,.no-analysis{text-align:center;font-size:1.1rem;margin-top:2rem;color:#6b7280}.doctor-details{display:flex;gap:1rem;padding:2rem 10rem;width:100%}.doctor-details .left-panel{width:26rem;height:30rem;border-radius:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.doctor-details .left-panel img{background-color:#d4f1ff;width:100%;height:100%;border-radius:1rem;object-fit:contain}.doctor-details .right-panel{flex:1;background:#fff;border-radius:.8rem;padding:2rem;box-shadow:0 0 8px #0000000d}.doctor-details .right-panel .doctor-info{margin-bottom:2rem;padding:3rem;border-radius:.5rem;display:flex;flex-direction:column;gap:1rem;border:1px solid #adadad}.doctor-details .right-panel .doctor-info h2{font-size:1.8rem;color:#1f2937}.doctor-details .right-panel .doctor-info .stars{display:flex;align-items:center;gap:.5rem}.doctor-details .right-panel .doctor-info .stars .icons{font-size:1.2rem;display:flex;align-items:center;gap:.2rem}.doctor-details .right-panel .doctor-info .stars p{color:#577cef;font-size:1.2rem}.doctor-details .right-panel .doctor-info .specialty,.doctor-details .right-panel .doctor-info .experience{font-size:1.4rem;color:#4b5563}.doctor-details .right-panel .doctor-info .about{font-size:1.4rem;color:#4b5563;max-width:70rem;font-weight:400}.doctor-details .right-panel .doctor-info .fee{color:#4b5563;font-size:1.4rem;font-weight:400}.doctor-details .right-panel select{background-color:#2d326a;border:none;outline:none;padding:1rem;border-radius:2rem;cursor:pointer;box-shadow:0 4px 12px #5f6fff66;color:#fff;font-size:1.5rem;text-transform:capitalize;width:15rem;text-align:center;-webkit-appearance:none;-moz-appearance:none;appearance:none}.doctor-details .right-panel .booking-section{margin-block:2rem;display:flex;flex-direction:column;gap:1rem}.doctor-details .right-panel .booking-section h4{font-size:1.6rem;color:#565656;margin-bottom:.8rem}.doctor-details .right-panel .booking-section .days{display:flex;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.doctor-details .right-panel .booking-section .days .day{padding:.7rem 2rem;border-radius:3rem;background:#fff;border:1px solid #9ca3af;text-align:center;cursor:pointer;transition:.3s;font-size:1.3rem;display:flex;gap:.5rem}.doctor-details .right-panel .booking-section .days .day.active{background:#303770;color:#fff;border:none}.doctor-details .right-panel .booking-section .slots{display:flex;flex-wrap:wrap;gap:1rem}.doctor-details .right-panel .booking-section .slots .slot{padding:.5rem 1rem;border-radius:2rem;background:#fff;border:1px solid #9ca3af;cursor:pointer;transition:.3s;font-size:1.2rem}.doctor-details .right-panel .booking-section .slots .slot.active{background:#303770;border:none;color:#fff}.doctor-details .right-panel .payment-section{margin-bottom:2rem;display:flex;gap:1rem}.doctor-details .right-panel .payment-section h4{font-size:1.6rem;color:#565656;margin-bottom:.8rem}.doctor-details .right-panel .payment-section .methods{display:flex;gap:1rem}.doctor-details .right-panel .payment-section .methods .method{padding:.8rem 1.8rem;border-radius:2rem;border:1px solid #ccc;cursor:pointer}.doctor-details .right-panel .payment-section .methods .method.active{background:#2d326a;color:#fff;border-color:#2d326a}.doctor-details .right-panel .book-btn{background-color:#2d326a;color:#fff;padding:1rem 4rem;border-radius:2rem;border:none;cursor:pointer;font-size:1rem}.medical-container{margin:5rem auto;padding:2rem 4rem;border-radius:.4rem;width:calc(100% - 70rem);border:1px solid #d8d8d8}.form-title{text-align:center;font-size:2rem;margin-bottom:2rem;font-weight:600;color:#333}.medical-form{display:flex;flex-direction:column;gap:2rem}.medical-form .form-row{display:flex;flex-direction:column}.medical-form .form-row label{font-weight:600;margin-bottom:.6rem;font-size:1.8rem}.medical-form .form-row textarea,.medical-form .form-row input{width:100%;padding:1rem;font-size:1.4rem;border:1px solid #dadada;border-radius:.5rem;margin-bottom:1rem;transition:border .2s}.medical-form .form-row textarea:focus,.medical-form .form-row input:focus{outline:none;border-color:#3e4fff}.medical-form .submit-btn{margin-top:2rem;padding:1.2rem;background-color:#303770;color:#fff;border:none;border-radius:.4rem;width:12rem;font-size:1.4rem;cursor:pointer}.demo-container{width:98%;margin:auto;border-radius:2rem;position:absolute;top:5.4rem;z-index:9999}.progress-bar{height:.5rem;overflow:hidden;width:100%}.progress-bar-value{background-color:#303770;width:100%;height:100%;animation:indeterminateAnimation 1s infinite linear;transform-origin:0% 50%}@keyframes indeterminateAnimation{0%{transform:translate(0) scaleX(0)}40%{transform:translate(0) scaleX(.4)}to{transform:translate(100%) scaleX(.5)}}