/* Homepage */
.hero {
    background-image: linear-gradient(#e3d1b8 8%, #fff0 27%), url(../images/hellodr-home-hero.webp);
    background-position: 0 0, 20%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    min-height: 100vh;
}

.content-wrapper.radial-bg {
    background-image: radial-gradient(circle at 10% 60%, #fae2e7, #fff0 12%), radial-gradient(circle at 93% 30%, #f4ecd4, #fff0 22%);
}

.content-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
}

.content-box {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 50%;
    display: flex;
}

.content-logo-box {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
    text-decoration: none;
    display: flex;
}

.logo {
    width: 30%;
    margin-right: 30px;
}

.bulk {
    color: #f5ee35;
    /*  background-color: #1c875b; */
    border-radius: 7px;
    justify-content: flex-start;
    align-items: center;
    padding: 8px 20px;
    font-family: Manrope, sans-serif;
    font-size: 18px;
    font-weight: 800;
    line-height: 28px;
    text-decoration: none;
    display: flex;
    min-width: 270px;
}

.partner-mater {
    width: 19%;
    margin-left: 20px;
}

.image-box.billing-image {
    background-image: url(../images/blackstone-col-img.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: auto;
}

.image-box.esk-image {
    background-image: url(../images/esk-col-img.webp);
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: cover;
    min-height: auto;
}

.image-box {
    width: 45%;
    height: 500px;
}

.dr-button {
    z-index: 2147483647;
    color: #fff;
    background-color: #4f266b;
    border: 1px solid #4f266b00;
    border-radius: 100px;
    justify-content: space-between;
    padding: 12px 30px;
    font-family: Manrope, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    text-decoration: none;
    display: flex;
    transition: all 1s cubic-bezier(.25, .46, .45, .94);
}

.dr-button a,
.button-icon svg path {
    transition: all 1s cubic-bezier(.25, .46, .45, .94);
}

.dr-button:hover {
    background-color: #fff;
    border: 1px solid #4f266b;
}

.dr-button:hover a,
.dr-button:hover .button-link {
    color: #4f266b !important;
}

.dr-button:hover svg path {
    -webkit-text-stroke-color: #4f266b;
    stroke: #4f266b;
}

.button-link {
    color: #fff;
    text-decoration: none;
}

.mater,
.plan-image {
    position: absolute;
    inset: 0%;
}

.center-align-head {
    z-index: 9999;
    text-align: left;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 20px;
    font-family: Manrope, sans-serif;
    font-size: 60px;
    line-height: 70px;
    display: flex;
    position: relative;
}

.check-content {
    margin-bottom: 30px;
    font-family: Manrope, sans-serif;
    font-size: 18px;
    line-height: 28px;
}

.check-list {
    background-image: url(../images/checklist-icon.svg);
    background-position: 0 6px;
    background-repeat: no-repeat;
    background-size: 16px;
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    margin-bottom: 2px;
    padding-left: 32px;
}

.btn-wrap {
    z-index: 2147483647;
    color: #fff;
    background-color: #4f266b;
    border-radius: 100px;
    justify-content: space-between;
    padding: 12px 30px;
    font-family: Manrope, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
    text-decoration: none;
    display: flex;
    position: relative;
}

.button-icon {
    color: #fff;
    width: 25px;
    max-width: 25px;
    height: 25px;
    max-height: 25px;
    margin-left: 10px;
}

.service-box-flex {
    flex-flow: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: block;
}

.content-wrapper.service-wrapper {
    background-image: radial-gradient(circle at 9% 59%, #d4c7d9, #fff0 21%);
}

.service-box {
    border: 1px solid #f3f2f2;
    border-radius: 5px;
    width: 23%;
    height: 333px;
    margin-bottom: 20px;
    margin-right: 20px;
    transition: all 1s cubic-bezier(.25, .46, .45, .94);
    position: relative;
    overflow: hidden;
}

.service-box:hover .service-image {
    transform: scale(1.1);
}

.service-info-bx {
    color: #fff;
    text-align: center;
    background-image: linear-gradient(0deg, #dfbf90, #fff0);
    border-radius: 15px;
    flex-flow: column;
    justify-content: flex-end;
    align-items: center;
    height: 127px;
    padding: 15px;
    font-family: Manrope, sans-serif;
    font-size: 20px;
    display: flex;
    position: absolute;
    inset: auto 0% 0%;
}

.service-image {
    background-image: linear-gradient(0deg, #dfbf90, #fff0);
    height: 333px;
    transition: all 1s cubic-bezier(.25, .46, .45, .94);
}

.service-info-title {
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
    font-family: Manrope, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 29px;
    text-decoration: none;
}

.service-image.womens-health {
    background-image: linear-gradient(355deg, #dfbf90, #ffffff24 64%), url(../images/womens-health-thumb.webp);
    background-position: 0 0, 50% 110%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.mens-health {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/mens-health-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.mental-health {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/mental-health-dr-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.travel-medicine {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/travel-medicine-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    border-radius: 15px;
}

.service-image.children-health {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/children-health-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.chronic-disease-management {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/chronic-disease-management-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.immunisations-and-vaccinations {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/immunisation-vaccines-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.skin-and-dermatology-services {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/skin-dermatology-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.minor-procedures {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/minor-procedures-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.general-medical-services {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/general-medical-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.occupational-health {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/occupational-health-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.diagnostic-services {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/diagnostic-services-thumb.webp);
    background-position: 0 0, 60%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.allied-health-services {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/allied-health-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.dental-services {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/dental-services-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.skin-cancer {
    background-image: linear-gradient(0deg, #dfbf90, #fff0), url(../images/skincancer-services-thumb.webp);
    background-position: 0 0, 50%;
    background-size: auto, cover;
}

.button-wrapper.mid-btn-wrapper {
    z-index: 2147483647;
    justify-content: center;
    align-items: center;
}

.see-all {
    color: #fff;
    background-color: #4f266b;
    border-radius: 100px;
    justify-content: flex-start;
    align-items: center;
    padding: 12px 30px;
    font-family: Manrope, sans-serif;
    font-size: 20px;
    font-weight: 700;
    display: flex;
    cursor: pointer;
}

.more-services {
    opacity: 0;
    /* Initially hidden */
}

/* Contact Page */
.form-bpx-wrapper {
    border-radius: 9px;
    width: 45%;
    margin-top: 40px;
    padding: 30px;
    box-shadow: 0 2px 5px #0003;
}

.service-box-wrapper.mid-flex {
    justify-content: center;
    align-items: flex-start;
}

.service-box-wrapper {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: flex-start;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
    display: flex;
}

.contact-cbox {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 50%;
    margin-top: 40px;
    display: flex;
}

.location-box.contact-quesnsland {
    color: #4d4948;
    background-image: url(../images/hellodr-location-icon.svg);
    background-repeat: no-repeat;
    background-size: contain;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 40px;
    font-size: 18px;
    line-height: 28px;
    text-decoration: none;
    display: flex;
}

.form-wrapper,
.form-block {
    flex-flow: column;
    display: flex;
}

.subbttn-wrapper {
    background-color: #4f266b;
    border-radius: 100px;
    justify-content: center;
    align-items: center;
    padding: 5px 30px;
    display: flex;
}

.dr-button.mid-button {
    justify-content: center;
    align-items: center;
}

.plans-wrapper {
    background-image: linear-gradient(#eedfc847, #eedfc847), linear-gradient(90deg, #dfbf9080, #d6ba8f94), url(../images/hellodr-footer-bg.webp);
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
    background-attachment: scroll, scroll, fixed;
    padding-top: 60px;
    padding-bottom: 60px;
    position: relative;
}

.center-align-head {
    z-index: 9999;
    text-align: left;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    margin-top: 0;
    margin-bottom: 20px;
    font-family: Manrope, sans-serif;
    font-size: 60px;
    line-height: 70px;
    display: flex;
    position: relative;
}

.contact-info-flex {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
}

.contact-info-box,
.contact-bullets-box {
    margin-bottom: 20px;
}

.list-info {
    font-family: Manrope, sans-serif;
    font-size: 18px;
    line-height: 28px;
}

.contact-box.c-number {
    border-right: 1px solid #fff;
    margin-right: 0;
    padding-right: 30px;
    max-width: 45%;
}

.contact-box {
    margin-bottom: 30px;
}

.contact-box.email {
    margin-bottom: 40px;
    padding-left: 30px;
}

.location-box.contact-us {
    color: #4d4948;
    background-image: url(../images/hellodr-phone-icon.svg);
    background-repeat: no-repeat;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 40px;
    font-size: 18px;
    line-height: 28px;
    text-decoration: none;
    display: flex;
}

.location-box.contact-us-2 {
    color: #4d4948;
    background-image: url(../images/hellodr-phone-icon.svg);
    background-repeat: no-repeat;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 40px;
    font-size: 18px;
    line-height: 28px;
    display: flex;
}

.location-box.contact-us.email {
    background-image: url(../images/paper-plane-icon.svg);
    background-position: 0 0;
    background-size: contain;
}

.location-box.contact-us.white {
    background-image: url(../images/phone-white.svg);
    background-repeat: no-repeat;
    background-size: 30px;
}

.location-box.contact-us-2.white {
    background-image: url(../images/phone-white.svg);
    background-size: contain;
    background-attachment: scroll;
    text-decoration: none;
}

.sub-loc-box {
    flex-flow: column;
    justify-content: space-between;
    margin-bottom: 20px;
    display: flex;
}

.social-med-wrapper {
    justify-content: space-between;
    width: 100%;
    display: flex;
}

.location-box {
    color: var(--alley-component-library--gray--900);
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    margin-bottom: 10px;
    font-family: Manrope, sans-serif;
    font-size: 18px;
    line-height: 25px;
    display: flex;
}

.location-box.contact-us.fb {
    background-image: url(../images/purple-fb.svg);
    background-repeat: no-repeat;
    background-size: 30px;
    text-decoration: none;
}

.location-box.contact-us.ig {
    background-image: url(../images/purple-ig.svg);
    background-position: 0%;
    background-size: 29px;
    text-decoration: none;
}

.location-box.contact-us.linkdn {
    background-image: url(../images/purple-linkedin.svg);
    background-repeat: no-repeat;
    background-size: 28px;
    text-decoration: none;
}

.location-box.check {
    color: #4d4948;
    background-image: url(../images/hello-dr-checked.svg);
    background-position: -1%;
    background-repeat: no-repeat;
    background-size: 30px;
    justify-content: flex-start;
    align-items: flex-start;
    padding-left: 40px;
    font-size: 18px;
    line-height: 28px;
    text-decoration: none;
    display: flex;
}

.contact-box.half {
    width: 50%;
}

.contact-box {
    margin-bottom: 30px;
}

.w-list-unstyled {
    padding-left: 0;
    list-style: none;
}

.check-info {
    background-image: url(../images/black-check-dr.svg);
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: 20px;
    padding-left: 30px;
    font-family: Manrope, sans-serif;
    font-size: 18px;
    line-height: 28px;
}

.google-box {
    color: #000;
    background-color: #fff;
    border: 1px solid #00000029;
    border-radius: 5px;
    justify-content: flex-start;
    align-items: center;
    width: 40%;
    margin-bottom: 20px;
    padding: 10px 16px;
    font-family: Manrope, sans-serif;
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
    text-decoration: none;
    display: flex;
    box-shadow: 0 1px 9px -3px #0003;
}

.google-icon {
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    margin-right: 20px;
}


.google-icon.google-review {
    width: 50px;
    min-width: 50px;
    height: 50px;
    min-height: 50px;
}


/* About Us */
.w-slider-mask {
    z-index: 1;
    white-space: nowrap;
    height: 100%;
    display: block;
    position: relative;
    left: 0;
    right: 0;
    overflow: hidden;
    margin-bottom: 30px;
}

.slide-flex-block {
    justify-content: space-between;
    display: flex;
}

.w-slide {
    vertical-align: top;
    white-space: normal;
    text-align: left;
    width: 100%;
    height: 100%;
    display: inline-block;
    position: relative;
}

.slide-gall-box {
    width: 24%;
    height: 250px;
}

.slide-gall-wrapper {
    width: 24%;
    display: flex;
}

.content-wrapper.no-bpadding {
    padding-bottom: 0;
}

.slide-gall-box.slide-gall-1 {
    background-image: url(../images/abt-gal1.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}

.slide-gall-box.slide-gall-2 {
    background-image: url(../images/abt-gal2.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}

.slide-gall-box.slide-gall-3 {
    background-image: url(../images/diagnostic-services-thumb.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}

.slide-gall-box.slide-gall-4 {
    background-image: url(../images/abt-gal4.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
}

.content-wrapper.slider-image {
    padding-top: 30px;
    padding-bottom: 0;
}

.service-heading {
    color: #4f266b;
    margin-bottom: 30px;
    font-size: 37px;
    line-height: 46px;
}

.purple-accent {
    color: #4f266b;
}

.list-item {
    margin-bottom: 0;
    font-family: Manrope, sans-serif;
    font-size: 18px;
    line-height: 28px;
}

.list-item.choose-list {
    background-image: none;
    background-repeat: repeat;
    background-size: auto;
    margin-bottom: 10px;
    padding-left: 0;
}

.link {
    text-decoration: none;
}

.content-wrapper._0tpadding {
    padding-top: 0;
}

.about-seperator-bx.choose-hellodr {
    background-position: 0 0, 0%;
    background-size: auto, cover;
}

.about-seperator-bx {
    background-image: linear-gradient(121deg, #dfbf90 21%, #fff0 72%), url(../images/esk-header-careers.webp);
    background-position: 0 0, 50%;
    border-radius: 13px;
    padding: 41px;
    display: flex;
    position: relative;
}

.loc--icon-box {
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
    margin-right: 10px;
}

.choose-image {
    background-image: url(../images/esk-header-careers.webp);
    background-position: 66%;
    background-repeat: no-repeat;
    background-size: cover;
    border-top-right-radius: 13px;
    border-bottom-right-radius: 13px;
    width: 41%;
    position: absolute;
    inset: 0% 0% 0% auto;
}

.choose-content-box {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 51%;
    display: flex;
}

.dr-button.whute-dr-btn {
    color: #4f266b;
    background-color: #fff;
    justify-content: flex-start;
    align-items: center;
    box-shadow: 0 0 5px #0003;
}

.button-link.violet {
    z-index: 33333333;
    color: #4f266b;
    position: relative;
}

.sub-service-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
    font-family: Manrope, sans-serif;
    display: flex;
}

.blog-heading.about-us {
    margin-top: 0;
    margin-bottom: 30px;
    font-size: 40px;
    line-height: 54px;
}

.blog-heading {
    color: #4f266b;
    font-size: 25px;
    line-height: 30px;
}

.dr-button.whute-dr-btn:hover {
    background-color: #4f266b !important;
    color: #fff !important;
    border-color: #4f266b !important;
}

.dr-button.whute-dr-btn:hover .button-link.violet,
.dr-button.whute-dr-btn:hover .button-icon.violet svg path {
    color: #fff !important;
    stroke: #fff !important;
}

.blog-wrapper {
    width: 100%;
}

.blog-flex {
    flex-flow: row;
    justify-content: space-between;
    display: flex;
}

.blog-content-info-box {
    background-image: linear-gradient(0deg, #dfbf90 8%, #fff0 30%);
    border-radius: 10px;
    flex-flow: column;
    justify-content: flex-end;
    align-items: stretch;
    margin-bottom: 10px;
    padding: 0 20px 10px;
    display: flex;
    position: absolute;
    inset: 0%;
}

.blog-box {
    border-radius: 10px;
    width: 24%;
    position: relative;
    overflow: clip;
}

.blog-image.health-asses {
    background-image: linear-gradient(0deg, #dfbf90, #fefefd05 100% 100%, #fff0), url(../images/health-asses-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.blog-image.skin-cancer {
    background-image: linear-gradient(0deg, #dfbf90 10%, #fff0), url(../images/skin-cancer-blog-thumb.webp);
}

.blog-image.chronic {
    background-image: linear-gradient(0deg, #dfbf90 10%, #fff0), url(../images/chronic-blog-thumb.webp);
}

.blog-image.bodyimage {
    background-image: linear-gradient(0deg, #dfbf90 10%, #fff0), url(../images/body-image-thumb.webp);
}

.date-blog {
    color: #fff;
    margin-bottom: 10px;
    font-family: Manrope, sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
}

.blog-title {
    color: #fff;
    margin-bottom: 20px;
    font-family: Manrope, sans-serif;
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
}

.dr-button.blog-button {
    background-color: #fff;
    padding: 10px 30px;
    font-size: 20px;
}

.dr-button.blog-button:hover {
    border: solid 1px transparent;
}

.blog-image {
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    border-radius: 5px;
    width: 100%;
    height: 387px;
    transition: .7s ease-in-out;
}

.service-image {
    background-image: linear-gradient(0deg, #dfbf90, #fff0);
    height: 333px;
    transition: all 1s cubic-bezier(.25, .46, .45, .94);
}

.services-image {
    transition: all 300ms ease-in-out;
}

.blog-box:hover .blog-image,
.service-box:hover .service-image {
    transform: scale(1.1) !important;
}

.services-box:hover .services-image {
    transform: scale(1.05) !important;
}

.button-link.read-article {
    color: #4f266b;
    font-size: 18px;
    line-height: 28px;
}

/* FAQ PAGE */
.content-box.policy {
    width: 100%;
}

.faq-accordion .accordion-item {
    cursor: pointer;
    transform-style: preserve-3d;
    background-color: #fff;
    border: 1px solid #ebebeb;
    border-radius: 10px;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 30px;
    transition: transform .3s;
    display: block;
    box-shadow: 0 2px 8px #14142b14;
    /* padding: 25px 40px 25px; */
}

.faq-accordion .accordion-button:not(.collapsed)::after {
    transform: rotate(45deg) !important;
    background-color: rgb(206, 181, 150);
    background-image: url("data:image/svg+xml,%3Csvg fill='%23ffffff' height='18px' width='18px' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 455 455' xml:space='preserve' stroke='%23ffffff'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E %3Cpolygon points='455,212.5 242.5,212.5 242.5,0 212.5,0 212.5,212.5 0,212.5 0,242.5 212.5,242.5 212.5,455 242.5,455 242.5,242.5 455,242.5 '%3E%3C/polygon%3E %3C/g%3E%3C/svg%3E") !important;
}

.faq-accordion .accordion-button::after {
    content: "";
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url("data:image/svg+xml,%3Csvg fill='%23000000' height='18px' width='18px' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 455 455' xml:space='preserve'%3E%3Cg id='SVGRepo_bgCarrier' stroke-width='0'%3E%3C/g%3E%3Cg id='SVGRepo_tracerCarrier' stroke-linecap='round' stroke-linejoin='round'%3E%3C/g%3E%3Cg id='SVGRepo_iconCarrier'%3E %3Cpolygon points='455,212.5 242.5,212.5 242.5,0 212.5,0 212.5,212.5 0,212.5 0,242.5 212.5,242.5 212.5,455 242.5,455 242.5,242.5 455,242.5 '%3E%3C/polygon%3E %3C/g%3E%3C/svg%3E") !important;
    background-size: 18px 18px;
    background-position: center center;
    background-repeat: no-repeat;
    transform-origin: center;
    transition: transform 0.3s ease;
    transform: rotate(0deg) !important;
    /* Set default rotation to 0 degrees */
    border: 2px solid #eff0f6;
    border-radius: 50%;
    padding: 5px;
    box-shadow: 0 2px 12px 0 #14142b14;
}

.faq-accordion {
    width: 100%;
    margin-top: 30px;
}

.faq-accordion .accordion-item:not(:last-child) {
    margin-bottom: 30px;
}

.accordion-button:not(.collapsed),
.accordion-button:focus {
    background-color: transparent;
    box-shadow: none;
}

.faq-accordion .accordion-button {
    background-color: transparent;
    color: #000 !important;
    padding: 25px 40px 25px;
}

.faq-accordion .accordion-body {
    padding-top: 0;
    padding-left: 40px;
    padding-right: 40px;
    padding-bottom: 25px;
    margin-top: -10px;
}

.accordion-title {
    color: #000;
    margin-top: 0;
    margin-bottom: 0;
    font-family: Manrope, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
}

.faq-accordion .accordion-body p:last-child {
    margin-bottom: 0 !important;
}

.accordion-body {
    transition: 0.2s cubic-bezier(0.23, 1, 0.320, 1);
    max-width: 100%;
}

.faq-accordion .accordion-body {
    opacity: 0;
    transform: translate3d(0px, 20px, 0px) scale3d(0.96, 0.96, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    width: 1200.5px;
    height: 0px;
}

.show .accordion-body {
    opacity: 1;
    transform: translate3d(0px, 0px, 0px) scale3d(1, 1, 1) rotateX(0deg) rotateY(0deg) rotateZ(0deg) skew(0deg, 0deg);
    transform-style: preserve-3d;
    width: 1200.5px;
    height: auto;
}

.brix---paragraph-default {
    color: #333;
    text-align: left;
    margin-bottom: 0;
    font-size: 18px;
    font-weight: 400;
    line-height: 30px;
}

/* Pricing Page */
.pricing-heading {
    color: #4f266b;
    margin-bottom: 10px;
    font-family: Manrope, sans-serif;
    font-size: 30px;
    font-weight: 600;
}

.about-seperator-bx.choose-sepa {
    background-position: 0 0, 0%;
}

/* Blogs Feed Page */
.heading-box {
    margin-bottom: 40px;
}

.qualities-box {
    background-color: #fff;
    border-radius: 20px;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    width: 31% !important;
    margin-bottom: 25px;
    margin-right: 25px;
    padding: 34px;
    display: flex;
    box-shadow: 0 2px 5px #0003;
}

.qualities-title {
    color: #2d2b2a;
    text-align: center;
    height: 130px;
    font-family: Manrope, sans-serif;
    font-size: 20px;
    font-weight: 500;
    line-height: 30px;
}

.qualities-icon {
    width: 50px;
    max-width: 50px;
    height: 50px;
    max-height: 50px;
    margin-bottom: 20px;
}

.flex-wrapper.mid-flex {
    justify-content: center;
    align-items: center;
}

.service-heading.center-heading {
    text-align: center;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
    font-size: 42px;
}

.seperator-wrapper {
    background-image: linear-gradient(#dfbf9080, #dfbf9080), url(http://hellodr.local../images/hellodr-footer-bg.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
    height: auto;
    padding-top: 60px;
    padding-bottom: 60px;
}

.content-box.question-box {
    flex-flow: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.dr-button.sepa {
    background-image: url(../images/phone-ring-icon.svg);
    background-position: 4%;
    background-repeat: no-repeat;
    background-size: 30px;
    margin-left: 40px;
    padding-left: 43px;
}

.dr-button.sepa:hover {
    background-color: #4f266b;

}

/* Location Black Stone */
.blackstone-logo-box {
    width: 25%;
    margin-bottom: 10px;
    margin-right: 20px;
}

.logo-flex {
    justify-content: flex-start;
    align-items: center;
    display: flex;
    gap: 30px;
}

.esk,
.blackstone {
    width: 100%;
    min-width: 160px;
}

.logo-partner {
    width: 100%;
    max-width: 130px;
    margin-right: 20px;
}

.contact-box-info.left-allign {
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
}

.flex-field {
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
    gap: 10;
}

.field-box.rmargin-5 {
    margin-right: 5px;
}

.contact-title.esk {
    text-align: left;
    margin-bottom: 10px;
    font-size: 18px;
}

.esk-sched.close {
    color: #4d4947;
    margin-bottom: 20px;
    margin-left: 0;
    font-size: 18px;
    line-height: 28px;
}

/* Location ESK */
.esk-logo-box {
    flex-flow: wrap;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-bottom: 20px;
    display: flex;
}

.esk-google-map {
    height: 97%;
}

.tagline-design-box {
    background-image: url(../images/tagline-dr.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 78%;
    min-height: 50px;
}

.esk-logo {
    width: 20%;
    margin-right: 10px;
}

/* Careers Page */
.image-box.career-image {
    background-image: url(../images/careers-img-left.webp);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    margin-bottom: 30px;
}

.image-box.career-image-2 {
    background-image: url(../images/careers-img-right.webp);
    background-position: 50% 0;
    background-repeat: no-repeat;
    background-size: cover;
    height: 370px;
    margin-bottom: 30px;
}

.black-stone-logo {
    background-image: url(../images/helllodr-backstone.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 213px;
    height: 95px;
}

.esk-lbrand-logo {
    background-image: url(../images/hellodr-esk-new.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 213px;
    height: 95px;
}

.address-box {
    margin-bottom: 20px;
    font-family: Manrope, sans-serif;
    font-size: 18px;
    line-height: 28px;
}

.content-box.map {
    width: 48%;
}

.map-wrapper.career,
.map-wrapper.esk {
    filter: grayscale();
    width: 100%;
    height: 250px;
    margin-bottom: 20px;
}

.loc-box-wrapper {
    flex-flow: row;
    width: 100%;
    margin-bottom: 0;
    display: flex;
}

.loc-box-wrapper.map {
    flex-flow: column;
}

.content-box.career-page {
    width: 80%;
}

.content-box {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 50%;
    display: flex;
}

.career-form-box {
    border: 1px solid #e2e2e2;
    border-radius: 3px;
    width: 100%;
    margin-bottom: 20px;
    padding: 40px;
}

.w-input:focus,
.w-select:focus {
    border-color: #3898ec;
    outline: 0;
}

.contact-text-field {
    color: #7e7a7a;
    border: 1px #000;
    border-bottom: 2px solid #ecece7;
    height: 50px;
    padding-left: 0;
    font-size: 16px;
    line-height: 24px;
}

.field-label {
    text-align: left;
    margin-bottom: 20px;
    font-size: 17px;
    font-weight: 500;
}

.field-label.career {
    text-align: left;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 28px;
}

.career-form .career {
    flex-flow: column;
    margin-bottom: 20px;
}

.form-box-2.inquiries.career {
    margin-bottom: 20px;
}

.career-form-box .dr-button:hover {
    color: #4f266b !important;
}


.form-box-2.inquiries {
    flex-flow: column;
}

.loc--icon-box.career {
    background-image: url(../images/hellodr-phone-icon.svg
    );
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: cover;
    width: 20px;
    min-width: 20px;
    height: 20px;
    min-height: 20px;
}

.career-content {
    text-align: left;
    margin-bottom: 5px;
    font-size: 18px;
    line-height: 30px;
}

.loc-box {
    color: #333;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
    margin-right: 20px;
    font-family: Manrope, sans-serif;
    font-size: 18px;
    line-height: 28px;
    text-decoration: none;
    display: flex;
}

.carreer-info-box {
    width: 100%;
    margin-bottom: 20px;
}

/* General Medical */
.sub-image-bx {
    width: 33%;
}

.sub-image-bx.general-health {
    background-image: url(../images/general-medical-img.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 35%;
    margin-bottom: 40px;
}

.content-box.cb70 {
    width: 60%;
}

.service-box.genmend {
    width: 30%;
}

.service-info-title {
    color: #fff;
    text-align: center;
    margin-bottom: 10px;
    font-family: Manrope, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 29px;
    text-decoration: none;
}

.small-title {
    font-size: 16px;
    font-weight: 400;
    line-height: 26px;
}

.service-image.gm1 {
    background-image: linear-gradient(0deg, #dfbf90 10%, #fff0 71%), url(../images/health-assessment-service-thumb.webp);
    background-position: 0 0, 0 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.gm2 {
    background-image: linear-gradient(0deg, #dfbf90 10%, #fff0 64%), url(../images/general-consultation-thumb.webp);
    background-position: 0 0, 0 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.gm3 {
    background-image: linear-gradient(0deg, #dfbf90 10%, #fff0 64%), url(../images/preventive-healthcheck-thumb.webp);
    background-position: 0 0, 50% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.gm4 {
    background-image: linear-gradient(0deg, #dfbf90 10%, #fff0 64%), url(../images/chronic-management-thumb.webp);
    background-position: 0 0, 50% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.gm5 {
    background-image: linear-gradient(0deg, #dfbf90 10%, #fff0 64%), url(../images/accute-illness-thumb.webp);
    background-position: 0 0, 50% 17%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.gm6 {
    background-image: linear-gradient(0deg, #dfbf90, #fff0 64%), url(../images/ecg-tracing-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.gm7 {
    background-image: linear-gradient(0deg, #dfbf90, #fff0 64%), url(../images/referrals-specialist-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.gm8 {
    background-image: linear-gradient(0deg, #dfbf90 10%, #fff0 64%), url(../images/telehealth-image-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.services-heading-box {
    width: 100%;
    margin-bottom: 20px;
    display: none;
}

.services-box {
    color: #000;
    border: 1px solid #dadada;
    border-radius: 3px;
    width: 23%;
    padding: 20px;
    text-decoration: none;
}

.more-service-icon-bx {
    width: 25px;
    height: 25px;
    margin-left: 10px;
}

.services-image {
    min-height: 150px;
}

.services-info {
    flex-flow: column;
    justify-content: flex-end;
    align-items: stretch;
    padding-top: 10px;
    padding-bottom: 10px;
    display: flex;
}

.services-title-box {
    color: #655e5c;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
    text-decoration: none;
    display: flex;
}

.services-title {
    margin-top: 10px;
    margin-bottom: 10px;
    font-family: Manrope, sans-serif;
    font-size: 20px;
    font-weight: 700;
}

.srevices-info {
    color: #6f6866;
    height: 131px;
    margin-bottom: 0;
    font-size: 14px;
    line-height: 22px;
}

.services-image.mens-health {
    background-image: url(../images/mens-health-thumb-dr.webp);
    background-position: 50% 40%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
}

.services-image.childrens-health {
    background-image: url(../images/childrens-health-thumb.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 3px;
}

.services-image.travel-med {
    background-image: url(../images/travel-medicine-thumb2.webp);
    background-position: 50% 20%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 3px;
}

.services-image.mental-health {
    background-image: url(../images/mental-health-thumb2.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 3px;
}

.content-wrapper.choose-wrapper {
    background-image: radial-gradient(circle at 80%, #f5f0de, #fff0 29%), radial-gradient(circle at 10% 80%, #f9e4e9, #fff0 31%);
}

/* Mens Health */
.sub-image-bx.mean-health-image {
    background-image: url(../images/mens-health-thumb.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 35%;
    height: 410px;
}

.center-align-head.mid-text {
    text-align: center;
    margin-bottom: 0;
}

.service-image.ms1 {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/prostate-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.ms2 {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/sexualhealth-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.ms3 {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/erectyle-dysfunction-img.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.ms4 {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/mentalhealth-screening-thumb.webp);
    background-position: 0 0, 70% 28%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.ms5 {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/vasectomy-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.ms6 {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/circumcision-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

/* Womens Health */
.sub-image-bx.diet-image {
    background-image: url(../images/womens-health-dr-thumb.webp);
    background-position: 80%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 35%;
    height: 410px;
}

.service-image.s1 {
    background-image: linear-gradient(#00000012, #00000012), linear-gradient(355deg, #dfbf90, #ffffff24 64%), url(../images/cervical-screening-thumb.webp);
    background-position: 0 0, 0 0, 78%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
}

.service-image.s2 {
    background-image: linear-gradient(#00000012, #00000012), linear-gradient(355deg, #dfbf90, #ffffff24 64%), url(../images/urine-pregnancy-thumb.webp);
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
}

.service-image.s3 {
    background-image: linear-gradient(#00000012, #00000012), linear-gradient(355deg, #dfbf90, #ffffff24 64%), url(../images/inplant-implanon-thumb.webp);
    background-position: 0 0, 0 0, 50% 100%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
}

.service-image.s4 {
    background-image: linear-gradient(#00000012, #00000012), linear-gradient(355deg, #dfbf90, #ffffff24 64%), url(../images/sexualhealt-planning-thumb.webp);
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
}

.service-image.s5 {
    background-image: linear-gradient(#00000012, #00000012), linear-gradient(355deg, #dfbf90, #ffffff24 64%), url(../images/depo-injection-thumb.webp);
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
}

.service-image.s6 {
    background-image: linear-gradient(#00000012, #00000012), linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/breast-checks-thumb.webp);
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
}

.service-image.s7 {
    background-image: linear-gradient(#00000012, #00000012), linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/obstetric-thumb.webp);
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
}

.service-image.s8 {
    background-image: linear-gradient(#00000012, #00000012), linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/contraceptive-thumb.webp);
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
}

/* Childrens Health */
.sub-image-bx.children-health {
    background-image: url(../images/children-health-thumb.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 35%;
    height: auto;
}

.service-image.cs1 {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/immunisation-routines-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.cs2 {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/growth-development-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.cs3 {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/treatment-illness-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.cs4 {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/newborn-infant-thumb.webp);
    background-position: 0 0, 50% 20%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.cs5 {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/adolescent-health-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

/* Mental Health */
.sub-image-bx.mental-health {
    background-image: url(../images/mental-health-dr-thumb.webp);
    background-position: 60%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 35%;
}

.service-image.mentalhs1 {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/mental-health-care-plans-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.mentalhs2 {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/counselling-service-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.mentalhs3 {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/anxiety-depression-thumb.webp);
    background-position: 0 0, 88%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.mentalhs4 {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/referrals-psycho-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.mentalhs5 {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/drug-alcohol-support-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

/* Immunisation and Vaccination */
.sub-image-bx.immunisation-health {
    background-image: url(../images/vaccination-thumb.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 35%;
}

.medical-issue-box {
    color: #0b1215;
    text-align: center;
    background-image: linear-gradient(35deg, #8b6f59, #ddcfbb);
    border-radius: 100px;
    width: 31%;
    margin-bottom: 20px;
    margin-right: 20px;
    padding: 4px;
    text-decoration: none;
}

.medical-name {
    background-color: #fff;
    border-radius: 100px;
    padding: 14px;
    font-family: Antipasto, Verdana, sans-serif;
    font-size: 21px;
    font-weight: 500;
    line-height: 21px;
}

/* Chronic Disease Management */
.sub-image-bx.chronic-health {
    background-image: url(../images/chronic-management-dr-thumb.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 35%;
}

.service-image.cdm1 {
    background-image: linear-gradient(#00000012, #00000012), linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/diabetes-management-thumb.webp);
    background-position: 0 0, 0 0, 50%;
    background-repeat: repeat, repeat, no-repeat;
    background-size: auto, auto, cover;
}

.service-image.cdm2 {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/cardiovascular-disease-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.cdm3 {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/asthma-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.cdm4 {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/arthritis-thumb.webp);
    background-position: 0 0, 50% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.cdm5 {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/iron-infusion-thumb.webp);
    background-position: 0 0, 50% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.cdm6 {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/renal-kidney-thumb.webp);
    background-position: 0 0, 50% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

/* Minor Injuries and Procedures */
.sub-image-bx.procedure-image {
    background-image: url(../images/minor-procedures-thumb.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 35%;
}

.service-image.mp1 {
    background-image: linear-gradient(0deg, #dfbf90 10%, #fff0 64%), url(../images/wound-care-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.mp2 {
    background-image: linear-gradient(0deg, #dfbf90 10%, #fff0 64%), url(../images/ear-lobe-repair-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.mp3 {
    background-image: linear-gradient(0deg, #dfbf90 10%, #fffefe00 64%, #fff), url(../images/abscess-drainage-thumb.webp);
    background-position: 0 0, 50% 0;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.mp4 {
    background-image: linear-gradient(0deg, #dfbf90, #fff0 56%), url(../images/joint-injections-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.mp5 {
    background-image: linear-gradient(0deg, #dfbf90, #fff0 64%), url(../images/minor-procedures-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

/* Diagnostics */
.sub-image-bx.diagnostic-image {
    background-image: url(../images/diagnostic-services-thumb.webp);
    background-position: 55%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 35%;
    position: relative;
}

.bttn-text {
    margin-bottom: 20px;
    font-family: Manrope, sans-serif;
    font-size: 18px;
    font-weight: 500;
}

.footer-partner-logo.services-mater-logo {
    z-index: 9999999;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    border-radius: 5px;
    width: 36%;
    height: auto;
    margin-bottom: 0;
    margin-left: 0;
    padding: 12px 12px 23px;
    position: relative;
}

/* Allied Services */

.blackstone-logo-box.allied {
    background-image: url(../images/helllodr-backstone.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain;
    width: 30%;
    min-height: 100px;
    margin-bottom: 0;
    margin-left: 20px;
    margin-right: 0;
}

.service-heading-box {
    flex-flow: row;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    display: flex;
}

.s--box {
    width: 70%;
}

.sub-image-bx.alied-image {
    background-image: url(../images/allied-services-thumb.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 36%;
}

.sub-image-bx.occupational-image {
    background-image: url(../images/occupational-services-thumb.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 35%;
}

/* Travel Medicine */
.sub-image-bx.travel-health {
    background-image: url(../images/travel-services-img.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 35%;
}
.content-sub-heading {
    color: #1c1c1c;
    margin-bottom: 20px;
    font-family: Manrope, sans-serif;
    font-size: 24px;
    font-weight: 600;
    line-height: 30px;
}

/* Skin Cancer Services */
.sub-image-bx.skin-cancer {
    background-image: url(../images/skin-cancer-services-img.webp);
    background-position: 50%;
    background-size: cover;
}

/* Dental Services */
.sub-image-bx.aditional-image {
    background-image: url(../images/dental-services-thumb.webp);
    background-position: 0%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 35%;
}

/* Beauty and Cosmetics */
.sub-image-bx.skin-health {
    background-image: url(../images/beauty-cosmetics-services.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 37%;
}

.service-image.sds1 {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/skincancer-services-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.sds2 {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/microneedling-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.sds3 {
    background-image: url(../images/beauty-cosmetics-services.webp);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
}

.service-image.sds4 {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/pigment-laser-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.sds5 {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/laser-tattoo-thumb.webp);
    background-position: 0 0, 50%;
}

.service-image.sds6 {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/threadlift-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

.service-image.sds7 {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/chemical-peels-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}


.service-image.sds8 {
    background-image: linear-gradient(355deg, #dfbf90 8%, #ffffff24 64%), url(../images/non-surgical-facelift-thumb.webp);
    background-position: 0 0, 50%;
    background-repeat: repeat, no-repeat;
    background-size: auto, cover;
}

/* Thank you Page */

.thank-you-info {
    color: #d3a152;
    margin-bottom: 10px;
    font-family: Manrope, sans-serif;
    font-size: 25px;
    line-height: 35px;
}

.success-box {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    font-size: 20px;
    line-height: 30px;
    display: flex;
}

.thank-you-par {
    text-align: center;
}

.thnk-you-icon {
    width: 100px;
    height: 100px;
    margin-bottom: 20px;
}

.violet svg path {
    stroke:#4f266b;
}

/* CF7 styling
div#wpcf7-f63-o1 .wpcf7-form>p, div#wpcf7-f69-o1 .wpcf7-form>p, div#wpcf7-f63-o2 .wpcf7-form>p {
    background-color: #fff;
    border-radius: 100px;
    justify-content: flex-start;
    align-items: center;
    padding: 8px;
    display: flex;
    overflow: hidden;
    position: relative;
}

span.wpcf7-form-control-wrap {
    width: 100%;
}

li#wpcf7-f63-o1-ve-fld_email, li#wpcf7-f69-o1-ve-fld_email, li#wpcf7-f63-o2-ve-fld_email {
    display: none;
}

div#wpcf7-f63-o1 .screen-reader-response, div#wpcf7-f69-o1 .screen-reader-response,div#wpcf7-f63-o2 .screen-reader-response {
    display: none;
}

div#wpcf7-f63-o1 .wpcf7-response-output, div#wpcf7-f69-o1 .wpcf7-response-output, div#wpcf7-f63-o2 .wpcf7-response-output, .wpcf7-response-output {
    text-align: center;
    color: red;
    font-size: 14px;
}

span.wpcf7-not-valid-tip {
    display: none;
}

.field-box, .field-box.full {
    width: 100%;
}
.subbttn-wrapper p {
    margin-bottom: 0;
}

.field-box p {
    margin-bottom: 0;
}
*/
li#wpcf7-f63-o1-ve-fld_email, li#wpcf7-f69-o1-ve-fld_email, li#wpcf7-f63-o2-ve-fld_email {
    display: none;
}

div#wpcf7-f63-o1 .screen-reader-response, div#wpcf7-f69-o1 .screen-reader-response,div#wpcf7-f63-o2 .screen-reader-response {
    display: none;
}

div#wpcf7-f63-o1 .wpcf7-response-output, div#wpcf7-f69-o1 .wpcf7-response-output, div#wpcf7-f63-o2 .wpcf7-response-output, .wpcf7-response-output {
    text-align: center;
    color: red;
    font-size: 14px;
}
div#wpcf7-f63-o1 .wpcf7-form>p, div#wpcf7-f69-o1 .wpcf7-form>p, div#wpcf7-f63-o2 .wpcf7-form>p {
    background-color: #fff;
    border-radius: 100px;
    justify-content: flex-start;
    align-items: center;
    padding: 8px;
    display: flex;
    overflow: hidden;
    position: relative;
}

.form-box-2.career p {
    margin-bottom: 20px;
}

.field-box {
    position: relative;
}
.w-form p {
    margin-bottom: 0;
    position: relative;
}

.wpcf7-not-valid-tip {
    position: absolute;
    bottom: 0;
    right: 5px;
    font-size: 10px;
    color: red;
}

.text-field.contact-us.phone-number .wpcf7-not-valid-tip {
    bottom: 10px;
}

.wpcf7-response-output {
    font-size: 14px !important;
    color: red;
    text-align: center;
}

#wpcf7-f63-o1  .wpcf7-not-valid-tip, #wpcf7-f69-o1 .wpcf7-not-valid-tip, #wpcf7-f63-o2 .wpcf7-not-valid-tip  {
    bottom: 0;
    left: 33px;
}

#wpcf7-f63-o1 .wpcf7-response-output, #wpcf7-f63-o2 .wpcf7-response-output  {
    margin-top:20px;
}

/* Blog Pages */
.blog-top-heading-box {
    justify-content: space-between;
    align-items: center;
    display: flex;
}

.back-box-button {
    color: #645d5b;
    justify-content: flex-start;
    align-items: center;
    font-family: Manrope, sans-serif;
    font-weight: 600;
    text-decoration: none;
    display: flex;
}

.arrow-icon-box {
    background-image: url(../images/arrow-back-hellodr.svg);
    background-position: 0%;
    background-size: cover;
    width: 30px;
    min-width: 30px;
    height: 30px;
    min-height: 30px;
}

.blog-tag-wrapper {
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px;
    display: flex;
}

.blog-tag-box {
    color: #4f266b;
    border: 1px solid #4f266b;
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
    padding: 10px 20px;
    font-size: 18px;
    display: flex;
}

.blog-tag-box:hover {
    color: #fff;
    background-color: #4f266b;
}

.inside-blog-image {
    background-position: 50% 30%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 5px;
    width: 100%;
    height: 350px;
    margin-bottom: 30px;
}

.inside-blog-image.health-asses {
    background-image: url(../images/health-assess-blog-img.webp);
    background-position: 50% 60%;
    background-size: cover;
}

.blog-info-title {
    margin-bottom: 10px;
    font-family: Manrope, sans-serif;
    font-size: 20px;
    font-weight: 700;
    line-height: 30px;
}

.inside-blog-heading.reg-asses {
    margin-bottom: 10px;
    font-size: 30px;
    line-height: 40px;
}

.blog-info-bullets {
    margin-bottom: 20px;
    font-family: Manrope, sans-serif;
    font-size: 18px;
    line-height: 28px;
}

.blog-info-list {
    margin-bottom: 10px;
}

.blog-info.last {
    margin-bottom: 0;
}

.blog-bullets-title {
    margin-bottom: 10px;
    padding-left: 0;
    font-family: Manrope, sans-serif;
    font-size: 18px;
    line-height: 28px;
}

.blog-content-info-box {
    background-image: linear-gradient(0deg, #dfbf90 8%, #fff0 30%);
    border-radius: 10px;
    flex-flow: column;
    justify-content: flex-end;
    align-items: stretch;
    margin-bottom: 10px;
    padding: 0 20px 10px;
    display: flex;
    position: absolute;
    inset: 0%;
}

.blog-box.blog-inside {
    width: 32%;
}

.inside-blog-image.acne-prevention {
    background-image: url(../images/acne-prevention-img.webp);
}

.inside-blog-image.chronic {
    background-image: url(../images/managing-chronic-blog-img.webp);
}

.inside-blog-image.bodyimage {
    background-image: url(../images/understanding-chronic-thumb.webp);
    background-position: 50% 60%;
}

.screen-reader-response{display: none;}