.blood_request_list{flex-direction:column;width:100%;padding:65px 0 50px;display:flex}.top_title{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:30px;padding:10px 0;display:flex}@media screen and (max-width:768px){.top_title{flex-wrap:wrap;gap:18px}}.top_title>div p{margin-bottom:10px;font-size:32px;font-weight:400}.top_title>button{cursor:pointer;white-space:nowrap;background-color:#fff;border:1px solid #474c71;border-radius:50px;justify-content:center;align-items:center;gap:5px;padding:10px;font-size:16px;display:flex}.nearby_request_list{white-space:nowrap;gap:20px;margin-top:20px;display:flex;overflow:auto hidden}.nearby_request_list>*{flex:none}
.bloodRequestHome-module-scss-module__FBLdCW__no_active{margin:50px 0!important}.bloodRequestHome-module-scss-module__FBLdCW__no_active .bloodRequestHome-module-scss-module__FBLdCW__no_active_title{margin-bottom:45px}.bloodRequestHome-module-scss-module__FBLdCW__no_active .bloodRequestHome-module-scss-module__FBLdCW__no_active_title h2{color:#000;margin-bottom:5px;font-size:32px;font-weight:400}.bloodRequestHome-module-scss-module__FBLdCW__no_active .bloodRequestHome-module-scss-module__FBLdCW__no_active_title p{color:#000;font-size:18px;line-height:24px}.bloodRequestHome-module-scss-module__FBLdCW__no_active .bloodRequestHome-module-scss-module__FBLdCW__no_active_box{border:1px solid #ddd;border-radius:12px;padding:35px}@media screen and (max-width:599px){.bloodRequestHome-module-scss-module__FBLdCW__no_active .bloodRequestHome-module-scss-module__FBLdCW__no_active_box{margin-right:32px}}.bloodRequestHome-module-scss-module__FBLdCW__no_active .bloodRequestHome-module-scss-module__FBLdCW__no_active_box h4{color:#000;letter-spacing:.18px;margin-top:10px;font-size:18px;font-weight:500}.bloodRequestHome-module-scss-module__FBLdCW__no_active .bloodRequestHome-module-scss-module__FBLdCW__no_active_box p{color:#646369;letter-spacing:.16px;margin:10px 0 20px;font-size:16px;font-weight:400}.bloodRequestHome-module-scss-module__FBLdCW__no_active .bloodRequestHome-module-scss-module__FBLdCW__no_active_box a,.bloodRequestHome-module-scss-module__FBLdCW__no_active .bloodRequestHome-module-scss-module__FBLdCW__no_active_box button{color:#000;cursor:pointer;text-transform:inherit;min-height:unset;min-width:unset;font-size:14px;font-weight:600;line-height:unset;background-color:#fff;border:1px solid #919191;border-radius:8px;padding:15px 24px;display:inline-block}.bloodRequestHome-module-scss-module__FBLdCW__no_active .bloodRequestHome-module-scss-module__FBLdCW__no_active_box a span,.bloodRequestHome-module-scss-module__FBLdCW__no_active .bloodRequestHome-module-scss-module__FBLdCW__no_active_box button span{color:#000;font-size:14px;font-weight:600}
.container_card{border:1px solid #ddd;border-radius:10px;flex-direction:column;padding:10px 15px;display:flex}.container_card:hover{box-shadow:0 4px 20px #20254d1a}.header{align-items:center;gap:15px;display:flex}.blood-info{flex-direction:column;align-items:center;display:flex}.blood-info>span{color:#fff;background-color:#c92729;border-radius:10px;margin-top:-10px;padding:2px 10px;font-size:14px}.blood-type{border:1px solid #c92729;border-radius:100%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.blood-type>span{color:#c92729;font-size:30px;font-weight:500}.hospital-info{flex-direction:column;gap:5px;display:flex}.hospital-info .unit{color:#c92729;font-size:16px;font-weight:600}.hospital-info .address{color:#393939;font-size:14px;font-weight:400}.hospital-info .time{color:#484848;font-size:12px;font-weight:400}.patient-info{flex-direction:row;justify-content:space-between;gap:5px;width:70%;margin-top:20px;display:flex}.patient-info .name,.patient-info .age{flex-direction:column;gap:3px;display:flex}.patient-info .label{color:#7b7b7b;font-size:12px;font-weight:400}.patient-info .value{color:#484848;font-size:14px;font-weight:400}.appointment-details{margin-top:20px}.appointment-details>span{color:#7b7b7b;font-size:12px;font-weight:400}.appointment-details>p{text-overflow:ellipsis;-webkit-line-clamp:1;color:#484848;-webkit-box-orient:vertical;max-height:1.5em;margin-top:0;display:-webkit-box;overflow:hidden}.bottom{flex-direction:row;justify-content:space-between;align-items:center;width:100%;margin-top:20px;display:flex}.bottom .left{color:#7b7b7b;flex-direction:row;align-items:center;gap:20px;display:flex}.bottom .left .icon_info{align-items:center;gap:5px;display:flex}.bottom .left .icon_info button{color:#7b7b7b}.bottom .left .icon_info button span{color:#7b7b7b!important}.bottom .arrow_right{cursor:pointer;background-color:#eee;border-radius:100%;padding:10px;font-size:35px}.right_details{border:unset;cursor:pointer;background-color:#eee;border-radius:20px;align-items:center;padding:10px;transition:all .5s;display:flex}.right_details>div{color:#fff;width:0;font-size:14px;transition:all .5s;overflow:hidden}.right_details svg{font-size:15px}.container_card{position:relative}.container_card:hover .right_details{background-color:var(--secondary-color);color:#fff;border-radius:20px}.container_card:hover .right_details>div{width:50px;margin-right:10px;display:block}.container_card:hover .right_details_plateles{background-color:#5dd95d}.time_stamp{background-color:var(--secondary-color);color:#fff;border-radius:0 12px;padding:5px;font-size:14px;position:absolute;top:0;right:0}.icon{cursor:pointer}.home_page_bcard{display:flex}.home_page_bcard .container_card{justify-content:space-between;width:100%}.address{white-space:nowrap;text-overflow:ellipsis;max-width:150px;overflow:hidden}.blood-info-platelets{flex-direction:column;align-items:center;display:flex}.blood-info-platelets>span{color:#fff;background-color:#7d7;border-radius:10px;margin-top:-10px;padding:2px 10px;font-size:14px}.blood-type-platelets{border:1px solid #7d7;border-radius:100%;justify-content:center;align-items:center;width:64px;height:64px;display:flex}.blood-type-platelets>span{color:#7d7;font-size:30px;font-weight:500}.hospital-info-platelets{flex-direction:column;gap:5px;display:flex}.hospital-info-platelets .unit{color:#7d7;font-size:16px;font-weight:600}.hospital-info-platelets .address{color:#393939;font-size:14px;font-weight:400}.hospital-info-platelets .time{color:#484848;font-size:12px;font-weight:400}