.bloodBank p {
    color: white;
    z-index: 2;
    padding: 10px 20%;
    text-align: center;
}

.bloodBank .homeSectionButton {
    z-index: 2;
    padding: 7.5px 12.5px;
}

.bloodBank {
    justify-content: center;
}

.bloodBankSteps {
    padding: 7.5% 10%;
}

.bloodBankSteps h2 {
    padding-bottom: 20px;
}

.bloodBankSteps .mainHeading {
    text-align: center;
}

.bloodBankStepsContainer svg {
    background-color: white;
    border-radius: 50%;
    width: 100%;
    height: 100%;
}
.bloodBankSteosSingleInnerContainer {
    background-color: #f3f6f9;
    border-radius: 20vw;
    padding: 7.55%;
    margin: 7.5%;
}

.bloodBankStepsSingleContainer {
    width: 16.6%;
}
.bloodBankStepsContainer {
    display: flex;
    text-align: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.bloodBankStepsContainer p:first-of-type {
    height: 3.5em;
}

.bloodBankSteosSingleInnerContainer p:first-of-type {
    height: 10em;
    font-size: 14px;
}

.bloodBankSteps p {
    padding: 20px 10px;
}

.bloodBankRights {
    display: flex;
    background-color: #f3f6f9;
}

.bloodBankRightsDes {
    padding: 5% 1% 5% 10%; /* Adjust padding as needed */
    width: 39%; /* Adjust width to accommodate the padding */
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    row-gap: 20px;
}

.bloodBankRights.arabic .bloodBankRightsDes {
    padding: 5% 10% 5% 1%;
}

.bloodBankRightsDes > :nth-child(-n + 2) {
    width: 100%;
}

.bloodBankRightsDes .homeSectionButton {
    padding: 7.5px 12.5px;
}

.bloodBankRightsImage {
    width: 50%;
    position: relative;
}

.bloodBankRightsImageBackgroundOverlay {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    transform: translate(-50%, -50%);
    background: linear-gradient(90deg, #f3f6f9 0%, rgba(25, 79, 144, 0) 100%);
    margin-left: -1%;
}

.bloodBankDownloadPDF {
    padding: 7.5% 10%;
    display: flex;
    align-items: center;
}
.bloodBankDownloadPDF .homeSectionButton {
    padding: 7.5px 12.5px;
}

.bloodBankDownloadPDF h3 {
    color: var(--main);
    font-size: 20px;
    font-family: Plus Jakarta Sans;
    font-weight: 700;
}

.bloodBankSinglePDFContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 30px;
    row-gap: 10px;
    width: 30%;
}

.bloodBankSinglePDFContainer > :nth-child(-n + 3) {
    width: 100%;
    text-align: center;
}

.bloodBankLocations .healthCareDes {
    justify-content: flex-start;
}

.bloodBankLocations .healthCareDes h3 {
    padding-top: 20px;
}

.aboutBanner.bloodBank.arabic {
    direction: rtl;
}

.aboutBanner.bloodBank.arabic .homeSectionButton svg {
    transform: scaleX(-1);
}

.bloodBankSteps.arabic {
    direction: rtl;
}

.bloodBankRights.arabic {
    direction: rtl;
}

.bloodBankRights.arabic .bloodBankRightsImageBackgroundOverlay {
    background: linear-gradient(268deg, #f3f6f9 0%, rgba(25, 79, 144, 0) 100%);
    margin-right: 0%;
    margin-left: 2%;
}
.bloodBankDownloadPDF.arabic {
    direction: rtl;
}

.bloodBankDownloadPDF.arabic .homeSectionButton svg {
    transform: scaleX(-1);
}

@media (max-width: 1074px) {
    .bloodBankRights {
        flex-wrap: wrap;
    }
    .bloodBankRightsDes {
        width: 100%;
    }
    .bloodBankRightsImage {
        width: 100%;
    }
}

@media (max-width: 1024px) {
    .bloodBankStepsSingleContainer {
        width: 30%;
    }
    .aboutBanner.bloodBank h1 {
        font-size: 35px;
        line-height: 40px;
    }
}

@media (max-width: 737px) {
    .bloodBankRightsImageBackgroundOverlay {
        display: none;
    }
    .bloodBankDownloadPDF {
        flex-wrap: wrap;
    }
    .bloodBankSinglePDFContainer {
        width: 100%;
    }
    .bloodBankStepsSingleContainer {
        width: 50%;
    }
    .bloodBank p {
        padding: 10px 5%;
    }
}

@media screen and (max-width: 426px) {
    .bloodBankSteosSingleInnerContainer p:first-of-type {
        height: 12.5em !important;
    }
}
