*{box-sizing:border-box;font-family:Reem Kufi,sans-serif!important;margin:0;padding:0}img{height:auto;max-width:100%}.App{margin:0 auto;max-width:1900px;min-height:100vh;width:85vw}body{background-color:#f6f6f6;max-width:100%;overflow-x:hidden}nav{align-items:center;display:flex;justify-content:space-between;min-height:90px}.navbar-menu-container{display:none}.navbar-links-container a{color:#000;font-size:1.1rem;font-weight:600;margin-right:3rem;text-decoration:none}.primary-button{background-color:#fff;border:none;border-radius:5rem;cursor:pointer;font-size:1.1rem;font-weight:600;outline:none;padding:.9rem 1.75rem;transition:.2s}.navbar-cart-icon{font-size:1.15rem}.primary-button:hover{background-color:#eaeaea}.navbar-menu-container svg{cursor:pointer;font-size:1.5rem}.home-banner-container{display:flex;padding-top:3rem;position:relative}.home-bannerImage-container{max-width:700px;position:absolute;right:-170px;top:-100px;z-index:-2}.home-image-section{flex:1 1;max-width:600px}.home-text-section{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;justify-content:center}.primary-heading{color:#4c4c4c;font-size:clamp(2rem,5vw,4rem);max-width:600px}.primary-text{color:#6a6a6a;font-size:clamp(1rem,3vw,1.5rem);margin:1.5rem 0;max-width:500px}.secondary-button{align-items:center;background-color:#fe9e0d;border:none;border-radius:5rem;color:#fff;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;justify-content:center;outline:none;padding:1rem 2.5rem;transition:.2s}.secondary-button svg{font-size:1.5rem;margin-left:.75rem}.secondary-button:hover{background-color:#e48f0f}.about-section-container{align-items:center;display:flex;justify-content:space-between;margin-top:20rem;position:relative}.about-background-image-container{left:-150px;position:absolute;z-index:-2}.about-section-image-container{flex:0.9 1;margin-right:1rem}.about-section-text-container{display:flex;flex:1 1;flex-direction:column;justify-content:center}.primary-subheading{color:#fe9e0d;font-size:1.15rem;font-weight:700}.about-buttons-container{display:flex;margin-top:2rem}.watch-video-button{align-items:center;background-color:initial;border:none;border-radius:5rem;color:#484848;cursor:pointer;display:flex;font-size:1.1rem;font-weight:600;justify-content:center;margin-left:2rem;outline:none;transition:.2s}.watch-video-button svg{font-size:3rem;margin-right:1rem}.contact-page-wrapper h1{max-width:900px!important}.contact-page-wrapper{align-items:center;display:flex;flex-direction:column;justify-content:center;margin:6rem 0}.contact-form-container{align-items:center;background-color:#fff;border-radius:5rem;display:flex;margin-top:3rem;max-width:700px;padding:1rem;width:100%}.contact-form-container input{border:none;flex:1 1;font-size:1.3rem;height:100%;outline:none;padding:.5rem 1rem}.footer-wrapper{display:flex;margin:10rem 0 6rem}.footer-logo-container{max-width:110px}.footer-icons{margin-top:2.5rem}.footer-icons svg{color:#585858;font-size:1.5rem;margin-right:1.25rem}.footer-section-two{display:flex;flex:1 1;justify-content:flex-end}.footer-section-columns{display:flex;flex-direction:column;min-width:190px}.footer-section-columns span{color:#4c4c4c;cursor:pointer;font-weight:600;margin:.25rem 0}.testimonial-section-bottom{align-items:center;background-color:#fff;border-radius:2rem;display:flex;flex-direction:column;justify-content:center;margin-top:2rem;margin:2rem auto;max-width:750px;padding:1.5rem 2rem;text-align:center}.testimonial-section-bottom p{color:#515151;font-size:1.1rem;font-weight:700;margin:2rem 0;max-width:500px}.testimonials-stars-container svg{color:#fe9e0d;font-size:1.5rem;margin:0 .25rem}.testimonial-section-bottom h2{margin-top:1.5rem}.work-section-wrapper{margin-top:15rem}.work-section-top p{max-width:600px!important;text-align:center}.work-section-top h1{max-width:700px!important}.work-section-info,.work-section-top{align-items:center;display:flex;flex-direction:column;justify-content:center}.work-section-info{background-color:#fff;border-radius:1rem;color:#505050;margin:1rem 2rem;min-height:350px;padding:1rem 2rem;text-align:center;width:290px}.work-section-info h2{margin:1rem 0}.work-section-bottom{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin-top:5rem}.work-section-info p{align-items:center;display:flex;flex:1 1;font-weight:600}@media (max-width:1000px){.navbar-links-container a{font-size:1rem;margin-right:1rem}.primary-button{font-size:1rem}.home-bannerImage-container{max-width:600px}}@media (max-width:800px){.nav-logo-container{max-width:140px}.navbar-links-container{display:none}.navbar-menu-container{display:flex}.home-bannerImage-container{max-width:450px}.about-section-container,.home-banner-container{align-items:center;flex-direction:column-reverse;justify-content:center}.about-section-container{flex-direction:column}.about-section-image-container,.home-image-section{max-width:400px;width:100%}.primary-heading{max-width:90%;text-align:center}.primary-text{max-width:80%;text-align:center}.about-section-text-container,.home-text-section{align-items:center;justify-content:center;margin-top:4rem}.secondary-button{cursor:pointer;font-size:1rem;padding:.8rem 2rem}.about-section-container{margin-top:5rem!important}.about-buttons-container{flex-direction:column;justify-content:center}.primary-subheading{text-align:center}.watch-video-button{font-size:1rem!important;margin-left:0!important;margin-top:1rem}.watch-video-button svg{margin-right:.5rem!important}.about-section-image-container{margin-right:0!important}.work-section-wrapper{margin-top:5rem!important}.work-section-bottom{margin-top:1rem!important}.contact-form-container{align-items:center;border-radius:1rem!important;flex-direction:column;justify-content:center;padding:.5rem!important}.contact-form-container input{font-size:1rem!important;margin-bottom:.8rem!important;max-width:100%;padding:.5rem 1rem!important;text-align:center}.footer-section-two,.footer-wrapper{flex-direction:column}.footer-section-two{margin-top:2rem}.footer-section-columns{margin:1rem 0}.App{max-width:95vw}}@media (max-width:600px){.about-background-image-container,.home-bannerImage-container{display:none}}.wrapper{align-items:center;background-color:#0f0f0f;display:flex;height:92vh;justify-content:center;padding:0 20px}form{background:#fff;border-radius:8px;box-shadow:0 4px 10px #0000001a;max-width:400px;padding:30px;width:100%}h1{color:#333;font-size:24px;margin-bottom:20px;text-align:center}.input-box{margin-bottom:15px}.input-box input{border:1px solid #ddd;border-radius:4px;box-sizing:border-box;padding:12px;width:100%}.input-box input:focus{border-color:#007bff;outline:none}button{background:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:16px;padding:12px;transition:background .3s;width:100%}button:hover{background:#0056b3}.remember-forgot{align-items:center;display:flex;font-size:14px;justify-content:space-between}.remember-forgot a{color:#007bff;text-decoration:none;transition:color .3s}.remember-forgot a:hover{color:#0056b3}.register-link{font-size:14px;margin-top:20px;text-align:center}.register-link a{color:#007bff;text-decoration:none;transition:color .3s}.register-link a:hover{color:#0056b3}.donar-page{background-color:#0f0f0f;color:#fff;height:92vh;padding:100px}.donors-page{background:#191919;border:1px solid #333;border-radius:10px;box-shadow:0 4px 10px #0003;margin:0 auto;max-width:800px;padding:20px}.donors-page h2{font-size:24px;margin-bottom:20px;text-align:center}.search-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.search-bar input{width:60%}.search-bar input,.search-bar select{background-color:#282828;border:1px solid #555;border-radius:5px;color:#fff;font-size:14px;padding:10px}.search-bar button{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px;transition:background .3s}.search-bar button:hover{background:#0056b3}.donor-list{display:flex;flex-direction:column;gap:15px}.donor-profile{background-color:#232323;border:1px solid #555;border-radius:10px;padding:15px}.donor-profile h3{font-size:18px;margin-bottom:5px}.donor-profile p{color:#ccc;font-size:14px;margin:0}.ngo{align-items:center;background-color:#0f0f0f;display:flex;flex-direction:column;height:100%;padding:80px}.ngo-img{text-align:center;width:100%}.ngo-img img{border-radius:10px;height:auto;max-width:600px;width:100%}.ngo-carts{width:100%}.ngo-carts,.ngo-info{display:flex;flex-direction:column}.ngo-info{gap:20px}.ngo-info .ngo1,.ngo-info .ngo2,.ngo-info .ngo3{background-color:#f5f5f5;border-radius:10px;box-shadow:0 4px 10px #0000001a;margin-bottom:50px;margin-top:80px;padding:100px 100px 20px}.details ul{list-style-type:none;padding:0}.details li{margin-bottom:10px}strong{font-weight:700}.reg-ngo-text{padding:40PX}.reg-ngo-text h1{color:red;font-size:70px}.ngoreg-form{background-color:#f9f9f9;border:1px solid #ddd;border-radius:8px;box-shadow:0 4px 10px #0000001a;margin:20px auto;padding:20px;text-align:left}.ngoreg-form h2{color:#333;font-size:24px;margin-bottom:20px;text-align:center}.ngoreg-form label{color:#555;display:block;font-weight:700;margin-bottom:8px}.ngoreg-form input{border:1px solid #ccc;border-radius:4px;box-shadow:0 2px 4px #0000000d;margin-bottom:16px;padding:10px;transition:border-color .3s ease;width:100%}.ngoreg-form input:focus{border-color:#007bff}.ngoreg-form button{background-color:#007bff;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:10px 20px;transition:background-color .3s ease}.ngoreg-form button:hover{background-color:#0056b3}@media (min-width:768px){.ngo-carts,.ngo-info{flex-direction:row;flex-wrap:wrap}.ngo-info .ngo1,.ngo-info .ngo2,.ngo-info .ngo3,.ngo-info .ngo4,.ngo-info .ngo5{flex-basis:calc(50% - 40px);flex-grow:1;flex-shrink:1}}@media (min-width:1024px){.ngo-info .ngo1,.ngo-info .ngo2,.ngo-info .ngo3,.ngo-info .ngo4,.ngo-info .ngo5{flex-basis:calc(33.33% - 40px);flex-grow:1;flex-shrink:1}}.hero{align-items:center;background-color:#0f0f0f;background-position:50%;background-size:cover;display:flex;flex-direction:column;height:92vh;justify-content:center;padding:20px;text-align:center}.main-text{font-size:larger;padding-bottom:70px}.main-text h1{color:red;font-size:70px}.search-container{align-items:center;display:flex;flex-direction:column;gap:10px;justify-content:center}.search-container input{max-width:300px;width:100%}.search-container input,.search-container select{border:1px solid #ccc;border-radius:5px;padding:10px}.search-container .suggestions{background-color:#fff;border:1px solid #ccc;border-radius:5px;max-height:150px;overflow-y:auto}.search-container .suggestion{cursor:pointer;padding:8px}.search-container .suggestion:hover{background-color:#f0f0f0}.search-container button{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;padding:10px 20px}.search-container button:hover{background-color:#0056b3}@media (min-width:768px){.search-container{align-items:center;flex-direction:row;justify-content:space-between}.search-container input{width:200px}.search-container select{width:150px}}*,:after,:before{box-sizing:border-box;margin:0}html{font-size:62.5}body{font-size:1.6rem}li{list-style:none}a{color:#000;text-decoration:none}.nav{align-items:center;background:#7deef4;display:flex;height:8vh;justify-content:space-around}li{color:#666;font-size:25px;margin-bottom:5px}.nav_brand{font-weight:700;text-transform:uppercase}.nav_menu{align-items:center;display:flex;flex-wrap:wrap;gap:3rem;justify-content:space-around}.nav_toggler div{background:#a9a9a9;height:.2rem;margin:.4rem;transition:.4s ease-in;width:2.5rem}.nav_toggler{cursor:pointer;display:none}.signup-login button{align-items:center;border-radius:50px;color:#000;cursor:pointer;width:100px}@media screen and (max-width:768px){.nav_toggler{display:block}.nav_menu{background-color:aqua;flex-direction:column;height:9vh;position:fixed;right:0;top:9vh;transform:translateX(100%);transition:.5s ease-in;width:50%}}.nav_active{transform:translateX(0)}.toggle .line1{transform:rotate(-45deg) translate(-4px,5px)}.toggle .line2{opacity:0}.toggle .line3{transform:rotate(-45deg) translate(-4px,5px)}.services-page{background-color:#0f0f0f;height:92vh;padding:20px;text-align:center}.services-page h2{color:red;font-size:24px;font-size:270%;margin-bottom:40px;margin-top:40px}.services-container{display:flex;flex-wrap:wrap;gap:20px;justify-content:center}.service-card{background-color:#f5f5f5;border:1px solid #ddd;border-radius:8px;cursor:pointer;padding:20px;transition:box-shadow .3s ease;width:250px}.service-card:hover{background-color:aqua;box-shadow:0 4px 8px #0000001a;box-shadow:#000}.service-icon{font-size:36px;margin-bottom:10px}.service-title{color:#333;font-size:18px;margin-bottom:10px}.service-description{color:#666;font-size:14px}@media (max-width:768px){.services-container{justify-content:flex-start}.service-card{width:100%}}.main-form-rq{background-color:#0f0f0f;height:92vh;padding-top:150px}.blood-req-form{background:#f9f9f9;border:1px solid #ccc;border-radius:10px;box-shadow:0 4px 10px #0000001a;margin:0 auto;max-width:600px;padding:20px}.blood-req-form h2{color:#333;font-size:24px;margin-bottom:20px;text-align:center}.blood-req-form label{color:#555;display:block;font-size:16px;margin-bottom:5px}.blood-req-form input{border:1px solid #ccc;border-radius:5px;box-sizing:border-box;font-size:14px;margin-bottom:15px;padding:10px;width:100%}.blood-req-form button{background:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;padding:10px;transition:background .3s;width:100%}.blood-req-form button:hover{background:#0056b3}
/*# sourceMappingURL=main.53c71bb2.css.map*/