body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0;overflow-x:hidden}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.navbar{background-color:#fff;box-shadow:0 0 10px #a89d9d8f;justify-content:space-between;padding:20px 30px;position:fixed;width:95vw;z-index:1000}.logo,.navbar{align-items:center;display:flex}.logo{color:#5ab3c3;font-family:Poppins,sans-serif;font-size:25px}.navbar a{text-decoration:none}.logo img{margin-right:10px}.navbar .nav-links{display:flex;gap:15px;margin-right:10px}.navbar .nav-links a{color:#5ab3c3;font-weight:600;padding:10px;text-decoration:none;transition:.3s ease-in-out}.navbar .nav-links a:hover{background-color:#5ccbde;border-radius:10px;box-shadow:0 0 10px rgba(92,203,222,.777);color:#fff}.navbar .extend{display:none}.sidemenu{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe6;border:1px solid #5ccbde80;border-radius:12px;box-shadow:0 4px 10px #5ccbde4d;padding:10px 0;position:fixed;right:-250px;top:80px;transition:transform .5s ease-in-out;width:200px;z-index:100}.sidemenu.active{right:30px}.sidemenu a{border-radius:8px;color:#5ccbde;display:block;font-size:16px;font-weight:600;margin:5px 10px;padding:12px;text-align:center;text-decoration:none;transition:.3s}.sidemenu a:hover{background:#5ccbde;box-shadow:0 0 10px #5ccbdecc;color:#fff;transform:scale(1.05)}@media (max-width:700px){.navbar .nav-links{display:none}.navbar .extend{align-items:center;cursor:pointer;display:flex;margin-right:10px}.extend .inner{border:1px solid #5ccbde;border-radius:50%;color:#5ccbde;display:grid;font-size:20px;height:20px;padding:10px;place-content:center;transition:.3s ease-in-out;width:20px}.extend .inner:hover{background-color:#5ccbde;color:#fff}.extend .inner:active{scale:1.12;transform:rotate(1turn);transition-duration:.6s}.navbar{height:40px;width:85vw}}.home_main{padding-top:50px}.home,.home_main{overflow-x:hidden}.home{display:flex;padding:10px}.extra{animation:wobble 5s ease-in-out infinite alternate;background-color:rgba(92,203,222,.777);clip-path:path("M 100 80 Q 200 10 300 50 T 450 150 Q 500 200 480 260 T 400 340 Q 350 400 250 380 T 100 300 Q 20 250 40 180 T 100 80 Z");height:350px;margin-left:-50px;position:absolute;width:500px;z-index:-1}.left{animation:fadein .7s ease-out;display:grid;font-size:1.2rem;height:90vh;place-content:center;width:50%}.left button{background-color:rgba(92,203,222,.777);border:none;border-radius:10px;color:#fff;cursor:pointer;height:40px;padding:10px}.left button:hover{box-shadow:0 0 10px rgba(92,203,222,.777);scale:1.1}.text{max-width:450px}.pic{display:grid;height:90vh;place-content:center;width:50%}.pic img{height:400px}@media (max-width:800px){.home{place-content:center}.home,.pic{display:grid}.pic{height:auto;place-content:center;width:100%}.extra{margin-left:-65px;scale:.85}.left{display:block;height:auto;margin-top:80px;max-width:450px;padding-inline:20px;width:100%}.text{font-size:1rem;max-width:350px}}@keyframes wobble{0%{clip-path:path("M 100 80 Q 200 10 300 50 T 450 150 Q 500 200 480 260 T 400 340 Q 350 400 250 380 T 100 300 Q 20 250 40 180 T 100 80 Z")}50%{clip-path:path("M 120 90 Q 210 30 290 60 T 460 160 Q 510 220 470 270 T 390 330 Q 340 390 240 370 T 110 290 Q 30 240 50 190 T 120 90 Z")}to{clip-path:path("M 100 80 Q 200 10 300 50 T 450 150 Q 500 200 480 260 T 400 340 Q 350 400 250 380 T 100 300 Q 20 250 40 180 T 100 80 Z")}}.tes{display:grid;padding:100px;place-content:center;text-align:center}.testi{display:flex}@keyframes fadein{0%{opacity:0;scale:1}50%{opacity:0;scale:.5}to{opacity:1;scale:1}}@media (max-width:700px){.testi{display:block}}.wdb_main{background:linear-gradient(180deg,#f8f9fa,#e3f2fd);padding:40px 20px}.wdb_heading{color:red;letter-spacing:1px;margin-bottom:40px;text-align:center;text-transform:uppercase}.wdb_heading p{color:#888181}.wdb_left{display:grid;place-content:center}.infocards{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:900px}.wdb_left .card{background-color:#fff;border-radius:12px;box-shadow:0 6px 15px #0000001a;cursor:pointer;opacity:0;overflow:hidden;padding:25px;position:relative;text-align:center;transform:scale(.8);transition:transform .4s ease,box-shadow .4s ease,background-color .4s ease}@keyframes blurin{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.wdb_left .card.visible{animation:blurin 1s ease-in-out forwards}.card h3{color:#333;font-size:22px;font-weight:600;margin-bottom:10px}.card h3,.card p{transition:color .4s ease}.card p{color:#666;font-size:15px;line-height:1.5}.wdb_left .card:hover{background:linear-gradient(180deg,#5ccbde,#4a90e2);box-shadow:0 8px 20px #0003;color:#fff;transform:scale(1.07);transition:1s}.wdb_left .card:hover h3,.wdb_left .card:hover p{color:#fff}@media (max-width:768px){.infocards{grid-template-columns:1fr}.wdb_heading{font-size:24px}.wdb_left .card{padding:20px}}@media (max-width:500px){.wdb_main{padding:20px}.wdb_heading{font-size:22px;margin-bottom:20px}.wdb_left .card{padding:18px}.card h3{font-size:20px}.card p{font-size:14px}}.certi_main{align-items:center;background:linear-gradient(180deg,#f8f9fa,#e3f2fd);border-radius:12px;display:flex;gap:40px;justify-content:space-between;margin:50px auto;padding:40px}.cleft{flex:1 1;text-align:center}.certi_img{border-radius:8px;box-shadow:0 2px 8px #00000026;max-width:450px;transition:transform .3s ease;width:100%}.certi_img:hover{transform:scale(1.03)}.cright{flex:1 1}.cright h2{color:#333;font-size:24px;font-weight:600;margin-bottom:15px}.cright p{color:#555;font-size:16px;line-height:1.6;margin-bottom:15px}.cright h3{color:#222;font-size:18px;font-weight:600;margin-top:15px}.cright ul{list-style:none;margin:15px 0;padding:0}.cright ul li{border-left:3px solid #ccc;color:#444;font-size:16px;padding:6px 0 6px 12px}.cta{color:#222;font-size:18px;font-weight:600;margin-top:20px;text-align:center}@media (max-width:768px){.certi_main{flex-direction:column;padding:30px;text-align:center}.cleft{order:-1}.cright h2{font-size:22px}.cright p{font-size:15px}.cright h3{font-size:17px}.cta{font-size:16px}}.testimonial-card{align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 2px 4px #0000000f,0 4px 6px #0000001a;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;margin:10px;max-width:250px;overflow:hidden;position:relative;transition:color .5s ease-in-out}.testimonial-card:nth-child(2){scale:1.1}.testimonial-card:hover{scale:1.05;z-index:10}.testimonial-card:nth-child(2):hover{scale:1.15}.testimonial-card:before{background-color:#5ccbde;border-radius:50%;content:"";height:120px;position:absolute;right:-40px;top:-40px;transition:all .5s ease-in-out;width:120px;z-index:0}.testimonial-content{color:#5ccbde;display:flex;flex-direction:column;gap:20px;padding:24px 24px 40px;position:relative;transition:color .1s ease-in-out;z-index:1}.testimonial-name,.testimonial-quote-icon,.testimonial-text,.testimonial-username{transition:color .3s ease-in-out}.testimonial-footer{align-items:center;background-color:#f9fafb;border-radius:0 0 12px 12px;color:#6cd8eb;display:flex;gap:8px;padding:24px 24px 20px;position:relative;transition:background-color .5s ease-in-out;z-index:1}.testimonial-card:hover:before{background-color:#5ccbde;border-radius:0;height:100%;right:0;top:0;width:100%}.testimonial-card:hover .testimonial-content,.testimonial-card:hover .testimonial-footer{color:#fff}.testimonial-card:hover .testimonial-footer{background-color:#ffffff1a}.testimonial-quote-icon{height:23px}@media (max-width:700px){.testimonial-card:nth-child(2){margin-bottom:20px;margin-top:20px;scale:1}.testimonial-card:nth-child(2):hover{scale:1.05}}.bdinfo_main{display:grid;height:80vh;padding:10px;place-content:center}.container{animation:fadeIn 1s ease-in-out;background:#fff;border-radius:15px;display:grid;max-width:800px;padding:30px;place-content:center;text-align:center;width:90%}.title{font-size:28px;font-weight:700}.subtitle{color:#555;font-size:18px;margin:10px 0}.blood-group-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:15px}.blood-button{background:#0000;border:1px solid #5ccbde;border-radius:10px;color:#5ccbde;cursor:pointer;font-size:16px;margin:5px;padding:10px 15px;transition:all .3s ease-in-out}.blood-button:hover{background:#48adc0;box-shadow:5px 5px 15px -4px #000;color:#fff;scale:1.1}.blood-button.selected{background:#5ccbde;box-shadow:5px 5px 5px #000;box-shadow:5px 5px 15px -4px #000;color:#fff;transform:scale(1.1);transition:all .3s ease-in-out}.info-card{display:flex;gap:10px;justify-content:space-around;margin-top:20px}.info-block{animation:slideIn 1s ease-in-out;border-radius:10px;color:#fff;font-weight:700;padding:15px;text-align:center;width:45%}.donor{background-color:#5ccbde}.receiver{background-color:#ff4d4d}.donation-message{color:#5ccbde;font-size:18px;font-weight:700;margin-top:20px}.highlight{color:#ff4d4d;font-size:20px;font-weight:700}@keyframes fadeIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.blood-request-container{background:#fff;border-radius:10px;box-shadow:0 4px 10px #0000001a;margin:50px auto;max-width:400px;padding:20px;text-align:center}.blood-request-container h2{color:#5ccbde;margin-bottom:20px}form{display:flex;flex-direction:column;gap:10px}button,input,select{border:1px solid #ccc;border-radius:5px;font-size:16px;padding:10px}input:focus,select:focus{border-color:crimson;outline:none}button{background:#9acd32;color:#fff;cursor:pointer;font-weight:700;transition:.3s ease-in-out}button:hover{background:#9acd32;transform:scale(1.05)}@media (max-width:480px){.blood-request-container{width:90%}}.blood-list-container{background-color:#fef0ef;min-height:100vh;padding:100px 20px 20px}.title{color:#5ccbde;margin-bottom:20px;text-align:center}.error,.loading{display:grid;font-size:18px;height:100vh;padding:20px;place-content:center;text-align:center}.loading .shimmer{animation:shimmer 1.5s linear infinite;background:linear-gradient(90deg,#e0e0e0 25%,#f5f5f5 50%,#e0e0e0 75%);background-size:200% 100%;border-radius:10px;display:grid;font-family:poppins;font-size:2rem;height:500px;place-content:center;width:80vw}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.error{color:#ff6b6b}.filter-container{align-items:center;background-color:#5ccbde;border-top-left-radius:10px;border-top-right-radius:10px;color:#fff;display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1180px;padding:10px}.filter-container label{padding-right:10px}.filter-container select{border-radius:10px;padding:5px}.table-wrapper{background-color:#fff;border-radius:10px;border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 4px 8px #0000001a;margin:0 auto;max-width:1200px;overflow-x:auto}.blood-table{border-collapse:collapse;width:100%}.blood-table th{background-color:#5ccbde;color:#fff}.blood-table td,.blood-table th{padding:15px;text-align:left}.blood-table tr:nth-child(2n){background-color:#5ccbde33}.blood-table tr:hover{background-color:#5ccbde4d}.footer{background:#222;color:#ddd;font-family:Arial,sans-serif;padding:40px 0;width:100vw}.footer-container{display:flex;flex-wrap:wrap;justify-content:space-between;margin:0 auto;max-width:1100px;padding:0 20px}.footer-logo h2{color:#f8d210;font-size:24px}.footer-logo p{color:#bbb;font-size:14px;margin-top:5px}.footer-contact h3,.footer-links h3{color:#f8d210;font-size:18px;margin-bottom:10px}.footer-links ul{list-style:none;padding:0}.footer-links ul li{margin-bottom:8px}.footer-links ul li a{color:#ddd;font-size:14px;text-decoration:none;transition:color .3s}.footer-links ul li a:hover{color:#f8d210}.footer-contact p{font-size:14px;margin:5px 0}.footer-contact a{color:#ddd;text-decoration:none;transition:color .3s}.footer-contact a:hover{color:#f8d210}.social-icons{margin-top:10px}.social-icons a{color:#ddd;font-size:18px;margin-right:10px;transition:color .3s}.social-icons a:hover{color:#f8d210}.footer-bottom{border-top:1px solid #444;margin-top:30px;padding-top:20px;text-align:center}.footer-bottom p{color:#bbb;font-size:14px;margin:5px 0}@media (max-width:768px){.footer{width:99vw}.footer-container{flex-direction:column;text-align:center}.footer-contact,.footer-links{margin-top:20px}.social-icons{display:flex;justify-content:center}}.about-us-container{background-color:#f8f9fa;min-height:100vh;padding:100px 50px 50px;text-align:center}.about-title{color:#5ccbde;font-size:3rem;font-weight:700;margin-bottom:20px}.about-description{color:#555;font-size:1.2rem;line-height:1.6;margin:0 auto 40px;max-width:800px}.team-title{color:#5ccbde;font-size:2.5rem;font-weight:700;margin-bottom:30px}.team-container{align-items:center;margin-bottom:50px;width:100%}.team-container,.team-grid{display:flex;flex-wrap:wrap;justify-content:center}.team-grid{gap:20px;max-width:1000px}.card{background:#fff;border-radius:15px;box-shadow:0 4px 10px #0000001a;padding:20px;transition:transform .3s ease-in-out;width:280px}.card:hover{transform:translateY(-5px)}.avatar{border-radius:50%;box-shadow:0 0 5px #000;height:120px;object-fit:cover;width:120px}.card-content{text-align:center}.member-name{color:#333;font-size:1.4rem;font-weight:700}.member-role{color:#d32f2f;font-size:1rem;font-weight:500}@media (max-width:800px){.team-grid{align-items:center;flex-direction:column}}
/*# sourceMappingURL=main.6ab299c1.css.map*/