.eBookingImage {
    width: 320px;
    height: 578px;
    left: 60px;
    top: 74px;
    position: absolute;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: inline-flex
}


.ePharmacyImage {
    width: 320px;
    height: 578px;
    left: 60px;
    top: 74px;
    position: absolute;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    display: inline-flex
}

.row-indicators-health {
    display: flex;
    position: relative;
    justify-content: center;
}



.eBookingContainer {
    width: 1240px;
    height: 650px;
    position: relative;
    margin: auto;
}

.ePharmacyContainer {
    width: 1240px;
    height: 650px;
    position: relative;
    margin: auto;
}

.eBookingBlock {

    width: 1240px;
    height: 650px;
    left: 0px;
    top: 0px;
    position: absolute;
    background: linear-gradient(231deg, rgba(255, 255, 255, 0.50) 0%, #FBFFFF 100%);
    box-shadow: 0px 4px 20px rgba(5, 184, 181, 0.05);
    border-top-left-radius: 30px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 10px;
    backdrop-filter: blur(80px)
}


.ePharmacyBlock {

    width: 1240px;
    height: 650px;
    left: 0px;
    top: 0px;
    position: absolute;
    background: linear-gradient(231deg, rgba(255, 255, 255, 0.50) 0%, #FBFFFF 100%);
    box-shadow: 0px 4px 20px rgba(5, 184, 181, 0.05);
    border-top-left-radius: 30px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 30px;
    border-bottom-left-radius: 10px;
    backdrop-filter: blur(80px)
}

.eBookingTxt {
    width: 820px;
    left: 419px;
    top: 54px;
    position: absolute;
    color: black;
    font-size: 24px;
    font-family: Montserrat;
    font-weight: 700;
    word-wrap: break-word
}


.ePharmacyTxt {
    width: 820px;
    left: 419px;
    top: 51px;
    position: absolute;
    color: black;
    font-size: 24px;
    font-family: Montserrat;
    font-weight: 700;
    word-wrap: break-word
}

.eBookingNewTextContainer {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    left: 535px;
    top: 59px;
    position: absolute;
    background: #00398A;
    border-radius: 100px;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    display: inline-flex
}

.ePharmacyNewTextContainer {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    left: 510px;
    top: 56px;
    position: absolute;
    background: #00398A;
    border-radius: 100px;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    display: inline-flex
}


.eBookingNewTextMobileContainer {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    left: 120px;
    top: 75px;
    position: absolute;
    background: #00398A;
    border-radius: 100px;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    display: inline-flex
}

.ePharmacyNewTextMobileContainer {
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 4px;
    padding-bottom: 4px;
    left: 100px;
    top: 75px;
    position: absolute;
    background: #00398A;
    border-radius: 100px;
    justify-content: flex-start;
    align-items: center;
    gap: 10px;
    display: inline-flex
}

.swiper-health {
    width: 1240px;
    height: 573px;
}

#desktopeBookingContent {
    display: block !important;

}

#mobileeBookingContent {
    display: none !important;

}

#desktopePharmacyContent {
    display: block !important;

}

#mobileePharmacyContent {
    display: none !important;

}

.desktopGradientImages {
    width: 88px;
    height: 88px;
}


.newText {
    text-align: center;
    color: white;
    font-size: 12px;
    font-family: 'Montserrat';
    font-weight: 600;
    line-height: 12px;
    word-wrap: break-word
}



.newTextMobile {
    text-align: center;
    color: white;
    font-size: 12px;
    font-family: 'Montserrat';
    font-weight: 600;
    line-height: 12px;
    word-wrap: break-word
}

.eBookingWording {
    width: 760px;
    left: 420px;
    top: 93px;
    position: absolute;
    color: black;
    font-size: 16px;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 22px;
    word-wrap: break-word
}

.ePharmacyWording {
    width: 760px;
    left: 420px;
    top: 93px;
    position: absolute;
    color: black;
    font-size: 16px;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 22px;
    word-wrap: break-word
}

.eBookingWordingMobile {
    width: 295px;
    color: black;
    font-size: 16px;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 22px;
    word-wrap: break-word
}

.ePharmacyWordingMobile {
    width: 295px;
    color: black;
    font-size: 16px;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 22px;
    word-wrap: break-word
}

.eBookingRoadmap {
    width: 784px;
    height: 128px;
    left: 410px;
    top: 397px;
    position: absolute
}

.ePharmacyRoadmap {
    width: 784px;
    height: 128px;
    left: 410px;
    top: 420px;
    position: absolute
}



.make_booking {
    width: 130px;
    left: -19px;
    top: 88px;
    position: absolute;
    text-align: center;
    color: #00398A;
    font-size: 14px;
    font-family: Montserrat;
    font-weight: 700;
    line-height: 20px;
    word-wrap: break-word
}



.instant_confirmation {
    width: 120px;
    left: 211px;
    top: 88px;
    position: absolute;
    text-align: center;
    color: #00398A;
    font-size: 14px;
    font-family: Montserrat;
    font-weight: 700;
    line-height: 20px;
    word-wrap: break-word
}




.appointment_reminder {
    width: 130px;
    left: 440px;
    top: 88px;
    position: absolute;
    text-align: center;
    color: #00398A;
    font-size: 14px;
    font-family: Montserrat;
    font-weight: 700;
    line-height: 20px;
    word-wrap: break-word
}


.attend_appointment {
    width: 130px;
    left: 669px;
    top: 88px;
    position: absolute;
    text-align: center;
    color: #00398A;
    font-size: 14px;
    font-family: Montserrat;
    font-weight: 700;
    line-height: 20px;
    word-wrap: break-word
}



.mobile_gradient_1 {
    width: 195px;
    height: 8px;
    left: 24px;
    top: 22px;
    position: absolute;
    transform: rotate(90deg);
    transform-origin: 0 0;
    background: linear-gradient(90deg, #8DC0E8 0%, #0079C8 50%, #00398A 100%);
    border-radius: 100px
}

.eBookingGradient {
    width: 687px;
    height: 16px;
    left: 46px;
    top: 28px;
    position: absolute;
    background: linear-gradient(90deg, #8DC0E8 0%, #0079C8 50%, #00398A 100%);
    border-radius: 100px
}

.ePharmacyGradient {
    width: 687px;
    height: 16px;
    left: 46px;
    top: 28px;
    position: absolute;
    background: linear-gradient(90deg, #8DC0E8 0%, #0079C8 50%, #00398A 100%);
    border-radius: 100px
}

.eBookingGradientCommon {
    width: 88px;
    height: 88px;
    top: -8px;
    position: absolute;
}

.ePharmacyGradientCommon {
    width: 88px;
    height: 88px;
    top: -8px;
    position: absolute;
}

.eBookingInnerContent {
    width: 760px;
    left: 420px;
    top: 105px;
    position: absolute
}

.ePharmacyInnerContent {
    width: 760px;
    left: 420px;
    top: 105px;
    position: absolute
}


.eBookingInnerContentHeader {
    color: black;
    font-size: 16px;
    font-family: Montserrat;
    font-weight: 700;
    line-height: 22px;
    word-wrap: break-word
}

.ePharmacyInnerContentHeader {
    color: black;
    font-size: 16px;
    font-family: Montserrat;
    font-weight: 700;
    line-height: 22px;
    word-wrap: break-word
}

.eBookingInnerContentHeaderMobile {
    color: black;
    font-size: 16px;
    font-family: Montserrat;
    font-weight: 700;
    line-height: 22px;
    word-wrap: break-word
}

.ePharmacyInnerContentHeaderMobile {
    color: black;
    font-size: 16px;
    font-family: Montserrat;
    font-weight: 700;
    line-height: 22px;
    word-wrap: break-word
}

.eBookingInnerContentText {
    color: black;
    font-size: 16px;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 22px;
    word-wrap: break-word
}

.ePharmacyInnerContentText {
    color: black;
    font-size: 16px;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 22px;
    word-wrap: break-word
}

.eBookingInnerContentTextMobile {
    color: black;
    font-size: 16px;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 22px;
    word-wrap: break-word
}

.ePharmacyInnerContentTextMobile {
    color: black;
    font-size: 16px;
    font-family: Montserrat;
    font-weight: 500;
    line-height: 22px;
    word-wrap: break-word
}

.gradientTextMobile {
    width: 186px;
    left: 65px;
    top: 10px;
    position: absolute;
    color: #00398A;
    font-size: 14px;
    font-family: Montserrat;
    font-weight: 700;
    line-height: 20px;
    word-wrap: break-word
}

.instant_confirmation_image {
    left: 231px;
}

.appointment_reminder_image {
    left: 461px;
}

.attend_appointment_image {
    left: 690px;
}

.gentleReminderHealth{
    margin-top: 17%;
    font-size: 12px;
    font-family: Montserrat;
    font-weight: 400;
}

@media screen and (min-width: 1240px) {
    #desktopeBookingContent {
        display: block !important;
    }

    #mobileeBookingContent {
        display: none !important;
    }
    #desktopePharmacyContent {
        display: block !important;
    }

    #mobileePharmacyContent {
        display: none !important;
    }
}



@media screen and (min-width: 100px)and (max-width: 959px) {

    .eBookingContainer {
        width: 90vw;
        height: 1000px;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 16px;
        display: inline-flex;
        margin: auto
    }

    .ePharmacyContainer {
        width: 90vw;
        height: 920px;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 16px;
        display: inline-flex;
        margin: auto
    }

    .eBookingImageMobile {
        width: 162px;
        height: 180px;
        left: 30%;
        top: 0px;
        position: absolute;
    }

    .ePharmacyImageMobile {
        width: 162px;
        height: 180px;
        left: 30%;
        top: 0px;
        position: absolute;
    }

    .eBookingInnerContentMobile {
        width: 90%;
        left: 20px;
        top: 120px;
        position: absolute
    }

    .ePharmacyInnerContentMobile {
        width: 90%;
        left: 20px;
        top: 120px;
        position: absolute
    }

    .eBookingRoadmapMobile {
        width: 90%;
        height: 232px;
        left: 20px;
        top: 480px;
        position: absolute
    }

    .ePharmacyRoadmapMobile {
        width: 90%;
        height: 232px;
        left: 20px;
        top: 480px;
        position: absolute
    }

    .eBookingMobileTxt {
        left: 20px;
        top: 72px;
        position: absolute;
        color: black;
        font-size: 20px;
        font-family: Montserrat;
        font-weight: 700;
        word-wrap: break-word
    }

    .ePharmacyMobileTxt {
        left: 20px;
        top: 72px;
        position: absolute;
        color: black;
        font-size: 20px;
        font-family: Montserrat;
        font-weight: 700;
        word-wrap: break-word
    }

    .eBookingBlockMobile {
        width: 100%;
        height: 900px;
        position: relative;

    }

    .ePharmacyBlockMobile {
        width: 100%;
        height: 900px;
        position: relative;

    }

    .gentleReminderHealth {
        margin-top: 230px;
        font-size: 12px;
        width: 97%;
        font-family: Montserrat;
        font-weight: 400;
    }

    #desktopeBookingContent {
        display: none !important;

    }

    #mobileeBookingContent {
        display: block !important;

    }

    #desktopePharmacyContent {
        display: none !important;

    }

    #mobileePharmacyContent {
        display: block !important;

    }

    .desktopGradientImages {
        width: 48px;
        height: 48px
    }

    .mobileGradientImages {
        width: 48px;
        height: 48px;
        left: -4px;
        position: absolute
    }

    .mobileBoxContainer {
        width: 100%;
        height: 900px;
        left: 0px;
        top: 128px;
        position: absolute;
        background: linear-gradient(231deg, rgba(255, 255, 255, 0.50) 0%, #FBFFFF 100%);
        box-shadow: 0px 4px 20px rgba(5, 184, 181, 0.05);
        border-top-left-radius: 30px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 10px;
        backdrop-filter: blur(80px)
    }

    .mobileBoxePharmacyContainer {
        width: 100%;
        height: 900px;
        left: 0px;
        top: 128px;
        position: absolute;
        background: linear-gradient(231deg, rgba(255, 255, 255, 0.50) 0%, #FBFFFF 100%);
        box-shadow: 0px 4px 20px rgba(5, 184, 181, 0.05);
        border-top-left-radius: 30px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 10px;
        backdrop-filter: blur(80px)
    }


    @media screen and (min-width: 800px) and (max-width: 959px) {
        .eBookingImageMobile {
            width: 162px;
            height: 180px;
            left: 40%;
            top: 0px;
            position: absolute;
        }

        .ePharmacyImageMobile {
            width: 162px;
            height: 180px;
            left: 40%;
            top: 0px;
            position: absolute;
        }

        .eBookingContainer {
            width: 90vw;
            height: 900px;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 16px;
            display: inline-flex;
            margin: auto;
        }

        .ePharmacyContainer {
            width: 90vw;
            height: 850px;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 16px;
            display: inline-flex;
            margin: auto;
        }

        .mobileBoxContainer {
            width: 100%;
            height: 750px;
            left: 0px;
            top: 128px;
            position: absolute;
            background: linear-gradient(231deg, rgba(255, 255, 255, 0.50) 0%, #FBFFFF 100%);
            box-shadow: 0px 4px 20px rgba(5, 184, 181, 0.05);
            border-top-left-radius: 30px;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 30px;
            border-bottom-left-radius: 10px;
            backdrop-filter: blur(80px)
        }

        .mobileBoxePharmacyContainer {
            width: 100%;
            height: 680px;
            left: 0px;
            top: 128px;
            position: absolute;
            background: linear-gradient(231deg, rgba(255, 255, 255, 0.50) 0%, #FBFFFF 100%);
            box-shadow: 0px 4px 20px rgba(5, 184, 181, 0.05);
            border-top-left-radius: 30px;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 30px;
            border-bottom-left-radius: 10px;
            backdrop-filter: blur(80px)
        }

        .eBookingRoadmapMobile {
            width: 90%;
            height: 232px;
            left: 20px;
            top: 420px;
            position: absolute
        }

        .ePharmacyRoadmapMobile {
            width: 90%;
            height: 232px;
            left: 20px;
            top: 415px;
            position: absolute
        }

        .eBookingBlockMobile {
            width: 100%;
            height: 750px;
            position: relative;

        }

        .ePharmacyBlockMobile {
            width: 100%;
            height: 680px;
            position: relative;

        }

        .gentleReminderHealth{
            margin-top: 237px;
            font-size: 12px;
            font-family: Montserrat;
            font-weight: 400;
            width:98%;
        }

    }



    @media screen and (min-width: 530px) and (max-width: 590px) {

        .eBookingImageMobile {
            width: 162px;
            height: 180px;
            left: 35%;
            top: 0px;
            position: absolute;
        }

        .ePharmacyImageMobile {
            width: 162px;
            height: 180px;
            left: 35%;
            top: 0px;
            position: absolute;
        }

        .eBookingContainer {
            width: 90vw;
            height: 1000px;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 16px;
            display: inline-flex;
            margin: auto
        }

        .mobileBoxContainer {
            width: 100%;
            height: 830px;
            left: 0px;
            top: 128px;
            position: absolute;
            background: linear-gradient(231deg, rgba(255, 255, 255, 0.50) 0%, #FBFFFF 100%);
            box-shadow: 0px 4px 20px rgba(5, 184, 181, 0.05);
            border-top-left-radius: 30px;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 30px;
            border-bottom-left-radius: 10px;
            backdrop-filter: blur(80px)
        }

        .eBookingRoadmapMobile {
            width: 90%;
            height: 232px;
            left: 20px;
            top: 475px;
            position: absolute
        }


        .eBookingBlockMobile {
            width: 100%;
            height: 830px;
            position: relative;

        }


        .ePharmacyContainer {
            width: 90vw;
            height: 880px;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 16px;
            display: inline-flex;
            margin: auto
        }

        .mobileBoxePharmacyContainer {
            width: 100%;
            height: 750px;
            left: 0px;
            top: 128px;
            position: absolute;
            background: linear-gradient(231deg, rgba(255, 255, 255, 0.50) 0%, #FBFFFF 100%);
            box-shadow: 0px 4px 20px rgba(5, 184, 181, 0.05);
            border-top-left-radius: 30px;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 30px;
            border-bottom-left-radius: 10px;
            backdrop-filter: blur(80px)
        }

        .ePharmacyRoadmapMobile {
            width: 90%;
            height: 232px;
            left: 20px;
            top: 475px;
            position: absolute
        }


        .ePharmacyBlockMobile {
            width: 100%;
            height: 750px;
            position: relative;

        }
        
    }

    
    @media screen and (min-width: 700px) and (max-width: 799px) {
        .eBookingImageMobile {
            width: 162px;
            height: 180px;
            left: 40%;
            top: 0px;
            position: absolute;
        }

        .ePharmacyImageMobile {
            width: 162px;
            height: 180px;
            left: 40%;
            top: 0px;
            position: absolute;
        }

        .eBookingContainer {
            width: 90vw;
            height: 890px;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 16px;
            display: inline-flex;
            margin: auto;
        }

        .ePharmacyContainer {
            width: 90vw;
            height: 840px;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 16px;
            display: inline-flex;
            margin: auto;
        }

        .mobileBoxContainer {
            width: 100%;
            height: 740px;
            left: 0px;
            top: 128px;
            position: absolute;
            background: linear-gradient(231deg, rgba(255, 255, 255, 0.50) 0%, #FBFFFF 100%);
            box-shadow: 0px 4px 20px rgba(5, 184, 181, 0.05);
            border-top-left-radius: 30px;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 30px;
            border-bottom-left-radius: 10px;
            backdrop-filter: blur(80px)
        }

        .mobileBoxePharmacyContainer {
            width: 100%;
            height: 690px;
            left: 0px;
            top: 128px;
            position: absolute;
            background: linear-gradient(231deg, rgba(255, 255, 255, 0.50) 0%, #FBFFFF 100%);
            box-shadow: 0px 4px 20px rgba(5, 184, 181, 0.05);
            border-top-left-radius: 30px;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 30px;
            border-bottom-left-radius: 10px;
            backdrop-filter: blur(80px)
        }

        .eBookingBlockMobile {
            width: 100%;
            height: 740px;
            position: relative;

        }

        .ePharmacyBlockMobile {
            width: 100%;
            height: 690px;
            position: relative;

        }

        .eBookingRoadmapMobile {
            width: 90%;
            height: 232px;
            left: 20px;
            top: 410px;
            position: absolute
        }

        .ePharmacyRoadmapMobile {
            width: 90%;
            height: 232px;
            left: 20px;
            top: 420px;
            position: absolute
        }

        .gentleReminderHealth{
            margin-top: 237px;
            font-size: 12px;
            font-family: Montserrat;
            font-weight: 400;
            width:98%;
        }
    }


    @media screen and (min-width: 300px) and (max-width: 400px) {
        .eBookingImageMobile {
            width: 162px;
            height: 180px;
            left: 30%;
            top: 0px;
            position: absolute;
        }

        .ePharmacyImageMobile {
            width: 162px;
            height: 180px;
            left: 30%;
            top: 0px;
            position: absolute;
        }

        .eBookingContainer {
            width: 90vw;
            height: 960px;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 16px;
            display: inline-flex;
            margin: auto;
        }

        .ePharmacyContainer {
            width: 90vw;
            height: 870px;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 16px;
            display: inline-flex;
            margin: auto;
        }

        .eBookingBlockMobile {
            width: 100%;
            height: 830px;
            position: relative;

        }

        .ePharmacyBlockMobile {
            width: 100%;
            height: 740px;
            position: relative;

        }

        .mobileBoxContainer {
            width: 100%;
            height: 830px;
            left: 0px;
            top: 128px;
            position: absolute;
            background: linear-gradient(231deg, rgba(255, 255, 255, 0.50) 0%, #FBFFFF 100%);
            box-shadow: 0px 4px 20px rgba(5, 184, 181, 0.05);
            border-top-left-radius: 30px;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 30px;
            border-bottom-left-radius: 10px;
            backdrop-filter: blur(80px)
        }

        .mobileBoxePharmacyContainer {
            width: 100%;
            height: 740px;
            left: 0px;
            top: 128px;
            position: absolute;
            background: linear-gradient(231deg, rgba(255, 255, 255, 0.50) 0%, #FBFFFF 100%);
            box-shadow: 0px 4px 20px rgba(5, 184, 181, 0.05);
            border-top-left-radius: 30px;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 30px;
            border-bottom-left-radius: 10px;
            backdrop-filter: blur(80px)
        }

        .eBookingRoadmapMobile {
            width: 90%;
            height: 232px;
            left: 20px;
            top: 470px;
            position: absolute
        }

        .ePharmacyRoadmapMobile {
            width: 90%;
            height: 232px;
            left: 20px;
            top: 470px;
            position: absolute
        }
    }


    @media screen and (min-width: 319px) and (max-width: 350px) {

        .eBookingContainer {
            width: 90vw;
            height: 1000px;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 16px;
            display: inline-flex;
            margin: auto;
        }

        .ePharmacyContainer {
            width: 90vw;
            height: 870px;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 16px;
            display: inline-flex;
            margin: auto;
        }

        .eBookingBlockMobile {
            width: 100%;
            height: 870px;
            position: relative;

        }

        .ePharmacyBlockMobile {
            width: 100%;
            height: 740px;
            position: relative;

        }

        .mobileBoxContainer {
            width: 100%;
            height: 870px;
            left: 0px;
            top: 128px;
            position: absolute;
            background: linear-gradient(231deg, rgba(255, 255, 255, 0.50) 0%, #FBFFFF 100%);
            box-shadow: 0px 4px 20px rgba(5, 184, 181, 0.05);
            border-top-left-radius: 30px;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 30px;
            border-bottom-left-radius: 10px;
            backdrop-filter: blur(80px)
        }

        .mobileBoxePharmacyContainer {
            width: 100%;
            height: 740px;
            left: 0px;
            top: 128px;
            position: absolute;
            background: linear-gradient(231deg, rgba(255, 255, 255, 0.50) 0%, #FBFFFF 100%);
            box-shadow: 0px 4px 20px rgba(5, 184, 181, 0.05);
            border-top-left-radius: 30px;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 30px;
            border-bottom-left-radius: 10px;
            backdrop-filter: blur(80px)
        }

        .eBookingRoadmapMobile {
            width: 90%;
            height: 232px;
            left: 20px;
            top: 500px;
            position: absolute
        }

        .ePharmacyRoadmapMobile {
            width: 90%;
            height: 232px;
            left: 20px;
            top: 470px;
            position: absolute
        }

    }


    @media screen and (min-width: 390px) and (max-width: 399px) {

        .eBookingRoadmapMobile {
            width: 90%;
            height: 232px;
            left: 20px;
            top: 470px;
            position: absolute
        }

        
        .ePharmacyRoadmapMobile {
            width: 90%;
            height: 232px;
            left: 20px;
            top: 480px;
            position: absolute
        }

    }


    @media screen and (min-width: 400px) and (max-width: 460px) {
        .eBookingContainer {
            width: 90vw;
            height: 990px;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 16px;
            display: inline-flex;
            margin: auto;
        }

        .ePharmacyContainer {
            width: 90vw;
            height: 880px;
            justify-content: flex-start;
            align-items: flex-start;
            gap: 16px;
            display: inline-flex;
            margin: auto;
        }

        .eBookingBlockMobile {
            width: 100%;
            height: 840px;
            position: relative;

        }

        .ePharmacyBlockMobile {
            width: 100%;
            height: 750px;
            position: relative;

        }

        .mobileBoxContainer {
            width: 100%;
            height: 840px;
            left: 0px;
            top: 128px;
            position: absolute;
            background: linear-gradient(231deg, rgba(255, 255, 255, 0.50) 0%, #FBFFFF 100%);
            box-shadow: 0px 4px 20px rgba(5, 184, 181, 0.05);
            border-top-left-radius: 30px;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 30px;
            border-bottom-left-radius: 10px;
            backdrop-filter: blur(80px)
        }

        .mobileBoxePharmacyContainer {
            width: 100%;
            height: 750px;
            left: 0px;
            top: 128px;
            position: absolute;
            background: linear-gradient(231deg, rgba(255, 255, 255, 0.50) 0%, #FBFFFF 100%);
            box-shadow: 0px 4px 20px rgba(5, 184, 181, 0.05);
            border-top-left-radius: 30px;
            border-top-right-radius: 10px;
            border-bottom-right-radius: 30px;
            border-bottom-left-radius: 10px;
            backdrop-filter: blur(80px)
        }
    }

    @media (min-width: 1024px) {

        .container,
        .container-lg,
        .container-md,
        .container-sm,
        .container-xl,
        .container-xxl {
            max-width: 1024px;
        }
    }
}





@media screen and (min-width: 1240px)and (max-width: 1320px) {



    .eBookingInnerContent {
        width: 710px;
        left: 420px;
        top: 86px;
        position: absolute;
    }

    .ePharmacyInnerContent {
        width: 710px;
        left: 420px;
        top: 86px;
        position: absolute;
    }

    .eBookingRoadmap {
        width: 7px;
        height: 128px;
        left: 410px;
        top: 410px;
        position: absolute;
    }

    .ePharmacyRoadmap {
        width: 7px;
        height: 128px;
        left: 410px;
        top: 420px;
        position: absolute;
    }

    .eBookingContainer {
        width: 1160px;
        height: 650px;
        position: relative;
        margin: auto;
    }

    .ePharmacyContainer {
        width: 1160px;
        height: 650px;
        position: relative;
        margin: auto;
    }

    .eBookingBlock {

        width: 1160px;
        height: 650px;
        left: 0px;
        top: 0px;
        position: absolute;
        background: linear-gradient(231deg, rgba(255, 255, 255, 0.50) 0%, #FBFFFF 100%);
        box-shadow: 0px 4px 20px rgba(5, 184, 181, 0.05);
        border-top-left-radius: 30px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 10px;
        backdrop-filter: blur(80px)
    }

    .ePharmacyBlock {

        width: 1160px;
        height: 650px;
        left: 0px;
        top: 0px;
        position: absolute;
        background: linear-gradient(231deg, rgba(255, 255, 255, 0.50) 0%, #FBFFFF 100%);
        box-shadow: 0px 4px 20px rgba(5, 184, 181, 0.05);
        border-top-left-radius: 30px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 10px;
        backdrop-filter: blur(80px)
    }

    .gentleReminderHealth {
        margin-top: 125px;
        font-size: 12px;
        width: 700px;
        font-family: Montserrat;
        font-weight: 400;
    }

    .instant_confirmation_image {
        left: 210px;
    }

    .appointment_reminder_image {
        left: 420px;
    }

    .attend_appointment_image {
        left: 630px;
    }

    .eBookingGradient {
        width: 610px;
        height: 16px;
        left: 46px;
        top: 28px;
        position: absolute;
        background: linear-gradient(90deg, #8DC0E8 0%, #0079C8 50%, #00398A 100%);
        border-radius: 100px;
    }

    .ePharmacyGradient {
        width: 610px;
        height: 16px;
        left: 46px;
        top: 28px;
        position: absolute;
        background: linear-gradient(90deg, #8DC0E8 0%, #0079C8 50%, #00398A 100%);
        border-radius: 100px;
    }

    .instant_confirmation {
        width: 120px;
        left: 195px;
        top: 88px;
        position: absolute;
        text-align: center;
        color: #00398A;
        font-size: 14px;
        font-family: Montserrat;
        font-weight: 700;
        line-height: 20px;
        word-wrap: break-word
    }


    .appointment_reminder {
        width: 130px;
        left: 400px;
        top: 88px;
        position: absolute;
        text-align: center;
        color: #00398A;
        font-size: 14px;
        font-family: Montserrat;
        font-weight: 700;
        line-height: 20px;
        word-wrap: break-word
    }


    .attend_appointment {
        width: 130px;
        left: 610px;
        top: 88px;
        position: absolute;
        text-align: center;
        color: #00398A;
        font-size: 14px;
        font-family: Montserrat;
        font-weight: 700;
        line-height: 20px;
        word-wrap: break-word
    }

    .eBookingTxt {
        width: 820px;
        left: 419px;
        top: 40px;
        position: absolute;
        color: black;
        font-size: 24px;
        font-family: Montserrat;
        font-weight: 700;
        word-wrap: break-word
    }

    .ePharmacyTxt {
        width: 820px;
        left: 419px;
        top: 40px;
        position: absolute;
        color: black;
        font-size: 24px;
        font-family: Montserrat;
        font-weight: 700;
        word-wrap: break-word
    }

    .eBookingNewTextContainer {
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 4px;
        padding-bottom: 4px;
        left: 545px;
        top: 48px;
        position: absolute;
        background: #00398A;
        border-radius: 100px;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
        display: inline-flex
    }

    .ePharmacyNewTextContainer {
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 4px;
        padding-bottom: 4px;
        left: 520px;
        top: 48px;
        position: absolute;
        background: #00398A;
        border-radius: 100px;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
        display: inline-flex
    }


}

@media screen and (min-width: 960px)and (max-width: 1239px) {

    .eBookingContainer {
        width: 920px;
        height: 925px;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 16px;
        display: inline-flex;
        margin: auto
    }

    .ePharmacyContainer {
        width: 920px;
        height: 880px;
        justify-content: flex-start;
        align-items: flex-start;
        gap: 16px;
        display: inline-flex;
        margin: auto
    }

    .eBookingImageMobile {
        width: 200px;
        height: 360px;
        left: 40%;
        top: -50px;
        position: absolute;
    }

    .ePharmacyImageMobile {
        width: 200px;
        height: 360px;
        left: 40%;
        top: -50px;
        position: absolute;
    }

    .eBookingMobileTxt {
        left: 20px;
        top: 72px;
        position: absolute;
        color: black;
        font-size: 20px;
        font-family: Montserrat;
        font-weight: 700;
        word-wrap: break-word
    }

    .ePharmacyMobileTxt {
        left: 20px;
        top: 72px;
        position: absolute;
        color: black;
        font-size: 20px;
        font-family: Montserrat;
        font-weight: 700;
        word-wrap: break-word
    }

    .eBookingBlockMobile {
        width: 920px;
        height: 745px;
        position: relative;
    }

    .ePharmacyBlockMobile {
        width: 920px;
        height: 685px;
        position: relative;
    }

    .eBookingRoadmapMobile {
        width: 281px;
        height: 232px;
        left: 20px;
        top: 415px;
        position: absolute
    }

    .ePharmacyRoadmapMobile {
        width: 281px;
        height: 232px;
        left: 20px;
        top: 420px;
        position: absolute
    }

    .eBookingInnerContentMobile {
        width: 900px;
        left: 20px;
        top: 120px;
        position: absolute
    }

    .ePharmacyInnerContentMobile {
        width: 900px;
        left: 20px;
        top: 120px;
        position: absolute
    }

    .gentleReminderHealth{
        margin-top: 230px;
        font-size: 12px;
        font-family: Montserrat;
        font-weight: 400;
        width:885px;
    }

    #desktopeBookingContent {
        display: none !important;

    }

    #mobileeBookingContent {
        display: block !important;

    }

    #desktopePharmacyContent {
        display: none !important;

    }

    #mobileePharmacyContent {
        display: block !important;

    }

    .desktopGradientImages {
        width: 48px;
        height: 48px
    }

    .mobileGradientImages {
        width: 48px;
        height: 48px;
        left: -4px;
        position: absolute
    }

    .mobileBoxContainer {
        width: 920px;
        height: 745px;
        left: 0px;
        top: 180px;
        position: absolute;
        background: linear-gradient(231deg, rgba(255, 255, 255, 0.50) 0%, #FBFFFF 100%);
        box-shadow: 0px 4px 20px rgba(5, 184, 181, 0.05);
        border-top-left-radius: 30px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 10px;
        backdrop-filter: blur(80px)
    }

    .mobileBoxePharmacyContainer {
        width: 920px;
        height: 685px;
        left: 0px;
        top: 180px;
        position: absolute;
        background: linear-gradient(231deg, rgba(255, 255, 255, 0.50) 0%, #FBFFFF 100%);
        box-shadow: 0px 4px 20px rgba(5, 184, 181, 0.05);
        border-top-left-radius: 30px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 30px;
        border-bottom-left-radius: 10px;
        backdrop-filter: blur(80px)
    }

    .eBookingNewTextMobileContainer {
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 4px;
        padding-bottom: 4px;
        left: 132px;
        top: 75px;
        position: absolute;
        background: #00398A;
        border-radius: 100px;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
        display: inline-flex
    }

    .ePharmacyNewTextMobileContainer {
        padding-left: 8px;
        padding-right: 8px;
        padding-top: 4px;
        padding-bottom: 4px;
        left: 115px;
        top: 75px;
        position: absolute;
        background: #00398A;
        border-radius: 100px;
        justify-content: flex-start;
        align-items: center;
        gap: 10px;
        display: inline-flex
    }


    @media (min-width: 1024px) {

        .container,
        .container-lg,
        .container-md,
        .container-sm,
        .container-xl,
        .container-xxl {
            max-width: 1024px;
        }
    }
}