*{margin:0;padding:0;box-sizing:border-box;font-family:Outfit,sans-serif}.container{display:flex;flex-direction:row;justify-content:space-between;align-items:center;padding:5px 0;border-bottom:1px solid #adadad;margin:10px 10%}.logo_class{display:flex;flex-direction:row;justify-content:center;align-items:center}.logo{width:30px;height:30px;margin-right:10px}.logo-text{font-size:25px;font-weight:700;color:#000b6d}.links_class ul{display:flex;justify-content:center;align-items:center}.links_class ul li{list-style-type:none;margin:0 15px}.links{font-size:13px;font-weight:400}.active-link{border-bottom:2px solid #5f6fff}.link-item{color:#000;text-decoration:none}.logged-in{position:relative}.user-profile{width:50px;height:50px;border-radius:50%}.dropdown-menu{background-color:#fff;box-shadow:0 8px 32px #1976d226,0 1.5px 6px #00000012;border-radius:16px;padding:14px 0 8px;position:absolute;top:60px;right:0;min-width:180px;z-index:100;transition:box-shadow .2s}.dropdown-menu ul{padding:0;margin:0}.dropdown-menu ul li{list-style-type:none;margin:0;padding:0}.dropdown-menu-item{display:block;width:100%;padding:12px 24px;font-size:15px;color:#222;background:none;border:none;text-align:left;text-decoration:none;cursor:pointer;border-radius:8px;transition:background .15s,color .15s}.dropdown-menu-item:hover{background:#f0f4fa;color:#1976d2}.dropdown-menu-item.logout-btn{border-top:1px solid #e0e0e0;margin-top:8px;color:#b91c1c;font-weight:600;border-radius:0 0 8px 8px;padding-left:24px;padding-right:24px}.dropdown-menu-item.logout-btn:hover{background:#fdeaea;color:#a31515}.user-initials-avatar{width:48px;height:48px;background:#1976d2;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;cursor:pointer;box-shadow:0 2px 8px #1976d214;transition:background .2s,box-shadow .2s;margin-right:8px}.user-initials-avatar:hover{background:#115293;box-shadow:0 4px 16px #1976d21f}.logout-btn{width:100%;background:none;border:none;color:#b91c1c;font-size:15px;text-align:left;padding:0;cursor:pointer;margin-top:8px}.herosection-parent{background-color:#5f6fff;margin:20px 10%;height:500px;border-radius:10px;display:flex;flex-direction:row;justify-content:space-between}.herosection-image{width:100%;height:80%;margin-top:100px;border-radius:10px 0 0 10px;object-fit:contain}.left-section-text{color:#fff;font-size:50px}.left-section{display:flex;flex-direction:column;justify-content:center;margin:0 50px}.left-section-text-parent{margin:0 0 10px}.left-section-subHeroSection-text{color:#fff;font-size:15px}.left-section-group-profile-image{width:100px;margin-right:10px}.left-section-subHeroSection{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:0 0 15px}.left-section-button{padding:10px 20px;border-radius:50px;font-size:13px;font-weight:400;background-color:#fff;color:#595959;cursor:pointer;box-shadow:none;border:none;outline:none;justify-content:center;align-items:center;display:flex}.right-arrow-icon{width:20px;height:20px;margin-left:5px}.speciality-parent{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:50px 10%}.find-by-speciality-text{font-size:30px;font-weight:500;margin:0 0 20px;color:#1f2937}.description-text{font-size:15px;font-weight:400;color:#6b7280;margin:0 0 20px;text-align:center}.categories{display:flex;flex-direction:row;justify-content:center;align-items:center;margin:10px 0 20px}.category-circle{margin:0 10px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.category-image{width:100px;height:100px;border-radius:50%}.doctors-parent{margin:10px 10%;display:flex;flex-direction:column;justify-content:center;align-items:center}.doctor-list{margin-top:20px;display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(1,auto);gap:30px}.doctors-text{font-size:30px;font-weight:500;margin:0 0 20px;color:#1f2937}.doctors-description-text{font-size:15px;font-weight:400;color:#6b7280;margin:0 0 20px;text-align:center}.doctor-card{border:1px solid #c9d8ff;border-radius:10px;overflow:hidden;transition:transform .2s ease-in-out}.doctor-card:hover{transform:scale(1.05)}.card-image-section{background-color:#c9d8ff;border-radius:10px 10px 0 0;display:flex;justify-content:center;padding:10px}.card-image-doctor{width:220px;height:220px;object-fit:cover;border-radius:10px}.card-text-section{display:flex;flex-direction:column;justify-content:center;align-items:center;margin:10px 0}.availability-text{font-size:12px;font-weight:400;color:green;display:flex;flex-direction:row;justify-content:center;align-items:center;gap:5px}.available-dot{width:6px;height:6px;border-radius:50%;background-color:#0fbf00}.doctor-name{font-weight:700;color:#333;font-size:14px;margin:5px 0}.doctors-speciality-text{color:#4b5563;font-size:12px}.more-button{padding:10px 30px;border-radius:50px;font-size:13px;font-weight:400;background-color:#5f6fff;color:#fff;cursor:pointer;box-shadow:none;border:none;outline:none;display:flex;justify-content:center;align-items:center;margin-top:20px}@media (max-width: 1024px){.doctor-list{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.doctor-list{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.doctor-list{grid-template-columns:repeat(1,1fr)}}.subfooter-parent{background-color:#5f6fff;height:460px;margin:50px 10%;border-radius:10px;display:flex;flex-direction:row;justify-content:space-between;position:relative}.subfooter-left-section{display:flex;flex-direction:column;justify-content:center;align-items:start;margin:0 50px}.subfooter-right-section{display:flex;justify-content:center;align-items:center}.appointment-image{width:100%;height:110%;border-radius:10px 0 0 10px;object-fit:cover;margin:0 10px 0 0}.book-appointment-text{color:#fff;font-size:50px;margin:0 0 10px}.create-account-button{padding:10px 20px;border-radius:50px;font-size:13px;font-weight:400;background-color:#fff;color:#595959;cursor:pointer;position:relative;top:10px;border:none}.footer-parent{margin:10px 10% 0;padding:40px 10px;display:flex;flex-direction:column;justify-content:space-between}.section-1{display:flex;justify-content:space-between;flex-wrap:wrap;gap:30px}.abouts-section{width:30%;color:#333}.sub-section-1{display:flex;align-items:center;margin-bottom:10px}.logo{width:40px;height:40px;margin-right:10px}.logo-text{font-size:24px;font-weight:700;color:#000b6d}.abouts-section p{font-size:14px;color:#555}.links-section,.contacts-section{width:30%}.links-section h3,.contacts-section h3{color:#000b6d;font-size:18px;margin-bottom:10px}.links-section ul{list-style:none;padding:0}.links-section li{font-size:14px;color:#555;margin-bottom:5px;cursor:pointer}.links-section li:hover{text-decoration:underline;color:#000b6d}.contacts-section p{font-size:14px;color:#555;margin-bottom:5px}.section-2{text-align:center;margin-top:20px;padding-top:10px;border-top:1px solid #ddd}.section-2 p{font-size:14px;color:#666}.detail-card-container{display:flex;flex-direction:row;margin:20px 10%;padding:20px;border-radius:10px;background:#fff;box-shadow:0 4px 8px #0000001a;align-items:center;gap:20px}.image-section{background-color:#5f6fff;border-radius:10px;padding:10px;display:flex;align-items:center;justify-content:center}.doctor-image-dimension{width:260px;height:260px;border-radius:10px;object-fit:cover}.detail-section{border:1px solid #dddddd;border-radius:10px;padding:20px;background:#f9f9ff;display:flex;flex-direction:column;gap:10px}.doctor-name-container{display:flex;align-items:center;gap:10px}.doctor-name{font-size:22px;font-weight:600;color:#1f2937}.career-detail{display:flex;justify-content:space-between;font-size:16px;font-weight:500;color:#555;padding:5px 0}.about-container{background:#fff;border-radius:10px;padding:10px;border-left:4px solid #5f6fff;box-shadow:0 2px 5px #0000001a}.sub-about-container{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:#000b6d}.about-container p{font-size:14px;color:#444;line-height:1.5}.detail-section p{font-size:16px;font-weight:500;color:#333;text-align:start}.detail-section span{font-size:18px;font-weight:700;color:#ff5722}.booking-slot-container{padding:15px;background:#fff;border-radius:10px;margin:20px 10% 20px 30%}.booking-slot-container p{font-size:16px;color:#333;margin-bottom:8px}.slot-dates{display:flex;align-items:center;gap:12px;margin-bottom:15px}.slot-date{border:1px solid #ccc;padding:6px 12px;border-radius:20px;text-align:center;font-size:12px;font-weight:500;cursor:pointer;transition:.3s}.slot-date:hover{border-color:#5f6fff;transform:scale(1.05)}.slot-times{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:15px}.slot-times div{border:1px solid #ccc;padding:6px 12px;border-radius:20px;font-size:12px;font-weight:500;cursor:pointer;transition:.3s}.slot-times div:hover{border-color:#5f6fff;transform:scale(1.05)}button{background:#5f6fff;color:#fff;border:none;padding:10px 40px;border-radius:20px;font-size:14px;font-weight:700;cursor:pointer;transition:.3s}button:hover{background:#4a5ae6;transform:scale(1.05)}.selected-slot-date,.selected-slot-time{background:#5f6fff;color:#fff;border-color:#5f6fff;box-shadow:0 2px 8px #5f6fff1a}.related-docs-wrapper{margin:40px 10%;padding:20px;text-align:center}.related-docs-title{font-size:24px;font-weight:700;color:#333;margin-bottom:5px}.related-docs-description{font-size:14px;color:#666;margin-bottom:20px}.related-docs-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;justify-content:center;align-items:center}.related-docs-card{border:1px solid #ddd;border-radius:8px;padding:15px;text-align:center;transition:transform .2s ease-in-out}.related-docs-card:hover{transform:scale(1.05)}.related-docs-image-container{display:flex;justify-content:center;margin-bottom:10px}.related-docs-image{width:100px;height:100px;border-radius:50%;object-fit:cover}.related-docs-info p{font-size:14px;margin:3px 0}.related-docs-availability{font-size:12px;color:#28a745;display:flex;justify-content:center;align-items:center;gap:5px}.related-docs-status-dot{width:10px;height:10px}.related-docs-name{font-weight:700;color:#333}.related-docs-speciality{color:#666}@media (max-width: 1024px){.related-docs-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.related-docs-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.related-docs-grid{grid-template-columns:repeat(1,1fr)}}.doctors-container{margin:10px 10%;display:flex;flex-direction:row}.doctors-header{margin:10px 10%;font-size:15px;font-weight:500;color:#1f2937}.doctors-grid{margin:10px 0 0 20px;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.doctor-card-new{border:1px solid #c9d8ff;border-radius:10px 10px 0 0;overflow:hidden;transition:transform .2s ease-in-out;text-align:center}.doctor-card-new:hover{transform:scale(1.05)}.doctor-img-container{background-color:#c9d8ff;border-radius:10px 10px 0 0;display:flex;justify-content:center;align-items:center;padding:10px}.doctor-img{width:150px;height:150px;object-fit:cover;border-radius:10px}.doctor-info{margin-top:10px;padding:10px}.doctor-name-new{font-size:16px;font-weight:700;color:#333;margin-bottom:5px}.doctor-specialty{font-size:14px;color:#4b5563;margin-bottom:5px}.doctor-availability{font-size:12px;font-weight:400}.available{color:green}.unavailable{color:red}@media (max-width: 1024px){.doctors-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.doctors-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.doctors-grid{grid-template-columns:repeat(1,1fr)}}.speciality-list li{list-style-type:none;border:1px solid #e5e7eb;color:#4b5563;margin:10px 0;padding:8px 30px 8px 10px;border-radius:5px}.about-container{max-width:1200px;margin:0 auto;padding:50px 20px;text-align:center}.about-title,.choose-title{font-size:28px;font-weight:700;color:#1f2937;margin-bottom:20px}.about-content{display:flex;align-items:center;justify-content:space-between;text-align:left;margin-bottom:50px}.about-image{display:flex;gap:15px}.doc-image{width:400px;height:400px;object-fit:cover;border-radius:10px;box-shadow:0 4px 8px #0003}.about-text{margin-left:20px}.about-text p{font-size:16px;color:#333;line-height:1.6;margin-bottom:15px}.vision-title{font-size:20px;font-weight:700;margin-top:20px}.choose-container{display:flex;justify-content:space-between;gap:20px}.choose-box{flex:1;border:1px solid #c9d8ff;border-radius:10px;padding:20px;text-align:center;box-shadow:0 4px 8px #0000001a}.choose-heading{font-size:18px;font-weight:700;margin-bottom:10px;color:#1f2937}.choose-box p{font-size:14px;color:#4b5563}@media (max-width: 1024px){.about-content{flex-direction:column;text-align:center}.about-image{justify-content:center}.choose-container{flex-direction:column;align-items:center}.choose-box{width:80%}}@media (max-width: 768px){.doc-image{width:200px;height:200px}}@media (max-width: 480px){.doc-image{width:150px;height:150px}.choose-box{width:100%}}.contact-container{padding:0 20px;text-align:center}.contact-title{margin-top:10px;font-size:18px;font-weight:400;color:#1f2937;margin-bottom:30px}.highlight{color:#0056b3}.contact-content{display:flex;align-items:center;justify-content:center;text-align:left;gap:40px}.contact-image img{width:400px;height:400px;border-radius:10px;object-fit:cover;box-shadow:0 4px 8px #0003}.contact-details{max-width:500px}.office-info,.careers-info{margin-bottom:20px}.section-title{font-size:20px;font-weight:700;margin-bottom:10px}.explore-jobs{margin-top:10px;color:#000;padding:10px 15px;font-size:14px;font-weight:700;border:1px solid #1f2937;background-color:transparent;border-radius:5px;cursor:pointer;transition:background-color .3s ease,color .3s ease}.contact-form-card{background:#fff;border-radius:16px;box-shadow:0 4px 24px #0000001a;padding:32px 28px 24px;margin:0 auto;max-width:420px;display:flex;flex-direction:column;gap:18px}.contact-label{font-size:15px;font-weight:500;margin-bottom:4px;color:#1f2937;margin-top:8px}.contact-input,.contact-textarea{width:100%;padding:12px 14px;border:1.5px solid #e0e0e0;border-radius:8px;font-size:15px;margin-bottom:8px;background:#fafbfc;transition:border-color .2s;outline:none}.contact-input:focus,.contact-textarea:focus{border-color:#0056b3;background:#fff}.contact-textarea{min-height:90px;resize:vertical}.contact-submit-btn{background:#1976d2;color:#fff;border:none;border-radius:8px;padding:12px 32px;font-size:16px;font-weight:600;cursor:pointer;margin-top:8px;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px #1976d214}.contact-submit-btn:hover{background:#115293;box-shadow:0 4px 16px #1976d21f}.contact-success-msg{color:#1b883a;background:#eafaf1;border:1px solid #b6e2c6;border-radius:6px;padding:8px 12px;margin-top:10px;font-size:15px;text-align:center}.contact-error-msg{color:#b91c1c;background:#fbeaea;border:1px solid #f5c2c7;border-radius:6px;padding:8px 12px;margin-top:10px;font-size:15px;text-align:center}@media (max-width: 600px){.contact-form-card{padding:18px 8px 16px;max-width:98vw}}@media (max-width: 1024px){.contact-content{flex-direction:column;text-align:center;gap:20px}.contact-image img{width:80%;height:auto}.contact-details{text-align:center}}@media (max-width: 768px){.contact-image img{width:100%;height:auto}}.signup-container{width:350px;background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 10px #0000001a;text-align:center;font-family:Arial,sans-serif;margin:50px auto}.signup-container h2{font-size:22px;margin-bottom:5px}.signup-container p{font-size:14px;color:#666;margin-bottom:20px}.signup-container form{display:flex;flex-direction:column;gap:10px}.signup-container label{text-align:left;font-size:14px;font-weight:700}.signup-container input{padding:10px;border:1px solid #ccc;border-radius:5px;font-size:14px}.signup-btn{background:#4c6ef5;color:#fff;padding:12px;border:none;border-radius:5px;cursor:pointer;font-size:14px;margin-top:15px}.signup-container a{color:#4c6ef5;text-decoration:none}.signup-container a:hover{text-decoration:underline}.login-container{width:350px;background:#fff;padding:30px;border-radius:10px;box-shadow:0 4px 10px #0000001a;text-align:center;font-family:Arial,sans-serif;margin:50px auto}.login-container h2{font-size:22px;margin-bottom:5px}.login-container p{font-size:14px;color:#666;margin-bottom:20px}.login-container form{display:flex;flex-direction:column;gap:10px}.login-container label{text-align:left;font-size:14px;font-weight:700}.login-container input{padding:10px;border:1px solid #ccc;border-radius:5px;font-size:14px}.login-btn{background:#4c6ef5;color:#fff;padding:12px;border:none;border-radius:5px;cursor:pointer;font-size:14px;margin-top:15px}.login-container a{color:#4c6ef5;text-decoration:none}.login-container a:hover{text-decoration:underline}.appointments-container{max-width:900px;margin:20px auto;font-family:Arial,sans-serif}.appointment-card{display:flex;align-items:center;justify-content:space-between;background:#fff;padding:15px;margin-bottom:25px;border-radius:8px;box-shadow:0 2px 5px #0000001a}.doctor-image{width:80px;height:80px;border-radius:50%}.appointment-details{flex-grow:1;margin-left:15px}.specialty{color:gray}.appointment-actions{display:flex;flex-direction:column;align-items:flex-end}.pay-btn{background-color:#00f;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:pointer;margin-bottom:5px}.paid-btn{background-color:purple;color:#fff;border:none;padding:8px 12px;border-radius:4px;cursor:default;margin-bottom:5px}.cancel-btn{border:1px solid gray;padding:8px 12px;border-radius:4px;cursor:pointer}.profile-container{width:800px;background:#fff;border-radius:10px;padding:30px;font-family:Arial,sans-serif;text-align:center;margin:auto;display:flex;flex-direction:column}.profile-header{display:flex;justify-content:center;align-items:center;margin-bottom:20px}.profile-pic{width:100px;height:100px;border-radius:50%;object-fit:cover}.profile-name{font-size:24px;margin:15px 0}hr{border:none;border-top:1px solid #ddd;margin:15px 0}.profile-section{text-align:center;margin-bottom:20px}.profile-section h3{font-size:14px;font-weight:700;margin-bottom:10px;text-transform:uppercase}.profile-section p{font-size:14px;margin:8px 0}.profile-section a{color:#00f;text-decoration:none}.profile-actions{display:flex;justify-content:center;gap:15px;margin-top:20px}.edit-btn,.save-btn{padding:10px 15px;border:1px solid blue;border-radius:5px;cursor:pointer;font-size:14px}.edit-btn{background:#fff;color:#00f}.save-btn{background:#00f;color:#fff}.container2{display:flex;flex-direction:row;justify-content:space-between;align-items:center;border-bottom:1px solid #adadad;padding:5px 10px;background-color:#fff}.logo_class2{display:flex;justify-content:center;align-items:center;flex-direction:row}.logo2{width:30px;height:30px;margin-right:10px}.logo-text2{font-size:25px;font-weight:700;color:#000b6d}.admin-badge{font-size:13px;margin-left:10px;border:1px solid #5f6fff;border-radius:50px;padding:3px 20px;font-weight:400}.login_class button{padding:10px 20px;border-radius:50px;font-size:12px;font-weight:400;background-color:#5f6fff;color:#fff;cursor:pointer;box-shadow:none;border:none;outline:none}.sidebar{display:flex;flex-direction:column;height:100vh;width:250px;position:fixed;border-right:1px solid #adadad}.sidebar-item{display:flex;flex-direction:row;align-items:center;padding:10px;margin-top:10px}.active-sidebar-item{background-color:#f2f3ff;border-right:5px solid #5f6fff}.sidebar-item img{width:25px;height:25px;margin-right:10px}.user-record{display:flex;flex-direction:row;align-items:center;margin-top:20px;margin-left:300px;gap:30px}.stat-div{display:flex;flex-direction:row;justify-content:center;align-items:center;padding:5px 20px;border-radius:10px;box-shadow:0 2px 10px #0000001a}.doctor-stat-div{padding:20px 50px}.img-container{margin-right:10px}.latest-appointments-container{background-color:#fff;padding:16px;border-radius:8px;box-shadow:0 2px 10px #0000001a;width:100%;max-width:500px;margin:20px 300px}.header{display:flex;align-items:center;border-bottom:1px solid #e0e0e0;padding-bottom:8px}.icon{color:#2563eb;margin-right:8px}.title{font-size:18px;font-weight:600}.appointments-list{margin-top:16px;list-style:none;padding:0}.appointment-item{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:8px;transition:background .2s ease-in-out}.appointment-item:hover{background-color:#f3f4f6}.appointment-info{display:flex;align-items:center}.profile-pic{width:40px;height:40px;border-radius:50%;margin-right:12px}.doctor-name{font-size:14px;font-weight:500}.booking-date{font-size:12px;color:#6b7280}.delete-button{padding:8px;border-radius:50%;background-color:#fee2e2;color:#dc2626;border:none;cursor:pointer;transition:background .2s ease-in-out}.delete-button:hover{background-color:#fecaca}.appointments-container{padding:20px;background-color:#f8f9fc;border-radius:10px;margin-left:300px;width:800px;margin-top:10px}.appointments-table{width:100%;border-collapse:collapse;border:1px solid #007bff;background:#fff;border-radius:10px;overflow:hidden}.appointments-table th,.appointments-table td{padding:12px;text-align:left;border-bottom:1px solid #ddd}.appointments-table th{background-color:#f4f6fb;font-weight:700}.avatar{width:40px;height:40px;border-radius:50%;margin-right:10px;vertical-align:middle}.delete-btn{background-color:#ff5c5c;border:none;color:#fff;font-size:16px;width:30px;height:30px;border-radius:50%;cursor:pointer}.delete-btn:hover{background-color:#e04e4e}.form-container{padding:5px;background-color:#f8f9fc;border-radius:10px;margin-left:300px;width:800px}.form-box{background:#fff;padding:20px;border-radius:10px;box-shadow:0 2px 4px #0000001a}.upload-section{display:flex;align-items:center;gap:10px;margin-bottom:20px}.upload-avatar{width:50px;height:50px;background:#ddd;border-radius:50%;display:flex;justify-content:center;align-items:center;font-size:24px;cursor:pointer}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.form-group{display:flex;flex-direction:column}.full-width{grid-column:span 2}input,select,textarea{padding:10px;border:1px solid #ccc;border-radius:5px}textarea{min-height:100px}.submit-btn{margin-top:20px;padding:10px 20px;background:#4a67ff;color:#fff;border:none;border-radius:5px;cursor:pointer}.submit-btn:hover{background:#3b57e0}